@font-face{font-family:Ambit;src:url(/fonts/ambit-regular.otf)}@font-face{font-family:Ambit;src:url(/fonts/ambit-semibold.otf);font-weight:600}:root{--nav:#01021b;--blue:#2d39e0;--paper:#f5f5f7;--surface:#fff;--ink:#161622;--muted:#626270;--line:#d8d8e2;--focus:#4857ff;color-scheme:light}[data-theme=dark]{--paper:#101015;--surface:#1c1c23;--ink:#f3f3f6;--muted:#b4b4c0;--line:#41414c;--blue:#5665e8;--focus:#aeb6ff;color-scheme:dark}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Ambit,system-ui,sans-serif}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;color:#000;padding:.75rem;z-index:2}.skip:focus{top:1rem}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}aside{background:var(--nav);color:#fff;padding:1.5rem;display:flex;flex-direction:column}.brand{font-weight:600;letter-spacing:.06em}.brand span{font-weight:400;letter-spacing:0;border-left:1px solid #777;padding-left:.5rem}.workspace{color:#fdc448;margin:2rem 0 .75rem}nav{display:grid;gap:.25rem}nav a{color:#e9e9f4;text-decoration:none;padding:.7rem;border-left:3px solid transparent;min-height:44px}nav a[aria-current]{border-color:#5967ff;background:#ffffff0d}aside button{margin-top:auto;background:transparent;color:#fff;border:1px solid #73738a}main{min-width:0;padding:clamp(1.25rem,4vw,4rem)}.page p,.eyebrow{color:var(--muted);margin:0}.page h1{font-size:clamp(2rem,4vw,2.7rem);margin:.2rem 0 2rem}section{background:var(--surface);border:1px solid var(--line);padding:clamp(1rem,3vw,2rem);margin-bottom:1rem;overflow:hidden}section header{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}section h2{margin:.15rem 0}.live>header strong{color:#087c70}.illustrative header strong,.empty strong{color:var(--muted)}button,.lead a{min-height:44px;border:0;background:var(--blue);color:#fff;padding:.7rem 1rem;font:inherit;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;margin:.25rem}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.result-state{margin:1.5rem 0;padding:1rem;border-left:4px solid var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.result-state b{text-transform:capitalize}.result-state p{margin:.25rem 0}.value{font-size:clamp(2.5rem,8vw,5rem);font-weight:600;margin:1rem 0}.value small{font-size:1rem;color:var(--muted)}.bars{height:170px;display:flex;align-items:end;gap:clamp(.5rem,3vw,1.5rem);padding-top:2rem}.bars i{height:var(--h);background:#fdc448;flex:1}.sample{display:grid;place-items:center;min-height:100vh;padding:1rem}.sample main{width:min(720px,100%);background:var(--surface);border:1px solid var(--line)}pre{overflow:auto;background:#08091d;color:#f4f4ff;padding:1rem}dialog{max-width:min(34rem,calc(100% - 2rem));background:var(--surface);color:var(--ink);border:1px solid var(--line)}@media(max-width:700px){.shell{display:block}aside{padding:1rem}.brand,.workspace{margin-top:0}nav{grid-template-columns:repeat(5,1fr);overflow-x:auto}nav a{font-size:.82rem;padding:.75rem .4rem;text-align:center;border-left:0;border-bottom:3px solid transparent}aside button{margin-top:1rem}main{padding:1rem}section{padding:1rem}}