.article-hero h1{max-width:960px;font-size:clamp(2.8rem,7vw,5.8rem)}
.article{padding:70px 0}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:70px;align-items:start}
.article-copy h2{margin:58px 0 18px;font-size:clamp(2rem,4vw,3.2rem)}.article-copy h2:first-child{margin-top:0}.article-copy h3{margin:32px 0 10px}
.article-copy p,.article-copy li{color:#4f4853}.article-copy a{color:#5f31bd;text-decoration:underline;text-underline-offset:3px}.article-copy ul,.article-copy ol{padding-left:24px}
.article-copy li{margin:9px 0}.callout{margin:34px 0;padding:24px;border-left:5px solid var(--lime);border-radius:0 18px 18px 0;background:#211d23;color:#fff}.callout p{margin:0;color:#d6cfd9}
.toc{position:sticky;top:105px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff}.toc strong{display:block;margin-bottom:12px}.toc a{display:block;padding:7px 0;color:var(--muted);font-size:14px}.related{padding:60px 0;background:#ece7ef}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;font-weight:800}.meta-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;color:#aaa3ad;font-size:14px}.meta-line span{padding:7px 10px;border:1px solid #49424c;border-radius:99px}
@media(max-width:800px){.article-grid{grid-template-columns:1fr}.toc{position:static;order:-1}.related-grid{grid-template-columns:1fr}.article{padding:50px 0}}