.blog-page a:not(.button){color:var(--green);text-underline-offset:3px}
.blog-page nav a,.blog-page footer a{color:#fff}
.blog-page a:focus-visible{outline:3px solid #a35c20;outline-offset:5px}
.skip-link{position:absolute;left:12px;top:-80px;padding:12px;background:white;z-index:10}.skip-link:focus{top:12px}
.blog-page nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px}
.blog-page nav a{margin:0;padding:4px}
.blog-page h1{font-size:clamp(2rem,4.3vw,3.4rem);line-height:1.15;margin:12px 0 22px}
.blog-page .lead{font-size:1.25rem;line-height:1.65;margin:18px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-family:Arial,sans-serif;font-size:.76rem;font-weight:700;color:var(--green)}
.blog-intro{max-width:850px;text-align:center;padding-bottom:20px}
.post-list{padding-top:28px;padding-bottom:30px}
.post-card{display:grid;grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);gap:32px;align-items:center;background:white;padding:28px;border-radius:18px;margin-bottom:28px;box-shadow:0 4px 14px #0000000a}
.post-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px}
.post-card h2{text-align:left;font-size:clamp(1.6rem,3vw,2rem);line-height:1.25;margin:14px 0}
.post-card h2 a{text-decoration:none}.post-card h2 a:hover{text-decoration:underline}
.post-meta{font-size:.94rem;color:#59594f;margin:10px 0 20px}
.blog-bottom{text-align:center;max-width:850px}
.blog-article{max-width:810px;margin:auto;padding:38px 24px 48px;font-size:1.08rem}
.blog-article p{margin-bottom:20px}
.blog-article h2{text-align:left;font-size:1.8rem;line-height:1.3;margin:38px 0 16px}
.blog-article h3{font-size:1.2rem;margin:24px 0 10px}
.breadcrumb{font-size:.88rem}.article-figure{margin:28px 0 32px;background:white;border-radius:14px;padding:20px;text-align:center}
.article-figure img{display:block;width:100%;max-width:430px;height:auto;margin:auto}
.article-figure figcaption{font-size:.85rem;color:#59594f;margin:12px auto 0;max-width:530px}
.blog-cta{margin:40px 0 28px;padding:26px;background:var(--sage);border-radius:16px}
.blog-cta h2{margin-top:0}.blog-cta p{margin-bottom:0}
.back-link{font-size:1rem}footer a{display:inline-block;padding:6px}
@media(max-width:650px){.post-card{grid-template-columns:1fr;padding:20px;gap:20px}.post-card img{max-width:320px;margin:auto}.blog-page header{padding:12px}.blog-page header img{max-width:150px}.blog-page nav a{display:inline-block}.blog-article{padding:28px 20px}.blog-intro{padding-top:35px}.blog-page .lead{font-size:1.13rem}}