.blog-main{margin-top:44px;max-width:1080px}
.blog-page a:focus-visible{outline:3px solid #147c68;outline-offset:4px}
.blog-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:14px}
.blog-breadcrumbs li+li:before{content:'/';margin-right:8px;color:#a2aaa7}
.blog-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.blog-heading{padding:58px 0 46px;border-bottom:1px solid var(--line)}
.blog-hub-heading{padding-bottom:62px}
.blog-eyebrow,.blog-category{font-size:13px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#176a58}
.blog-heading h1{max-width:820px;margin:15px 0 20px;font-size:clamp(36px,5.4vw,58px);line-height:1.1;letter-spacing:-.04em}
.blog-lead{max-width:720px;color:var(--muted);font-size:20px;line-height:1.55;margin:0}
.blog-byline,.blog-hub-note{color:var(--muted);font-size:14px;line-height:1.6;margin:26px 0 0}
.blog-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:38px 0 18px}
.blog-section-title h2,.blog-related>h2{font-size:25px;letter-spacing:-.025em;margin:0}
.blog-section-title p{font-size:14px;color:var(--muted);margin:0}
.blog-cards{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;margin:0}
.blog-card{height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--surface)}
.blog-card .blog-category{margin:0 0 14px}
.blog-card h2{font-size:22px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
.blog-card h2 a{text-decoration:none}
.blog-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.blog-card p:not(.blog-category){font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 22px}
.blog-card-link{font-size:15px;font-weight:700;margin-top:auto;text-decoration:none}
.blog-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.blog-layout{display:grid;grid-template-columns:220px minmax(0,730px);gap:60px;align-items:start;padding-top:42px}
.blog-toc{position:sticky;top:24px;border-left:2px solid #b9dacd;padding-left:17px;font-size:14px;line-height:1.45}
.blog-toc p{font-weight:700;margin:0 0 12px}.blog-toc ol{list-style:none;margin:0;padding:0}.blog-toc li{margin:0 0 10px}.blog-toc a{color:var(--muted);text-decoration:none}.blog-toc a:hover{text-decoration:underline}
.blog-prose{font-size:17px;line-height:1.75;overflow-wrap:anywhere}
.blog-prose h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:45px 0 16px;scroll-margin-top:24px}
.blog-prose h2:first-child{margin-top:0}.blog-prose h3{font-size:20px;line-height:1.35;margin:30px 0 12px}
.blog-prose p,.blog-prose ul,.blog-prose ol{margin:0 0 20px}.blog-prose li{margin-bottom:10px}.blog-prose a{text-decoration:underline;text-decoration-color:#65aa94;text-underline-offset:3px}.blog-prose blockquote{border-left:3px solid #65aa94;margin:25px 0;padding:4px 0 4px 20px;color:var(--muted)}
.blog-editorial-note{background:var(--mint);padding:20px;border-radius:10px;font-size:14px;line-height:1.6;margin:38px 0;color:var(--text)}
.blog-related{border-top:1px solid var(--line);padding-top:30px}.blog-related>h2{margin:0 0 20px}.blog-related .blog-card{padding:20px}.blog-related .blog-card h2{font-size:18px}
@media(max-width:760px){.blog-main{margin-top:25px}.blog-heading{padding:40px 0 34px}.blog-heading h1{font-size:38px}.blog-lead{font-size:18px}.blog-layout{display:block;padding-top:30px}.blog-toc{position:static;margin-bottom:38px}.blog-cards{grid-template-columns:1fr}.blog-section-title{align-items:start;flex-direction:column;gap:4px}.blog-prose{font-size:16px}.blog-prose h2{font-size:24px}}
