.guide-hero,.guide{padding-inline:max(var(--gutter), calc((100% - var(--page)) / 2))}.guide-hero{max-width:100%;padding-top:clamp(2rem,6vw,4.5rem);padding-bottom:clamp(2rem,4vw,3rem);position:relative}.guide-hero .badge{margin-bottom:1.4rem}.guide-hero h1{letter-spacing:-.02em;color:#f2f6fd;max-width:17ch;font-size:clamp(2.3rem,5.2vw,4.6rem);font-weight:790;font-stretch:116%;line-height:.98}.guide-hero .lede{text-wrap:pretty;max-width:60ch}.guide-hero .hero-actions{justify-content:flex-start}.guide-hero .fud{margin-top:1rem}.nav-links a[aria-current=page]{color:var(--on-night);text-underline-offset:.35em;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.guide{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:clamp(2rem,5vw,5rem);padding-top:clamp(1rem,2vw,1.5rem);padding-bottom:clamp(4rem,8vw,6rem);display:grid}.prose{min-width:0;max-width:72ch}.prose>*+*{margin-top:1.1rem}.prose h2{border-top:1px solid var(--rule);letter-spacing:-.012em;margin-top:clamp(2.75rem,5vw,3.75rem);padding-top:clamp(2.25rem,4vw,3rem);scroll-margin-top:1.5rem;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:760;font-stretch:112%;line-height:1.08}.prose>h2:first-child{border-top:0;margin-top:0;padding-top:0}.prose h3{margin-top:2rem;scroll-margin-top:1.5rem;font-size:clamp(1.2rem,1.8vw,1.4rem);font-weight:700;font-stretch:106%;line-height:1.2}.prose p,.prose li{color:#c3cad5}.prose strong{color:var(--ink);font-weight:650}.prose a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1.5px}.prose a:hover{color:#fff}.prose ul,.prose ol{gap:.55rem;padding-left:1.3rem;display:grid}.prose li::marker{color:var(--ink-soft)}.prose :not(pre)>code{border:1px solid var(--rule);color:#e3e9f2;overflow-wrap:anywhere;background:#0f1216;border-radius:5px;padding:.1em .35em}.prose pre{border:1px solid var(--rule);border-radius:var(--radius);color:#d3dbe7;tab-size:2;background:#0f1216;margin-top:1.1rem;padding:1rem 1.15rem;font-size:.82rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit}.prose .label{font:500 .74rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:1.5rem}.prose .label+pre{margin-top:.5rem}.answer{border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--sheet);padding:1.25rem 1.4rem}.answer p{color:var(--ink)}.answer .kicker{margin-bottom:.4rem}.toc{border:1px solid var(--rule);border-radius:var(--radius);padding:1.1rem 1.3rem}.toc .kicker{margin-bottom:.6rem}.toc ol{gap:.35rem;margin:0}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.cause{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--sheet);margin-top:1.5rem;padding:clamp(1.1rem,2.4vw,1.5rem)}.cause>*+*{margin-top:.8rem}.cause h3{margin-top:0}.cause .symptom{font:500 .74rem/1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--possible)}.cause.loose .symptom{color:var(--decide)}.cause pre{background:#111419}.inline-cta{border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 0% 0%, #12284f 0%, transparent 70%), var(--night);border:1px solid #d6e4ff29;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;display:flex}.inline-cta p{color:var(--on-night);max-width:44ch}.prose .inline-cta{margin-top:2rem}.prose .stat{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--sheet);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:1.5rem;margin-left:0;padding:0;list-style:none;display:grid}.stat li{color:var(--ink-soft);align-content:start;gap:.35rem;padding:1.1rem 1.2rem;font-size:.95rem;line-height:1.45;display:grid}.stat li+li{border-left:1px solid var(--rule)}.stat strong{font:790 clamp(1.6rem, 2.6vw, 2.1rem)/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-stretch:112%}.stat-note{font-size:.88rem}.aside{gap:1rem;display:grid;position:sticky;top:1.5rem}.aside-card{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--sheet);gap:.75rem;padding:1.4rem;display:grid}.aside-card.night{background:radial-gradient(120% 90% at 50% 0%, #12284f 0%, transparent 70%), var(--night);color:var(--on-night);border-color:#d6e4ff29}.aside-card h2{font-size:1.3rem;font-weight:720;font-stretch:108%;line-height:1.15}.aside-card p{color:var(--ink-soft);font-size:.95rem}.aside-card.night p{color:var(--on-night-soft)}.aside-card .button{width:100%}.aside-card .small-print{font:400 .76rem/1.5 var(--font-mono)}.related{border:1px solid var(--rule);border-radius:var(--radius-lg);gap:.5rem;padding:1.2rem 1.4rem;display:grid}.related a{text-underline-offset:.2em;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);font-weight:600}.guide-faq{padding-inline:max(var(--gutter), calc((100% - var(--page)) / 2))}@media (max-width:1080px){.guide{grid-template-columns:1fr}.aside{grid-template-columns:repeat(2,minmax(0,1fr));max-width:72ch;position:static}.related{grid-column:1/-1}}@media (max-width:720px){.aside,.stat{grid-template-columns:1fr}.stat li+li{border-left:0;border-top:1px solid var(--rule)}}@media (max-width:640px){.guide-hero .hero-actions{flex-direction:column;align-self:stretch}.guide-hero .hero-actions .button{width:100%}.nav .button.small{display:inline-flex}.inline-cta .button{width:100%}.prose pre{padding:.85rem .9rem;font-size:.76rem}}.code-wrap{margin-top:1.1rem;position:relative}.prose .label+.code-wrap{margin-top:.5rem}.code-wrap pre{margin-top:0;padding-right:4.75rem}.copy-code{border:1px solid var(--rule);background:var(--sheet-raised);color:var(--ink);font:500 .75rem var(--font-mono);cursor:pointer;border-radius:6px;padding:.3rem .65rem;position:absolute;top:.5rem;right:.5rem}.copy-code:hover{background:#2b313b;border-color:#3b4350}
