:root{color-scheme:dark;--ink:#f1f5f9;--muted:#b8c7da;--base:#091425;--panel:#12243d;--gold:#edc77e;--line:#30435d}
@media(prefers-color-scheme:light){:root{color-scheme:light;--ink:#14243b;--muted:#43546a;--base:#f4f7fb;--panel:#fff;--gold:#805614;--line:#c5d2e1}}
*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:1rem/1.7 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:24px clamp(16px,4vw,52px) 80px}nav,.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}nav{border-bottom:1px solid var(--line);padding:0 0 16px}section{margin-block:32px}article,.narrow{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin-block:12px}h1,h2,h3{line-height:1.25;margin-block:0 .65em}p{color:var(--muted)}a,.gold,strong{color:var(--gold)}.hero{padding:clamp(24px,7vw,80px);background:linear-gradient(135deg,#0a1630,#162c47);border:1px solid #3d5270;border-radius:24px;color:#fff}.hero p{color:#c4d2e5}.hero .gold{color:#edc77e}.hero h1{font-size:clamp(2rem,6vw,4.7rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.grid strong{font-size:2rem}.narrow{max-width:540px;margin:10vh auto}label{display:grid;gap:4px}form{display:grid;gap:12px;max-width:560px}input,select,button,.cta{font:inherit;border-radius:8px;padding:9px 13px}input,select{background:var(--base);border:1px solid var(--line);color:var(--ink);width:100%}button,.cta{background:#edc77e;color:#111c2d;font-weight:700;border:0;cursor:pointer;text-decoration:none;width:fit-content}.cta{display:inline-block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #588ad6;outline-offset:3px}.actions{justify-content:flex-start}.actions form{margin:0}
textarea{font:inherit;color:var(--ink);background:var(--base);border:1px solid var(--line);border-radius:8px;padding:10px;min-height:5rem;resize:vertical}input[type=checkbox]{width:auto}summary{cursor:pointer;font-weight:700}details[open] summary{margin-bottom:16px}article:target{border-color:var(--gold)}
.code-example pre{background:var(--base);border:1px solid var(--line);border-radius:8px;padding:14px;overflow:auto}.code-example pre[dir=ltr]{text-align:left}.code-example code{font-family:ui-monospace,monospace}
iframe{border:1px solid var(--line);width:100%;height:85vh;margin-block-start:12px}#cases,pre{white-space:pre-wrap;overflow-wrap:anywhere}textarea[dir=ltr]{font-family:ui-monospace,monospace}
.progress-panel{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel)}progress{width:100%;height:14px;accent-color:var(--gold)}