.article-hero{padding:62px 0 48px;background:linear-gradient(120deg,#effaf8,#fff)}.article-hero h1{font:700 clamp(36px,5vw,58px)/1.12 var(--head);letter-spacing:-2.7px;color:var(--navy);max-width:850px;margin:14px 0 18px}.article-lead{font-size:20px;color:var(--muted);max-width:760px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--deep);font-weight:700}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 280px;gap:70px;align-items:start}.article{background:#fff;border-radius:16px;padding:42px;border:1px solid var(--line)}.article h2{font:600 27px/1.3 var(--head);color:var(--navy);letter-spacing:-.8px;margin:42px 0 13px}.article h2:first-child{margin-top:0}.article h3{font:600 19px var(--head);color:var(--navy);margin:28px 0 8px}.article p,.article li{font-size:17px;line-height:1.72;color:#405069}.article ul,.article ol{padding-left:23px}.article li{margin:8px 0}.example{background:var(--mint);border-radius:12px;padding:20px 22px;margin:24px 0}.example b{color:var(--navy)}.takeaway{background:var(--navy);color:#fff;border-radius:12px;padding:24px;margin-top:34px}.takeaway h3{color:#fff;margin-top:0}.takeaway p{color:#c3cfde;margin-bottom:0}.article-side{position:sticky;top:20px}.toc,.next-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}.toc b,.next-card b{font:600 16px var(--head);color:var(--navy)}.toc a{display:block;font-size:14px;color:var(--muted);padding:7px 0}.toc a:hover{color:var(--deep)}.next-card{background:var(--navy);color:#fff;border-color:var(--navy)}.next-card b{color:#fff}.next-card p{font-size:14px;color:#b9c6d8}.next-card a{display:inline-block;color:var(--teal);font-weight:700}.sources{border-top:1px solid var(--line);margin-top:38px;padding-top:20px}.sources h3{font-size:15px;margin-top:0}.sources a{display:block;font-size:13px;color:var(--deep);margin:7px 0}.formula{font:600 18px var(--head);color:var(--navy);text-align:center;padding:18px;background:#f3f7f9;border-radius:10px}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:15px}.toc,.next-card{margin:0}}@media(max-width:600px){.article{padding:25px 20px}.article p,.article li{font-size:16px}.article-side{grid-template-columns:1fr}.article-hero{padding-top:45px}}
