:root{color-scheme:dark;--bg:#0c1120;--panel:#171f32;--line:#2e3952;--muted:#aeb9cc;--gold:#efd084;--text:#f2f4fa;--accent:#2a3552}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{background:radial-gradient(ellipse at top left,#202540,var(--bg) 65%);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.muted{color:var(--muted)}
code{background:#11192b;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
kbd{background:#11192b;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.85em}
.docs-layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
.docs-sidebar{background:var(--panel);border-right:1px solid var(--line);padding:22px 18px;position:sticky;top:0;height:100vh;overflow-y:auto}
.docs-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;color:var(--gold);font-size:19px;margin-bottom:14px}
.docs-brand .dot{width:10px;height:10px;border-radius:50%;background:var(--gold)}
.docs-search{width:100%;margin-bottom:16px;padding:10px 13px;background:#11192b;border:1px solid var(--line);border-radius:9px;color:var(--text)}
.docs-nav ul{list-style:none;margin:0;padding:0}
.docs-nav>ul>li{margin-bottom:2px}
.docs-nav a{display:block;color:var(--text);padding:8px 12px;border-radius:8px;font-size:15px;border-left:3px solid transparent}
.docs-nav a:hover{background:var(--accent);color:var(--text);text-decoration:none}
.docs-nav a.active{border-left-color:var(--gold);color:var(--gold);background:var(--accent)}
.docs-nav a.toplevel{font-weight:700}
.docs-nav ul ul a{padding-left:26px;font-size:14px;color:var(--muted)}
.docs-nav ul ul a:hover{color:var(--text)}
.docs-nav .locked{color:var(--muted)}
.docs-user{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.docs-user strong{color:var(--gold)}
.docs-main{padding:30px 40px;max-width:920px;width:100%}
.docs-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px;flex-wrap:wrap}
.docs-topbar .back{padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:14px}
.docs-topbar .back:hover{text-decoration:none;border-color:var(--gold);color:var(--gold)}
.docs-crumb{color:var(--muted);font-size:14px}
.docs-section{margin-bottom:48px}
.docs-section .eyebrow{color:var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:.14em;margin:0 0 6px}
.docs-section h1{font-size:clamp(26px,4vw,36px);margin:0 0 6px;color:var(--gold)}
.docs-section .lede{font-size:17px;color:var(--muted);margin:0 0 22px;max-width:70ch}
.docs-section h2{font-size:23px;margin:34px 0 12px;padding-top:10px;border-bottom:1px solid var(--line);padding-bottom:8px}
.docs-section h3{font-size:18px;margin:22px 0 8px;color:var(--gold)}
.docs-section p{max-width:75ch}
.docs-section ul,.docs-section ol{margin:10px 0;padding-left:24px}
.docs-section li{margin:5px 0}
.docs-callout{background:#1d2a45;border:1px solid var(--gold);border-left-width:4px;border-radius:10px;padding:14px 18px;margin:16px 0}
.docs-callout.warn{border-color:#e0a03c;background:#2a2318}
.docs-callout.danger{border-color:#d05a5a;background:#2a1a1a}
.docs-callout strong{display:block;margin-bottom:4px}
.docs-perm-tag{display:inline-block;background:#1e3a5f;color:#8ab4f8;border:1px solid #2c4a73;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;font-family:ui-monospace,monospace}
.docs-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
.docs-table th,.docs-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.docs-table th{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.docs-table tr:hover td{background:var(--accent)}
.shot{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin:16px 0}
.shot-ph{display:flex;align-items:center;justify-content:center;min-height:140px;background:#11192b;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:14px;text-align:center;padding:12px}
.shot figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.docs-coming{background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:26px;color:var(--muted);text-align:center}
.docs-coming .big{font-size:34px;display:block;margin-bottom:8px}
#docs-gate{max-width:520px;margin:10vh auto;text-align:center;padding:36px}
#docs-gate h1{color:var(--gold)}
#docs-gate a{display:inline-block;margin-top:14px;padding:11px 22px;background:var(--gold);color:#171b2b;font-weight:700;border-radius:9px}
#docs-gate a:hover{text-decoration:none}
.docs-back-top{position:sticky;bottom:20px;display:block;width:max-content;margin-left:auto;padding:8px 14px;background:var(--panel);border:1px solid var(--line);border-radius:9px;font-size:13px}
@media(max-width:820px){
  .docs-layout{grid-template-columns:1fr}
  .docs-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .docs-main{padding:22px 18px}
}