/* TAPPET secondary pages (Docs, Terms, Privacy, Risk). Sidebar + reading column. Single deliberate dark look matching the landing page. */
:root{
  --bg:#05070e; --panel:#0b1120; --well:#070b16;
  --line:rgba(130,160,255,.13); --line-2:rgba(130,160,255,.26);
  --silver:#e4eaf5; --text:#aab4c8; --dim:#67728a;
  --volt:#4d7cff; --volt-hi:#89a8ff; --volt-soft:rgba(77,124,255,.12);
  --signal:#ff4fa0; --ok:#37d39a; --warn:#ffb547; --crit:#ff5c6c;
  --f-display:"Michroma","Eurostile","Arial Black",sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --chrome:linear-gradient(180deg,#ffffff 0%,#dfe6f3 38%,#9aa7c2 72%,#e9eef8 100%);
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font:15.5px/1.7 var(--f-body);-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(50% 40% at 15% 0%,rgba(77,124,255,.12),transparent 70%),radial-gradient(40% 30% at 100% 20%,rgba(255,79,160,.06),transparent 70%);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
a{color:var(--volt-hi);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--volt-hi);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{color:var(--silver);font-weight:600;text-wrap:balance;margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(5,7,14,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:22px;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:var(--silver);text-decoration:none!important}
.logo svg{width:30px;height:26px;color:#f2f5fb;filter:drop-shadow(0 0 8px rgba(0,140,255,.45))}
.logo b{font:14px/1 var(--f-display);letter-spacing:.08em}
.logo span{font:500 10px/1 var(--f-mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;margin-left:4px}
.top nav{display:flex;gap:18px;font-size:13.5px;font-weight:500}
.top nav a{color:var(--text)}
.top nav a[aria-current="page"]{color:var(--silver)}
.top .sp{flex:1}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font:700 11.5px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:#fff!important;background:linear-gradient(180deg,#6a93ff,#3d66f0);text-decoration:none!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}

.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;padding-block:40px 80px}
.side{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding-right:8px;font-size:13.5px}
.side h4{font:500 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:22px 0 8px}
.side h4:first-child{margin-top:0}
.side a{display:block;padding:5px 10px;border-left:1px solid var(--line);color:var(--text)}
.side a:hover{color:var(--silver);text-decoration:none;border-color:var(--line-2)}
.side a.on{color:var(--silver);border-color:var(--volt);background:linear-gradient(90deg,var(--volt-soft),transparent)}
.side select{display:none}

.doc{min-width:0;max-width:820px}
.kicker{font:500 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--volt-hi);display:flex;gap:12px;align-items:center}
.kicker::after{content:"";flex:0 1 120px;height:1px;background:linear-gradient(90deg,var(--volt),transparent)}
.doc h1{font:clamp(28px,4vw,42px)/1.12 var(--f-display);margin:16px 0 14px;color:transparent;background:var(--chrome);-webkit-background-clip:text;background-clip:text}
.lead{font-size:17px;color:var(--text);margin:0 0 10px;max-width:64ch}
.meta{font:500 11.5px/1.6 var(--f-mono);color:var(--dim);margin-bottom:28px}
.doc section{padding-top:36px;margin-top:36px;border-top:1px solid var(--line)}
.doc h2{font:clamp(20px,2.4vw,26px)/1.2 var(--f-display);margin-bottom:14px;letter-spacing:.01em}
.doc h3{font-size:17px;margin:26px 0 8px}
.doc p,.doc li{max-width:68ch}
.doc p{margin:0 0 14px}
.doc ul,.doc ol{margin:0 0 16px;padding-left:22px}
.doc li{margin:4px 0}
.doc strong{color:var(--silver)}
code{font:13px/1.5 var(--f-mono);background:var(--well);border:1px solid var(--line);padding:1px 6px;border-radius:4px;color:#cdd8f2;word-break:break-word}
pre{margin:0 0 18px;background:var(--well);border:1px solid var(--line);border-radius:6px;padding:16px 18px;overflow-x:auto;font:12.5px/1.65 var(--f-mono);color:#cdd8f2;position:relative}
pre code{background:none;border:0;padding:0;font:inherit;word-break:normal}
pre[data-lang]::before{content:attr(data-lang);position:absolute;top:8px;right:12px;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.k{color:#ff8fc4}.s{color:#9fe3c3}.c{color:#5d6a85}.n{color:#ffcf8a}.t{color:#89a8ff}
.tbl{overflow-x:auto;margin:0 0 18px;border:1px solid var(--line);border-radius:6px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{font:500 10.5px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:left;padding:10px 12px;background:rgba(10,15,30,.7);border-bottom:1px solid var(--line)}
td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
td code{white-space:nowrap}
.note{border:1px solid var(--line-2);border-left:3px solid var(--volt);background:var(--volt-soft);padding:14px 16px;margin:0 0 18px;font-size:14.5px;border-radius:0 6px 6px 0}
.note.warn{border-left-color:var(--warn);background:rgba(255,181,71,.08)}
.note strong{display:block;margin-bottom:2px}
.ep{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0 8px}
.ep .m{font:700 10.5px/1 var(--f-mono);letter-spacing:.1em;padding:5px 8px;border-radius:4px}
.m.get{color:var(--ok);background:rgba(55,211,154,.12)}.m.post{color:var(--volt-hi);background:var(--volt-soft)}.m.put,.m.patch{color:var(--warn);background:rgba(255,181,71,.12)}.m.ws{color:var(--signal);background:rgba(255,79,160,.12)}
.ep code{font-size:13.5px;background:none;border:0;padding:0;color:var(--silver)}
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:6px 0 20px}
.flow div{border:1px solid var(--line-2);padding:12px 10px;background:var(--panel);font-size:12.5px;position:relative}
.flow b{display:block;font:11px/1.2 var(--f-display);color:var(--silver);letter-spacing:.04em;margin-bottom:4px}
.flow span{color:var(--dim);font-size:12px;line-height:1.4;display:block}
.toc-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:22px 0 4px}
.toc-mini a{display:block;border:1px solid var(--line);padding:14px 16px;background:var(--panel);color:var(--text);text-decoration:none!important}
.toc-mini a:hover{border-color:var(--line-2);color:var(--silver)}
.toc-mini b{display:block;color:var(--silver);font-size:14px;margin-bottom:2px}
.toc-mini span{font-size:12.5px;color:var(--dim)}

footer{border-top:1px solid var(--line);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));font-size:13px;color:var(--dim)}
footer .wrap{display:flex;gap:18px 28px;flex-wrap:wrap;justify-content:space-between}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--text)}

@media (max-width:920px){
  .layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:20px}
  .side{position:static;max-height:none;padding:0}
  .side .links{display:none}
  .side select{display:block;width:100%;background:var(--well);border:1px solid var(--line-2);color:var(--silver);padding:11px 12px;font:inherit}
  .top nav{display:none}
  .flow{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Hide every scrollbar; scrolling still works (wheel, touch, keyboard) */
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{width:0;height:0;display:none}