:root{color-scheme:light;--bg: #f7f9fc;--bg-2: #eef2f8;--panel: #ffffff;--panel-2: #f4f7fb;--border: #dce3ed;--border-2: #c3cedd;--text: #0f1a26;--muted: #55657a;--accent: #2563eb;--accent-2: #0891b2;--ok: #15803d;--danger: #dc2626;--radius: 14px;--control-size: 34px;--shadow: 0 18px 44px rgba(15, 26, 38, .1);--header-bg: rgba(247, 249, 252, .85);--glow-1: rgba(8, 145, 178, .14);--glow-2: rgba(37, 99, 235, .14);--hover-tint: rgba(15, 26, 38, .04);--on-accent: #ffffff;--logo-ink: #06121c;--code-bg: #10161d;--code-text: #e8edf3;--code-border: #232d3a;--ok-bg: rgba(21, 128, 61, .1);--ok-border: rgba(21, 128, 61, .3);--ok-text: #14532d;--danger-bg: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .28);--danger-text: #991b1b;--warn-bg: rgba(180, 83, 9, .1);--warn-border: rgba(180, 83, 9, .3);--warn-text: #7c2d12}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b0f14;--bg-2: #10161d;--panel: #151c25;--panel-2: #1a222d;--border: #232d3a;--border-2: #2e3a4a;--text: #e8edf3;--muted: #8b98a9;--accent: #3b82f6;--accent-2: #22d3ee;--ok: #22c55e;--danger: #ef4444;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--header-bg: rgba(11, 15, 20, .85);--glow-1: rgba(34, 211, 238, .12);--glow-2: rgba(59, 130, 246, .16);--hover-tint: rgba(255, 255, 255, .03);--on-accent: #ffffff;--code-bg: #10161d;--code-text: #e8edf3;--code-border: #232d3a;--ok-bg: rgba(34, 197, 94, .12);--ok-border: rgba(34, 197, 94, .35);--ok-text: #86efac;--danger-bg: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .4);--danger-text: #fda4a4;--warn-bg: rgba(251, 191, 36, .12);--warn-border: rgba(251, 191, 36, .35);--warn-text: #fde68a}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0f14;--bg-2: #10161d;--panel: #151c25;--panel-2: #1a222d;--border: #232d3a;--border-2: #2e3a4a;--text: #e8edf3;--muted: #8b98a9;--accent: #3b82f6;--accent-2: #22d3ee;--ok: #22c55e;--danger: #ef4444;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--header-bg: rgba(11, 15, 20, .85);--glow-1: rgba(34, 211, 238, .12);--glow-2: rgba(59, 130, 246, .16);--hover-tint: rgba(255, 255, 255, .03);--on-accent: #ffffff;--code-bg: #10161d;--code-text: #e8edf3;--code-border: #232d3a;--ok-bg: rgba(34, 197, 94, .12);--ok-border: rgba(34, 197, 94, .35);--ok-text: #86efac;--danger-bg: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .4);--danger-text: #fda4a4;--warn-bg: rgba(251, 191, 36, .12);--warn-border: rgba(251, 191, 36, .35);--warn-text: #fde68a}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;min-height:100dvh;background:radial-gradient(1000px 600px at 85% -10%,var(--glow-1),transparent 60%),radial-gradient(900px 600px at -10% 110%,var(--glow-2),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.015em}h1{font-size:clamp(2rem,5vw,3.1rem);font-weight:800}h2{font-size:clamp(1.5rem,3.2vw,2rem);font-weight:700}h3{font-size:1.1rem;font-weight:650}p{margin:0 0 1rem}p,li,dd,figcaption{overflow-wrap:anywhere}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--accent);text-decoration-thickness:2px}img{max-width:100%;height:auto}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}:not(pre)>code{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:.1em .36em;font-size:.88em}.wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}main{display:block}.section{padding:56px 0;border-top:1px solid var(--border)}.section:first-of-type{border-top:0}.section-head{max-width:68ch;margin-bottom:28px}.eyebrow{display:block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.lead{color:var(--muted);font-size:1.05rem;max-width:68ch}.grid{display:grid;gap:16px;grid-template-columns:1fr}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.split{display:grid;gap:24px;align-items:start}.grid>*,.split>*{min-width:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h3{margin-bottom:6px}.card p{margin:0;color:var(--muted);font-size:.94rem}:where(a,button).btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#000));color:var(--on-accent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 32%,transparent)}.btn-primary:hover{filter:brightness(1.08);color:var(--on-accent)}.btn-ghost{background:transparent;border-color:var(--border-2);color:var(--text)}.btn-ghost:hover{background:var(--bg-2);color:var(--text)}.btn:active{transform:scale(.985)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}table{width:100%;border-collapse:collapse;font-size:.93rem}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--hover-tint)}:where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--panel);color:var(--text);border:1px solid var(--border-2);border-radius:10px;padding:10px 16px;text-decoration:none;transition:top .15s ease}.skip:focus{top:12px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:700px){.wrap{padding:0 24px}.section{padding:72px 0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr 1fr;gap:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto!important}}
