:root{--bg: #ffffff;--fg: #1a1a1a;--muted: #737373;--line: #e6e6e6;--soft: #f5f5f5;--dark: #1a1a1a;--on-dark: #ffffff;--ok: #1f7a3a;--ok-bg: #e3f2e7;--warn: #8a5a00;--warn-bg: #fbefd5;--err: #b3261e;--err-bg: #fbe3e1;--sans: Inter, "Segoe UI", Arial, sans-serif;--mono: "JetBrains Mono", Consolas, monospace;--logo-filter: none}@media(prefers-color-scheme:dark){:root{--bg: #111111;--fg: #f2f2f2;--muted: #a3a3a3;--line: #2e2e2e;--soft: #1b1b1b;--dark: #000000;--on-dark: #f2f2f2;--ok: #7fd49a;--ok-bg: #16301f;--warn: #f0c26a;--warn-bg: #33280f;--err: #ff9b92;--err-bg: #3a1a17;--logo-filter: invert(1);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:880px;margin:0 auto;padding-inline:24px}.wrap.wide{max-width:1200px}header.top{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:5}header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;flex-wrap:wrap}header.top img{height:30px;filter:var(--logo-filter);display:block}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand span{font-size:18px;font-weight:700;letter-spacing:-.3px;border-left:1px solid var(--line);padding-left:14px;text-transform:uppercase}nav.main{display:flex;gap:28px;align-items:center;flex-wrap:wrap}nav.main a{text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.35px;text-transform:uppercase}nav.main a:hover{opacity:.6}main{padding-block:56px 96px}h1,h2,h3{line-height:1.1;text-wrap:balance;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(34px,5vw,52px);margin:8px 0 18px}h2{font-size:28px;margin:56px 0 14px}h3{font-size:20px;letter-spacing:-.5px}p{margin:0 0 14px}.lead{font-size:18px;color:var(--muted);max-width:62ch}.muted{color:var(--muted)}.eyebrow{font:500 12px/16px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);display:block}.eyebrow a{text-decoration:none}.eyebrow a:hover{color:var(--fg)}.btn{display:inline-block;background:var(--fg);color:var(--bg);border:1px solid var(--fg);padding:14px 28px;font:500 15px/1.4 var(--sans);letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0}.btn:hover{opacity:.85}.btn.ghost{background:transparent;color:var(--fg)}.btn:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.card{border:1px solid var(--line);padding:32px}.card+.card{margin-top:16px}.card h3,.card h2{margin:0 0 10px}input,select,textarea{font:400 16px/1.5 var(--sans);letter-spacing:normal;text-transform:none;color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:12px;width:100%;border-radius:0}input:focus,select:focus,textarea:focus{border-color:var(--fg);outline:none}label{display:grid;gap:8px;font:500 12px/16px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--fg)}table{border-collapse:collapse;width:100%;font-size:15px}th{text-align:left;padding:12px;font:500 12px/16px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--fg)}td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.scroll{overflow-x:auto}.note{border:1px solid var(--line);border-left:3px solid var(--fg);background:var(--soft);padding:14px 18px;margin:18px 0}.note.warn{border-left-color:var(--warn);background:var(--warn-bg)}.pill{display:inline-block;font:500 11px/16px var(--mono);letter-spacing:1px;text-transform:uppercase;padding:3px 8px}.pill.ok{color:var(--ok);background:var(--ok-bg)}.pill.todo{color:var(--muted);background:var(--soft)}.pill.warn{color:var(--warn);background:var(--warn-bg)}blockquote{margin:18px 0;padding:14px 18px;border-left:3px solid var(--warn);background:var(--warn-bg)}blockquote p{margin:0}article ul,article ol{padding-left:20px}article table{margin:16px 0}footer.bottom{background:var(--dark);color:var(--on-dark);padding-block:48px;font-size:14px}footer.bottom .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer.bottom .eyebrow{color:#fff9;margin-bottom:8px}footer.bottom a{text-decoration:none}footer.bottom a:hover{text-decoration:underline}.demo{background:var(--warn-bg);color:var(--warn);font:500 12px/16px var(--mono);letter-spacing:.6px;text-align:center;padding:8px 16px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}