/* News & Stories: hub (home.php, category.php) and story (single-post.php). */

/* ---------- Category filter ---------- */
.zd4t-news-filter { margin-bottom: var(--zd4t-space-7); }
.zd4t-news-filter ul { display: flex; flex-wrap: wrap; gap: var(--zd4t-space-2); margin: 0; padding: 0; list-style: none; }
.zd4t-news-filter a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--zd4t-space-4); border: 2px solid var(--zd4t-border); border-radius: 999px; color: var(--zd4t-fg); font-weight: 700; font-size: var(--zd4t-text-sm); text-decoration: none; }
.zd4t-news-filter a:hover { border-color: var(--zd4t-mahogany); color: var(--zd4t-mahogany); }
.zd4t-news-filter a[aria-current="page"] { background: var(--zd4t-mahogany); border-color: var(--zd4t-mahogany); color: #ffffff; }

/* ---------- Cards ---------- */
.zd4t-card--featured { margin-bottom: var(--zd4t-space-7); }
.zd4t-card--featured .zd4t-card__title { font-size: var(--zd4t-text-2xl); }
@media (min-width: 800px) {
	.zd4t-card--featured { display: grid; grid-template-columns: 3fr 2fr; }
	.zd4t-card--featured .zd4t-card__media { aspect-ratio: auto; min-height: 320px; }
	.zd4t-card--featured .zd4t-card__body { align-self: center; padding: var(--zd4t-space-7); }
	.zd4t-card--featured:not(:has(.zd4t-card__media)) { display: flex; }
}

.zd4t-news-extra { padding-top: 0; }

/* ---------- Story ---------- */
.zd4t-story { padding-top: var(--zd4t-space-6); }
.zd4t-story__inner { max-width: calc(var(--zd4t-maxw-narrow) + 2 * var(--zd4t-gutter)); }
.zd4t-story__meta { display: flex; flex-wrap: wrap; gap: var(--zd4t-space-2) var(--zd4t-space-5); margin: 0 0 var(--zd4t-space-6); color: var(--zd4t-muted); font-size: var(--zd4t-text-sm); }
.zd4t-story__meta a { font-weight: 700; }
.zd4t-story__photo { margin: 0 0 var(--zd4t-space-6); }
.zd4t-story__photo img { width: 100%; height: auto; border-radius: var(--zd4t-radius-lg); }
.zd4t-story__body { font-size: var(--zd4t-text-lg); line-height: 1.7; }
.zd4t-story__body > p:first-child { font-size: var(--zd4t-text-xl); line-height: 1.6; }

.zd4t-share { margin-top: var(--zd4t-space-7); padding-top: var(--zd4t-space-5); border-top: 1px solid var(--zd4t-border); }
.zd4t-share__title { margin: 0 0 var(--zd4t-space-3); font-size: var(--zd4t-text-base); }
.zd4t-share__list { display: flex; flex-wrap: wrap; gap: var(--zd4t-space-2); margin: 0; padding: 0; list-style: none; }
.zd4t-share__link { display: inline-flex; align-items: center; gap: var(--zd4t-space-2); min-height: 44px; padding: 0 var(--zd4t-space-4); border: 2px solid var(--zd4t-border); border-radius: var(--zd4t-radius); color: var(--zd4t-fg); font-weight: 700; text-decoration: none; }
.zd4t-share__link:hover { border-color: var(--zd4t-mahogany); color: var(--zd4t-mahogany); }
.zd4t-share__link svg { color: var(--zd4t-primary); }

.zd4t-related h2 { margin-top: 0; }
.zd4t-related__all { margin: var(--zd4t-space-6) 0 0; }

/* ---------- Share your story band ---------- */
.zd4t-story-cta__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--zd4t-space-5); padding: var(--zd4t-space-7) var(--zd4t-space-6); background: var(--zd4t-mahogany); border-radius: var(--zd4t-radius-lg); }
.zd4t-story-cta__inner > div { flex: 1 1 28rem; }
.zd4t-story-cta__title { margin: 0 0 var(--zd4t-space-2); color: inherit; font-size: var(--zd4t-text-2xl); }
.zd4t-story-cta__text { margin: 0; max-width: 60ch; }
.zd4t-related + .zd4t-story-cta { padding-top: var(--zd4t-space-8); }