/* Blog archive (posts index). */

body.page-blog-index main.blog-page{
	width:auto;
	max-width:none;
	margin:0;
	padding:0;
	overflow-x:clip;
}

body.page-blog-index .blog-page *,
body.page-blog-index .blog-page *::before,
body.page-blog-index .blog-page *::after{box-sizing:border-box}

body.page-blog-index .blog-page p{margin:0 0 1em}
body.page-blog-index .blog-page h2{font-size:clamp(1.5rem,2.4vw,2.1rem)}
body.page-blog-index .blog-page :focus-visible{outline:3px solid var(--zg-focus);outline-offset:3px}

/* Hero */

body.page-blog-index .blog-hero{
	padding-block:clamp(48px,6vw,80px);
	background:
		linear-gradient(90deg,transparent 0 49.9%,rgba(23,35,42,.04) 50%,transparent 50.1%),
		var(--zg-warm-white);
	background-size:96px 96px;
}

body.page-blog-index .blog-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);
	gap:clamp(32px,5vw,72px);
	align-items:end;
}

body.page-blog-index .blog-eyebrow{
	display:flex;
	gap:12px;
	align-items:center;
	margin-bottom:18px;
	color:var(--zg-teal);
	font-size:.76rem;
	font-weight:700;
	letter-spacing:.13em;
	text-transform:uppercase;
}

body.page-blog-index .blog-eyebrow > span{width:30px;height:2px;background:var(--zg-amber)}
body.page-blog-index .blog-hero h1{margin-bottom:18px;font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:650;line-height:1.06}
body.page-blog-index .blog-hero__lead{max-width:58ch;color:var(--zg-muted);font-size:clamp(1rem,1.2vw,1.12rem)}

/* Search */

