.blog-main{background:linear-gradient(165deg,#e7f4f0 0,#fbf7ef 36%,#fff 100%)}
.blog-intro{max-width:1260px;margin:auto;padding:clamp(68px,9vw,120px) clamp(20px,7vw,110px) 52px}
.blog-intro h1{max-width:950px;font-size:clamp(3rem,6vw,5.5rem);text-wrap:balance}
.blog-intro .lede{max-width:760px}
.topic-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.topic-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font-weight:800;text-decoration:none}.topic-nav a:hover,.topic-nav a:focus{border-color:var(--teal);color:var(--teal)}
.blog-topic{max-width:1260px;margin:0 auto;padding:34px 0 24px;scroll-margin-top:100px}.topic-heading{padding:0 24px 18px}.topic-heading h2{margin:4px 0 0;font-size:clamp(2rem,4vw,3.2rem)}
.blog-article{max-width:900px;margin:0 auto;padding:clamp(30px,5vw,66px);border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow)}
.article-meta{display:flex;gap:18px;color:var(--teal);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.blog-article h2{margin:20px 0;font-size:clamp(2.4rem,5vw,4.3rem)}
.blog-article h3{margin:34px 0 8px;color:var(--deep);font-family:Georgia,serif;font-size:clamp(1.45rem,2.5vw,1.85rem)}
.blog-article p{font-size:1.07rem;line-height:1.75}
.blog-article .article-lead{font-size:1.27rem;line-height:1.6;color:var(--muted)}
.blog-callout{margin-top:40px;padding:24px 28px;border-left:5px solid var(--gold);border-radius:0 16px 16px 0;background:var(--mint)}
.blog-callout strong{color:var(--deep)}.blog-callout p{margin:7px 0 0}
.blog-article .article-note{margin-top:32px;color:var(--muted);font-size:.91rem}
.blog-next{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:1100px;margin:auto;padding:75px 20px 95px}
.blog-next h2{font-size:clamp(2rem,4vw,3.4rem)}.blog-next p{color:var(--muted)}
.blog-next .actions{flex:0 0 auto;margin:0}
.topbar nav a[aria-current="page"]{color:var(--teal);text-decoration:underline;text-underline-offset:6px}
@media(max-width:900px){.blog-next{display:block}.blog-next .actions{margin-top:24px}}
@media(max-width:600px){.blog-intro{padding-bottom:26px}.blog-article{border-radius:0;border-left:0;border-right:0;padding:30px 22px}.blog-next{padding:55px 22px 70px}.article-meta{flex-wrap:wrap}}

.blog-grid{max-width:1180px;margin:auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:white;display:flex;flex-direction:column;align-items:start}.blog-card h2,.blog-card h3{font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.2}.blog-card h2 a,.blog-card h3 a{color:var(--deep);text-decoration:none}.blog-card p{line-height:1.65}.blog-card .button{margin-top:auto}.byline{font-size:1rem;color:var(--muted)}.blog-article h2.section-heading{font-size:clamp(1.6rem,3vw,2.2rem);margin:32px 0 12px}.article-intro h1{font-size:clamp(2.5rem,5vw,4.2rem)}@media(max-width:900px){.blog-grid{grid-template-columns:1fr}.blog-card{padding:26px}.article-intro{padding-top:44px}}