.guide-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line)}
.guide-nav .back{color:#aaa;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.article-hero{padding:7rem 5vw 5rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 20%,#351113 0,transparent 36%)}
.breadcrumbs{display:flex;gap:.55rem;align-items:center;margin-bottom:3rem;color:#777;font-size:.75rem}
.breadcrumbs a:hover{color:#fff}
.article-hero h1{max-width:1050px;margin:0;font:900 clamp(2.8rem,7vw,6.5rem)/.98 Montserrat;text-transform:uppercase;letter-spacing:-.055em}
.article-hero .lead{max-width:760px;margin:2rem 0 0;color:#aaa;font-size:1.08rem;line-height:1.75}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;justify-content:center;gap:8vw;padding:5rem 5vw}
.article-body h2{margin:3.2rem 0 1rem;font:800 1.65rem Montserrat;text-transform:uppercase}
.article-body h2:first-child{margin-top:0}.article-body h3{margin:2rem 0 .6rem;font:800 1.05rem Montserrat;text-transform:uppercase}
.article-body p,.article-body li{color:#aaa;line-height:1.8}.article-body strong{color:#fff}.article-body ul,.article-body ol{padding-left:1.25rem}
.article-note{margin:2rem 0;padding:1.5rem;border-left:3px solid var(--red);background:#101010;color:#ccc;line-height:1.7}
.article-toc{align-self:start;position:sticky;top:2rem;padding:1.5rem;border:1px solid var(--line);background:#0d0d0d}
.article-toc strong{display:block;margin-bottom:1rem;color:var(--red);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.article-toc a{display:block;padding:.55rem 0;color:#999;font-size:.82rem;border-bottom:1px solid #222}.article-toc a:hover{color:#fff}
.article-cta{margin-top:4rem;padding:2rem;border:1px solid var(--line);background:#101010}.article-cta h2{margin-top:0}.article-cta .button{margin-top:1rem;background:var(--red);color:#fff}
.related-guides{padding:4rem 5vw;border-top:1px solid var(--line)}.related-guides h2{font:800 1.4rem Montserrat;text-transform:uppercase}.related-guides div{display:flex;flex-wrap:wrap;gap:1rem}.related-guides a{padding:1rem;border:1px solid var(--line);color:#bbb}.related-guides a:hover{border-color:var(--red);color:#fff}
@media(max-width:800px){.article-layout{grid-template-columns:1fr}.article-toc{position:static;order:-1}.article-hero{padding-top:5rem}}