body.page-blog-index .blog-search{padding:22px;border:1px solid var(--zg-border);border-radius:var(--zg-radius-card);background:#fff;box-shadow:var(--zg-shadow)}
body.page-blog-index .blog-search__label{margin-bottom:12px;color:var(--zg-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
body.page-blog-index .blog-search form{display:flex;gap:10px;align-items:stretch;margin:0}
body.page-blog-index .blog-search label{flex:1;margin:0}
body.page-blog-index .blog-search input[type="search"]{
	width:100%;
	min-height:46px;
	padding:10px 12px;
	border:1px solid #aeb8bc;
	border-radius:var(--zg-radius-control);
	font:inherit;
	font-size:.95rem;
}
body.page-blog-index .blog-search input[type="submit"]{
	min-height:46px;
	padding:10px 18px;
	border:1px solid var(--zg-teal);
	border-radius:var(--zg-radius-control);
	background:var(--zg-teal);
	color:#fff;
	font:inherit;
	font-size:.9rem;
	font-weight:700;
	cursor:pointer;
}
body.page-blog-index .blog-search input[type="submit"]:hover{background:var(--zg-teal-dark)}

/* Topics */

body.page-blog-index .blog-topics{border-block:1px solid var(--zg-border);background:#fff}
body.page-blog-index .blog-topics__inner{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;padding-block:16px}
body.page-blog-index .blog-topics__label{color:var(--zg-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
body.page-blog-index .blog-topics__list{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;list-style:none}
body.page-blog-index .blog-topics__list a{
	display:inline-flex;
	gap:6px;
	align-items:center;
	padding:6px 11px;
	border:1px solid var(--zg-border);
	border-radius:var(--zg-radius-tag);
	background:var(--zg-mist);
	color:var(--zg-graphite);
	font-size:.82rem;
	font-weight:600;
	text-decoration:none;
}
body.page-blog-index .blog-topics__list a:hover{border-color:var(--zg-teal);color:var(--zg-teal)}
body.page-blog-index .blog-topics__list span{color:var(--zg-muted);font-size:.76rem;font-weight:500}

/* Cards */

body.page-blog-index .blog-section{padding-block:clamp(48px,6vw,84px)}

body.page-blog-index .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

body.page-blog-index .blog-card{
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border:1px solid var(--zg-border);
	border-radius:var(--zg-radius-card);
	background:#fff;
	box-shadow:var(--zg-shadow-soft);
}

body.page-blog-index .blog-card--featured{grid-column:1/-1;flex-direction:row;align-items:stretch}
body.page-blog-index .blog-card--featured .blog-card__media{flex:0 0 52%;aspect-ratio:16/9;min-width:0}
body.page-blog-index .blog-card--featured .blog-card__body{padding:clamp(24px,3vw,40px);justify-content:center}
body.page-blog-index .blog-card--featured .blog-card__title{font-size:clamp(1.5rem,2.4vw,2.1rem)}

body.page-blog-index .blog-card__media{
	display:block;
	aspect-ratio:4/3;
	overflow:hidden;
	background:var(--zg-mist);
	text-decoration:none;
}

body.page-blog-index .blog-card__media img{width:100%;height:100%;object-fit:cover}

body.page-blog-index .blog-card__placeholder{
	display:grid;
	width:100%;
	height:100%;
	place-items:end start;
	padding:18px;
	background:
		linear-gradient(135deg,transparent 49.85%,rgba(23,35,42,.12) 50%,transparent 50.15%),
		linear-gradient(135deg,#e8ebeb 0%,#cdd3d5 52%,#e0e4e5 100%);
}

body.page-blog-index .blog-card__caption{
	padding:9px 12px;
	border-radius:6px;
	background:rgba(23,35,42,.86);
	color:#fff;
	font-size:.72rem;
	letter-spacing:.03em;
}

body.page-blog-index .blog-card__body{display:flex;flex-direction:column;padding:24px}

body.page-blog-index .blog-card__meta{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 12px;
	color:var(--zg-muted);
	font-size:.78rem;
}

body.page-blog-index .blog-card__title{margin:0 0 12px;line-height:1.2}
body.page-blog-index .blog-card__title a{text-decoration:none}
body.page-blog-index .blog-card__title a:hover{text-decoration:underline;text-underline-offset:4px}

body.page-blog-index .blog-card__excerpt{margin:0 0 18px;color:var(--zg-muted);font-size:.92rem;line-height:1.65}

body.page-blog-index .blog-card__link{
	margin-top:auto;
	color:var(--zg-teal);
	font-size:.88rem;
	font-weight:700;
	text-decoration:none;
}

body.page-blog-index .blog-card__link:hover{text-decoration:underline;text-underline-offset:4px}

/* Pagination */

body.page-blog-index .blog-pagination{margin-top:44px}
body.page-blog-index .blog-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
body.page-blog-index .blog-pagination .page-numbers{
	display:inline-flex;
	min-width:44px;
	min-height:44px;
	align-items:center;
	justify-content:center;
	padding:0 12px;
	border:1px solid var(--zg-border);
	border-radius:var(--zg-radius-control);
	background:#fff;
	color:var(--zg-graphite);
	font-size:.9rem;
	font-weight:650;
	text-decoration:none;
}
body.page-blog-index .blog-pagination .page-numbers:hover{border-color:var(--zg-teal);color:var(--zg-teal)}
body.page-blog-index .blog-pagination .page-numbers.current{border-color:var(--zg-teal);background:var(--zg-teal);color:#fff}

/* Empty state */

body.page-blog-index .blog-empty{
	max-width:640px;
	padding:clamp(28px,4vw,44px);
	border:1px solid var(--zg-border);
	border-radius:var(--zg-radius-card);
	background:#fff;
	box-shadow:var(--zg-shadow-soft);
}
body.page-blog-index .blog-empty p{color:var(--zg-muted)}

/* Resources + CTA */

body.page-blog-index .blog-resources{padding-block:clamp(48px,6vw,84px);background:var(--zg-mist)}
body.page-blog-index .blog-resources__grid{
	display:grid;
	grid-template-columns:minmax(0,1.25fr) auto;
	gap:40px;
	align-items:end;
}
body.page-blog-index .blog-resources__grid p{max-width:62ch;color:var(--zg-muted)}
body.page-blog-index .blog-resources__actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}

body.page-blog-index .blog-cta{padding-block:clamp(52px,6vw,88px);background:var(--zg-graphite)}
body.page-blog-index .blog-cta__inner{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:40px;align-items:end}
body.page-blog-index .blog-cta h2{color:#fff;margin-bottom:14px}
body.page-blog-index .blog-cta p:not(.zg-kicker){max-width:62ch;color:#b9c3c6}
body.page-blog-index .blog-cta__actions{display:flex;gap:14px;flex-wrap:wrap}

/* Screen-reader helper for core search form */

body.page-blog-index .screen-reader-text{
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0;
}

/* Responsive */

@media (max-width:1080px){
	body.page-blog-index .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	body.page-blog-index .blog-card--featured{flex-direction:column}
	body.page-blog-index .blog-card--featured .blog-card__media{flex:none;width:100%}
	body.page-blog-index .blog-resources__grid,
	body.page-blog-index .blog-cta__inner{grid-template-columns:1fr}
}

@media (max-width:900px){
	body.page-blog-index .blog-hero__grid{grid-template-columns:1fr}
}

@media (max-width:640px){
	body.page-blog-index .blog-grid{grid-template-columns:1fr}
	body.page-blog-index .blog-search form{flex-direction:column}
	body.page-blog-index .blog-search input[type="submit"]{width:100%}
	body.page-blog-index .blog-resources__actions .zg-btn,
	body.page-blog-index .blog-cta__actions .zg-btn{width:100%}
}

@media (prefers-reduced-motion:reduce){
	body.page-blog-index .zg-btn,
	body.page-blog-index .blog-card{transition:none}
}