:root{color-scheme:dark;--ink:#e8ecf4;--muted:#a5afbf;--line:#303744;--paper:#0b0d12;--accent:#4ade80;--accent-soft:#14251b;--max-width:880px}
html{overflow-wrap:break-word}
body{background:#0b0d12;color:#e8ecf4}
.wrap,main,.site-header,.site-footer{max-width:880px;min-width:0}
.wrap{width:auto!important;margin:0 auto;padding-left:20px;padding-right:20px}
.site-header,.site-footer,body>main{width:calc(100% - 40px)}
h1{font-size:36px!important;line-height:1.18!important;letter-spacing:0!important;overflow-wrap:break-word}
h2,.section-heading h2{font-size:25px!important;line-height:1.3!important;letter-spacing:0!important}
.eyebrow,.kicker{letter-spacing:0!important}
.answer{padding:32px 0;max-width:100%}
.answer h1{max-width:760px}
.lede{font-size:18px!important;line-height:1.65!important;margin-bottom:24px}
.content-section{gap:36px;padding:36px 0;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.prose,.grid,.item,.section-heading{min-width:0}
.card,.drop,.stat,canvas,button,.figure{border-radius:8px!important}
.site-footer,.footer,footer{color:#a5afbf}
footer p[style]{color:#a5afbf!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #60a5fa;outline-offset:4px}
.guide-nav{display:flex;gap:8px 20px;flex-wrap:wrap;padding:0 0 20px;font-size:14px}
.guide-nav a{color:#a5afbf;text-decoration:none;min-height:32px;display:flex;align-items:center}
.guide-nav a:hover{color:#4ade80}
svg,img{max-width:100%}
@media(max-width:680px){h1{font-size:28px!important}h2,.section-heading h2{font-size:22px!important}.content-section{display:block}.answer{padding:28px 0}.site-header{gap:16px;flex-wrap:wrap;padding:16px 0}.section-heading{margin-bottom:20px}.ctrls{grid-template-columns:minmax(0,1fr)}.top{flex-wrap:wrap}.grid{grid-template-columns:minmax(0,1fr)}}
