.blog-hero{padding:clamp(3.5rem,7vw,6rem) 24px;background:linear-gradient(135deg,#fff 45%,var(--lilac))}.blog-hero h1{font-size:clamp(2.7rem,5.3vw,5.3rem);max-width:900px}.blog-hero .lead{font-size:1.2rem;color:var(--muted);max-width:780px}.blog-main{padding:clamp(3rem,6vw,5rem) 24px}.blog-main .wrap{max-width:860px}.blog-card{display:block;background:#fff;border:1px solid var(--line);padding:clamp(1.6rem,4vw,3rem);box-shadow:var(--shadow)}.blog-card h2{font-size:clamp(2rem,4vw,3.2rem);color:var(--deep);margin:1rem 0}.blog-card p{color:var(--muted)}.blog-card .read-link,.blog-article a:not(.button){color:var(--teal);font-weight:700;text-decoration:underline;text-underline-offset:.18em}.article-meta{font-size:.9rem;color:var(--muted);margin:1.5rem 0 0}.blog-article{max-width:780px;margin:0 auto;font-size:1.06rem;line-height:1.85}.blog-article p{margin:0 0 1.4rem}.blog-article h2{font-size:clamp(1.9rem,3.5vw,2.8rem);color:var(--deep);margin:3.3rem 0 1.2rem}.blog-article h3{font-size:1.65rem;color:var(--deep);margin:2rem 0 .7rem}.blog-article .intro{font-size:1.23rem;color:var(--deep)}.blog-article .divider{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:2rem}.blog-callout{background:var(--mint);padding:clamp(1.4rem,4vw,2.5rem);margin:3rem 0;border-left:4px solid var(--teal)}.blog-callout h2{margin:0 0 .8rem}.blog-callout p{margin-bottom:1.4rem}.article-links{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem}.blog-article a:focus-visible,.top a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}@media(max-width:560px){.blog-hero{padding-top:3rem}.blog-main{padding-top:2.6rem}.blog-article{font-size:1rem}}