.blog-page-hero{padding:50px 0;background:var(--ink)}
.blog-page-hero h1{margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{overflow:hidden;border-radius:0;background:#fff;box-shadow:0 8px 28px rgba(16,42,37,.1)}
.blog-card>a{display:block;height:100%;color:inherit;text-decoration:none}
.blog-card img,.blog-placeholder{display:block;width:100%}
.blog-card img{height:auto;background:#fff}
.blog-placeholder{height:220px}
.blog-placeholder{display:grid;place-items:center;padding:20px;background:#dfe9e5;color:#315c52;font-weight:700;text-align:center}
.blog-card-body{padding:16px 18px 18px}
.blog-card-body time{display:block;margin-bottom:10px;color:#ae8357;font-size:.75rem;font-weight:700;letter-spacing:.08em}
.blog-card-body h2{margin-bottom:0;font-size:1.35rem;line-height:1.22}
.blog-detail-hero{padding:50px 0}
.blog-detail-hero h1{max-width:1000px;margin-bottom:16px;font-size:clamp(2.3rem,4.6vw,4.4rem)}
.blog-detail-hero a,.blog-detail-hero time{color:#fff}
.blog-article{max-width:900px;border-radius:0}
.blog-article h2{margin-top:2.4rem;font-size:2.2rem}
.blog-article h3{margin-top:2rem;font-size:1.55rem}
.blog-article img{max-width:100%;height:auto;margin:24px auto;border-radius:0}
.blog-article iframe{display:block;width:100%;max-width:900px;min-height:450px;margin:28px auto;border:0;border-radius:10px}
.blog-article a{color:#1f6a57;text-decoration:underline;text-underline-offset:2px}
.blog-article ul,.blog-article ol{color:var(--text)}
.blog-article blockquote{margin:28px 0;padding:22px 28px;border-left:3px solid var(--gold);background:var(--cream)}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-article iframe{min-height:320px}}