/* Public reading pages: static content, local font and no interaction dependency. */
@font-face{font-family:Manrope;src:url('assets/fonts/Manrope-var-lat.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--paper:#0a0a0a;--ink:#f7f5f0;--muted:#b9b9b9;--line:#333;--accent:#e3c481}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 Manrope,system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}.wrap{width:min(1120px,90%);margin:auto}.skip{position:absolute;left:5%;top:-100px;padding:12px;background:var(--ink);color:var(--paper)}.skip:focus{top:12px;z-index:2}
.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;border-bottom:1px solid var(--line)}.guide-brand{display:inline-flex;gap:10px;align-items:center;font-size:24px;font-weight:800;text-decoration:none}.guide-brand img{width:30px;height:30px}.guide-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:14px}.guide-header nav a{padding-block:8px}.breadcrumb{padding-top:34px;color:var(--muted);font-size:13px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.breadcrumb li+li::before{content:' / ';margin-right:10px;color:#777}
.guide-intro{max-width:900px;padding-block:28px 48px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:700}h1{font-size:clamp(34px,5vw,60px);line-height:1.13;letter-spacing:-.045em;margin:16px 0 24px;font-weight:650;text-wrap:balance}.lead{font-size:clamp(18px,2vw,21px);line-height:1.75;color:#d2d2d2;max-width:74ch}.byline{font-size:13px;color:var(--muted)}.guide-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(190px,1fr);gap:70px;border-top:1px solid var(--line);padding-top:36px}.guide-body{min-width:0}.guide-body section{padding-bottom:35px;scroll-margin-top:28px}h2{font-size:clamp(25px,3vw,32px);line-height:1.3;letter-spacing:-.025em;margin:12px 0 20px}h3{font-size:20px;line-height:1.4}.guide-body p,.guide-body li{color:#d2d2d2}.guide-body strong{color:var(--ink)}.guide-body li{margin-bottom:12px}.guide-body ul,.guide-body ol{padding-left:24px}.guide-body a{color:var(--accent)}.guide-aside nav{position:sticky;top:25px;font-size:14px}.guide-aside ul{padding:0;list-style:none}.guide-aside a{display:block;padding:8px 0;color:var(--muted)}.example{border-left:3px solid var(--accent);background:#151515;padding:20px 24px;margin:24px 0}.example p:first-child{margin-top:0}.example p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:20px 0}caption{text-align:left;font-weight:700;margin-bottom:12px}th,td{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:top}th{color:var(--ink)}td{color:#d2d2d2}.guide-cta{padding:30px;border:1px solid var(--line);border-radius:8px;margin:20px 0 45px;background:#141414}.guide-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid #999;border-radius:6px;text-decoration:none;font-size:14px;min-height:48px}.button.primary{background:var(--ink);color:#171717;border-color:var(--ink)}.guide-body .button.primary{color:#171717}.guide-footer{border-top:1px solid var(--line);margin-top:40px;padding-block:30px 45px;color:var(--muted);font-size:14px}.guide-footer nav{display:flex;flex-wrap:wrap;gap:14px 26px}.guide-footer p{margin-top:25px}
@media(max-width:800px){.guide-layout{grid-template-columns:1fr;gap:16px}.guide-aside{grid-row:1}.guide-aside nav{position:static}.guide-aside ul{display:flex;flex-wrap:wrap;gap:0 20px}.guide-header{align-items:flex-start;flex-wrap:wrap;gap:12px}.guide-header nav{gap:10px 20px}.guide-intro{padding-bottom:30px}.guide-cta{padding:22px}.guide-layout{padding-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}