/*
 * Posts — the single post (single.php) and the news list (home.php), on both sites
 * (theme card 949e13731385, engagements 26-27). Loaded on those two views only
 * (inc/posts.php). Tokens only.
 */

/* Single post */
.zecha-post {
	max-width: var(--at-content-max);
	padding-block: var(--at-space-7);
}
.zecha-post__date,
.zecha-news-card__date {
	display: block;
	font-family: var(--at-font-mono);
	font-size: var(--at-fs-body-sm);
	letter-spacing: var(--at-tracking-pill);
	text-transform: uppercase;
	color: var(--at-muted);
}
.zecha-post__date {
	margin-top: var(--at-space-3);
}
.zecha-post__image {
	margin: var(--at-space-6) 0;
}
.zecha-post__image img {
	display: block;
	width: 100%;
	height: auto;
}

/* Related news */
.zecha-related {
	border-top: 1px solid var(--at-divider);
	padding-block: var(--at-space-7);
}
.zecha-related__title {
	margin: 0 0 var(--at-space-6);
	font-family: var(--at-font-display);
	font-size: var(--at-fs-h2);
	color: var(--at-headline);
}

/* News cards: 3 columns on wide screens, one at narrow widths */
.zecha-news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--at-space-6);
	padding-block: var(--at-space-6);
}
@media (max-width: 760px) {
	.zecha-news-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
.zecha-news-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--at-divider);
	background: var(--at-canvas);
}
.zecha-news-card__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.zecha-news-card__body {
	display: flex;
	flex-direction: column;
	gap: var(--at-space-3);
	padding: var(--at-space-5);
}
.zecha-news-card__title {
	margin: 0;
	font-family: var(--at-font-display);
	font-size: var(--at-fs-h3);
	line-height: 1.25;
	/* Long German compounds in the display face would run past the card's edge. */
	overflow-wrap: anywhere;
	hyphens: auto;
}
.zecha-news-card__title a {
	color: var(--at-headline);
	text-decoration: none;
}
.zecha-news-card__title a:hover,
.zecha-news-card__title a:focus-visible {
	color: var(--at-highlight);
}
.zecha-news-card__excerpt {
	color: var(--at-body);
	font-size: var(--at-fs-body);
}
.zecha-news-card__excerpt p {
	margin: 0;
}

/* Pagination (the_posts_pagination()) */
.zecha-container .navigation.pagination {
	padding-block: var(--at-space-6);
}
.zecha-container .pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--at-space-2);
}
.zecha-container .pagination .page-numbers {
	display: inline-block;
	padding: var(--at-space-2) var(--at-space-3);
	border: 1px solid var(--at-divider);
	border-radius: var(--at-radius-xs);
	color: var(--at-muted);
	font-family: var(--at-font-mono);
	font-size: var(--at-fs-body-sm);
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
	transition: all var(--at-trans-fast);
}
.zecha-container .pagination .page-numbers:hover,
.zecha-container .pagination .page-numbers.current {
	color: var(--at-highlight);
	border-color: var(--at-highlight);
}
.zecha-container .pagination .page-numbers.dots {
	border: 0;
}