.section-component--cards[data-card-layout="news"] .section-component--grid.size-lg {
	gap: 1rem;
	grid-template-columns: 1fr;
}

.section-component--cards[data-card-layout="news"] .post-item {
	border: 1px solid var(--color-slate-200);
	border-radius: 12px;
	box-shadow: 0 0 0 0;
}

.section-component--cards[data-card-layout="news"] .post-item.landscape .post-picture--thumbnail {
	aspect-ratio: 1.725 / 1;
	border-radius: 0 0 12px 12px;
}

.section-component--cards[data-card-layout="news"] .section-component--grid.size-lg .post-item header h3 {
	font-size: 19px;
}

.section-component--cards[data-card-layout="news"] .section-component--grid.size-lg .post-item .post-item--header p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-height: 1.563;
}

.section-component--cards[data-card-layout="news"] .section-component--grid.size-lg .post-item .post-item__meta .date {
	display: none;
}

/* Only the Latest News previews limit cards; archive pagination controls its own items. */
.section-component--cards[data-card-preview] .section-component--grid > .post-item:nth-child(n+4) {
	display: none;
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.section-component--cards[data-card-layout="news"] .section-component--grid.size-lg {
		grid-template-columns: repeat(2, 1fr);
	}

	.section-component--cards[data-card-preview] .section-component--grid > .post-item:nth-child(4) {
		display: block;
	}
}

@media (min-width: 1024px) {
	.section-component--cards[data-card-layout="news"] .section-component--grid.size-lg {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* WordPress outputs a span for the current page, alongside the navigation links. */
.section-component--cards[data-card-layout="news"] .pagination .pagination__list {
	flex-wrap: wrap;
}

.section-component--cards[data-card-layout="news"] .pagination .page-numbers.current,
.section-component--cards[data-card-layout="news"] .pagination .page-numbers.dots {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	font-size: var(--pagination-fs);
	font-weight: var(--pagination-fw);
}

.section-component--cards[data-card-layout="news"] .pagination .page-numbers.current {
	background-color: var(--pagination-current-bg);
	border: 1px solid var(--pagination-current-border-color);
	border-radius: var(--pagination-radius);
	color: var(--pagination-current-color);
	text-decoration: underline;
	text-underline-offset: 2px;
}