.ask-post-view {
	display: grid;
	grid-template-columns: repeat(var(--ask-columns, 3), minmax(0, 1fr));
	gap: 24px;
	margin: 24px 0;
}
.ask-post-view__item {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid #dcdcde;
	background: #fff;
}
.ask-post-view__image { display: block; line-height: 0; }
.ask-post-view__image img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.ask-post-view__content { padding: 20px; }
.ask-post-view__date { display: block; margin-bottom: 8px; color: #646970; font-size: 0.875em; }
.ask-post-view__title { margin: 0 0 10px; font-size: 1.25em; line-height: 1.3; }
.ask-post-view__title a { color: inherit; text-decoration: none; }
.ask-post-view__title a:hover, .ask-post-view__title a:focus { text-decoration: underline; }
.ask-post-view__excerpt { margin-bottom: 16px; }
.ask-post-view__excerpt p { margin: 0; }
.ask-post-view__read-more { display: inline-block; color: #fff; background: #135e96; padding: 9px 14px; text-decoration: none; }
.ask-post-view__read-more:hover, .ask-post-view__read-more:focus { background: #0a4b78; color: #fff; }
.ask-post-view--list-1 .ask-post-view__item, .ask-post-view--list-2 .ask-post-view__item { flex-direction: row; }
.ask-post-view--list-1 .ask-post-view__image, .ask-post-view--list-2 .ask-post-view__image { flex: 0 0 34%; }
.ask-post-view--list-1 .ask-post-view__content, .ask-post-view--list-2 .ask-post-view__content { flex: 1; }
.ask-post-view__pagination { grid-column: 1 / -1; }
.ask-post-view__pagination .page-numbers { display: flex; flex-wrap: wrap; gap: 10px; color:#000; padding:5px 10px; margin: 0;  list-style: none; justify-content: center; }
.ask-post-view__pagination a, .ask-post-view__pagination span { display: inline-block; padding: 7px 10px; border: 1px solid #000; text-decoration: none; }
.ask-post-view__pagination .current { color: #fff; border-color: #135e96; background: #135e96; }
@media screen and (max-width: 782px) {
	.ask-post-view { grid-template-columns: repeat(var(--ask-tablet-columns, 2), minmax(0, 1fr)); }
}
@media screen and (max-width: 600px) {
	.ask-post-view { grid-template-columns: repeat(var(--ask-mobile-columns, 1), minmax(0, 1fr)); gap: 16px; }
	.ask-post-view--list-1 .ask-post-view__item, .ask-post-view--list-2 .ask-post-view__item { flex-direction: column; }
	.ask-post-view--list-1 .ask-post-view__image, .ask-post-view--list-2 .ask-post-view__image { flex-basis: auto; }
}