.blog-header,.article-header{padding:52px clamp(22px,5vw,80px) 36px;border-bottom:1px solid var(--line)}
.blog-header h1{font-size:clamp(42px,6vw,78px);line-height:1.05;max-width:850px;margin:14px 0 22px}
.blog-header>p:last-child{max-width:720px;font-size:20px;line-height:1.6;color:var(--ink-muted)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:36px clamp(22px,5vw,80px)}
.blog-card{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start}
.blog-card h2{font-size:clamp(22px,2.3vw,30px);line-height:1.2;margin:14px 0;text-transform:none;letter-spacing:-.025em}
.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover{color:var(--accent)}
.blog-card>p:not(.eyebrow){line-height:1.65;color:var(--ink-muted);margin-bottom:24px}.blog-card>.text-link{margin-top:auto}
.breadcrumbs{font-size:13px;color:var(--ink-muted);margin-bottom:28px}.breadcrumbs a,.article-body a{color:var(--accent-dark);text-underline-offset:3px}
.article-header h1{font-size:clamp(32px,4.2vw,58px);line-height:1.12;max-width:1000px;margin:15px 0 20px;text-transform:none;letter-spacing:-.035em}
.article-deck{max-width:850px;font-size:20px;line-height:1.6;color:var(--ink-muted)}.article-meta{font-size:13px;margin-top:24px;color:var(--ink-faint)}
.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:48px;justify-content:center;padding:40px clamp(22px,5vw,80px)}
.article-toc{align-self:start;position:sticky;top:100px}.article-toc nav{display:grid;gap:14px;margin-top:18px}.article-toc a{font-size:14px;line-height:1.4;color:var(--ink-muted);text-decoration:none}.article-toc a:hover{color:var(--accent)}
.article-body{min-width:0;font-size:17px;line-height:1.8}.article-body section{padding:24px 0;scroll-margin-top:100px}.article-body h2{font-size:28px;line-height:1.25;letter-spacing:-.02em;text-transform:none;margin-bottom:20px}.article-body h3{font-size:21px;line-height:1.4;margin:24px 0 12px}.article-body p{margin-bottom:18px}.article-body ul,.article-body ol{padding-left:24px;margin-bottom:22px}.article-body li{margin-bottom:10px}
.answer-box{background:var(--accent-soft);padding:24px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0}.answer-box p{margin:10px 0 0}.table-wrap{overflow:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px}.article-body table{border-collapse:collapse;width:100%;font-size:15px}.article-body td,.article-body th{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.article-body th{background:var(--paper-deep)}.formula{padding:20px;background:var(--paper-deep);border-radius:12px;font-weight:600}.sources{border-top:1px solid var(--line);font-size:14px}.article-body .article-cta{padding:28px;background:var(--paper-tint);border:1px solid var(--line);border-radius:16px}.article-body .btn{color:var(--white);font-size:14px;line-height:1.3}.article-body .btn.ghost{color:var(--ink)}.blog-related{border-top:1px solid var(--line);padding-top:30px}.blog-related>.eyebrow{padding:0 clamp(22px,5vw,80px)}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,760px);gap:24px}.article-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:24px}.article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:16px}.blog-card{padding:22px}.article-header,.blog-header{padding-top:32px}.article-layout{padding-top:24px}.article-body{font-size:16px}.article-body h2{font-size:25px}.article-deck{font-size:18px}.article-body td,.article-body th{padding:10px;min-width:110px}.article-body .cta-row{flex-wrap:wrap}.article-toc nav{grid-template-columns:1fr}}
.article-body blockquote{margin:18px 0;padding:18px 22px;background:var(--paper-tint);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;color:var(--ink);font-style:normal}
