.articleHero{padding:58px 0 62px;background:linear-gradient(135deg,#f9fbfb,#e5efed);border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:9px;color:var(--muted);font-size:12px;margin-bottom:38px}.breadcrumb a{color:var(--teal);font-weight:800}.heroGrid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:end}.articleHero h1{font-size:clamp(52px,7vw,88px);line-height:.92;letter-spacing:-.06em;margin:14px 0 22px}.heroActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.btn.secondary{background:#fff;color:var(--ink);border:1px solid #aebfc4}.factBox{background:var(--navy);color:#fff;border-radius:11px;padding:25px}.factBox>span,.sectionNo,.scripts article>span,.next span{color:var(--teal);font:900 9px monospace;letter-spacing:.12em}.factBox dl{margin:17px 0 0}.factBox dl div{border-top:1px solid #344b57;padding:11px 0}.factBox dt{color:#9fb1ba;font-size:10px}.factBox dd{margin:4px 0 0;font-weight:800}.articleLayout{display:grid;grid-template-columns:220px minmax(0,820px);gap:65px;padding-top:62px;padding-bottom:90px;justify-content:center}.toc{position:sticky;top:90px;align-self:start;display:grid;border-left:1px solid var(--line);padding-left:18px}.toc strong{font:900 9px monospace;color:var(--teal);margin-bottom:10px}.toc a{color:var(--muted);font-size:11px;padding:5px 0}.articleBody>section{scroll-margin-top:100px;border-bottom:1px solid var(--line);padding:0 0 55px;margin:0 0 55px}.articleBody h2{font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.04em;margin:10px 0 20px}.articleBody h3{font-size:20px}.articleBody p,.articleBody li{color:var(--muted);line-height:1.7}.key,.warning,.legal,.note{padding:17px;border-left:4px solid var(--teal);background:#edf4f3;color:var(--muted);margin-top:22px}.warning{border-color:var(--gold);background:#faf4e7}.cards,.compare,.scripts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cards article,.compare article,.scripts article{border:1px solid var(--line);border-radius:8px;padding:20px;background:#fff}.cards h3{margin:0 0 8px}.questions{counter-reset:q;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.questions li{counter-increment:q;border:1px solid var(--line);border-radius:7px;padding:13px;background:#fff}.questions li:before{content:counter(q,decimal-leading-zero);display:block;color:var(--teal);font:900 9px monospace}.compare article>span{font:900 9px monospace}.compare .bad{border-top:4px solid #a45f52}.compare .bad>span{color:#a45f52}.compare .good{border-top:4px solid var(--teal)}.compare .good>span{color:var(--teal)}.rows{border:1px solid var(--line);border-radius:8px;overflow:hidden}.rows>div{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:14px;border-bottom:1px solid var(--line)}.rows>div:last-child{border:0}.rows span{color:var(--muted)}.rows .head{background:var(--navy);color:#fff}.checks{padding:0;list-style:none}.checks li{position:relative;padding:13px 13px 13px 38px;border-bottom:1px solid var(--line)}.checks li:before{content:'✓';position:absolute;left:10px;color:var(--teal);font-weight:900}.mistakes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mistakes span{background:#faf4e7;border:1px solid #e5d6b9;border-radius:7px;padding:13px;color:#735927}.scripts article>span{display:block;margin-bottom:12px}.articleBody details{border:1px solid var(--line);border-radius:7px;margin-top:8px;padding:14px;background:#fff}.articleBody summary{font-weight:800;cursor:pointer}.finish{background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 18px}.next{margin-top:28px;background:var(--navy);color:#fff;border-radius:9px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.next h3{margin:7px 0 0}.next .btn{white-space:nowrap}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.articleLayout{grid-template-columns:1fr}.toc{position:static;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;padding:16px}.toc strong{grid-column:1/-1}.questions{grid-template-columns:1fr}}
@media(max-width:620px){.articleHero{padding-top:38px}.articleHero h1{font-size:48px}.toc,.cards,.compare,.scripts,.mistakes{grid-template-columns:1fr}.rows>div{grid-template-columns:1fr;gap:5px}.next{align-items:flex-start;flex-direction:column}.next .btn{width:100%;text-align:center}.articleLayout{padding-top:35px}.articleBody>section{padding-bottom:38px;margin-bottom:38px}}
@media print{header,.toc,.heroActions,.footer,.next .btn{display:none}.articleHero{padding:20px 0}.articleLayout{display:block;padding:20px}.articleBody>section{break-inside:avoid}.articleBody h2{font-size:26px}.factBox{color:#000;background:#fff;border:1px solid #bbb}}