:root{--bg:#0e0e0f;--card:#161617;--surface-2:#1c1c1e;--surface-3:#242426;--line:#2e2e32;--line-soft:#222224;--line-strong:#65656a;--edge:var(--line);--text:#e8e8ea;--muted:#9a9aa0;--accent:#c8c8ce;--ok:#7d9b84;--warn:#b8a06a;--critical:#c47a72;--font-ui:"Segoe UI", "Helvetica Neue", system-ui, -apple-system, Ubuntu, Cantarell, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display:"Space Grotesk", var(--font-ui);--r:14px;--r-panel:14px;--r-btn:10px;--dur:.14s;--tap:44px;--max:1120px;--max-lp:1440px;--measure:42rem}*{box-sizing:border-box}html{color-scheme:dark}body{color:var(--text);background:var(--bg);font-family:var(--font-ui);margin:0}h1,h2,h3,p,dl,dd{margin:0}ul{padding:0;list-style:none}button{font:inherit}.wrap{max-width:var(--max);margin-inline:auto;padding-inline:28px}.lp .wrap,.demo-hub .wrap{max-width:var(--max-lp);padding-inline:max(28px, calc((100% - var(--max-lp)) / 2 + 28px))}@media (width>=1360px){.lp .wrap,.demo-hub .wrap{padding-inline:96px}}@media (width<=900px){.lp .wrap,.demo-hub .wrap{padding-inline:20px}}:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.btn{border-radius:var(--r-btn);border:1px solid var(--line-strong);height:48px;color:var(--text);cursor:pointer;transition:background var(--dur), border-color var(--dur), color var(--dur);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.btn-primary,.btn-fill{background:var(--accent);color:var(--bg);border-color:#0000}.btn-primary:hover,.btn-fill:hover{background:color-mix(in srgb, var(--accent) 85%, var(--text));color:var(--bg)}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.btn.is-locked{color:var(--muted);cursor:not-allowed;border-style:dashed}.btn.is-locked:hover{border-color:var(--line-strong);background:0 0}.chip{border:1px solid var(--line-strong);height:26px;font-family:var(--font-mono);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.chip.warn{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, var(--line-strong))}.chip.ok{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 45%, var(--line-strong))}.chip.crit{color:var(--critical);border-color:color-mix(in srgb, var(--critical) 45%, var(--line-strong))}.navmob{display:none}@media (width<=900px){.navmob{display:block}.navmob summary{cursor:pointer;width:var(--tap);height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--r-btn);justify-content:center;align-items:center;list-style:none;display:inline-flex}.navmob summary::-webkit-details-marker{display:none}.navmob summary .ic{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;width:18px;height:18px}.navmob[open] summary .ic-close{display:block}.navmob[open] summary .ic-open,.navmob:not([open]) summary .ic-close{display:none}.navmob nav{background:var(--bg);border-bottom:1px solid var(--line);z-index:40;flex-direction:column;padding:8px 20px 16px;display:flex;position:absolute;top:100%;left:0;right:0}.navmob nav a{min-height:var(--tap);color:var(--text);align-items:center;font-size:16px;display:flex}}.article-main .body code,.article-main code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line-soft);border-radius:4px;padding:.1em .38em;font-size:.9em}.article-main pre{background:var(--card);border:1px solid var(--line);border-radius:var(--r-panel);padding:16px 18px;overflow:auto}.article-main pre code{background:0 0;border:0;padding:0}.article-main h2{color:var(--text);margin:36px 0 12px;font-size:22px;font-weight:400}.article-main h3{color:var(--text);margin:28px 0 10px;font-size:18px;font-weight:400}.article-main .body ul{padding-left:1.2em;list-style:outside}.article-main .body li{margin:.4em 0}.article-main .body blockquote{border-left:2px solid var(--line-strong);color:var(--muted);margin:20px 0;padding-left:16px}.article-main .body img{border-radius:var(--r-panel);max-width:100%;height:auto}.article-main .body table{border-collapse:separate;border-spacing:0;width:100%}.ph{font-family:var(--font-mono);border-bottom:1px dashed var(--muted)}.ph:before{content:"{{"}.ph:after{content:"}}"}