:root{
  --bg:#09090B;
  --panel:#121216;
  --line:#26262C;
  --line-dim:#1C1C22;
  --white:#fff;
  --off:#F4F4F5;
  --muted:#A1A1AA;
  --dim:#71717A;
  --faint:#52525B;
  --blue:#60A5FA;
  --f-display:"Outfit","Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --f-sans:"Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--muted);font-family:var(--f-sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
header,main,footer{max-width:64rem;margin:auto;padding:clamp(1.1rem,4vw,2.5rem)}
header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line-dim)}
header>a{font-family:var(--f-display);font-weight:500;color:var(--white);text-decoration:none}
nav{display:flex;gap:1.75rem}
nav a{font-size:.9rem;color:var(--muted);text-decoration:none}
nav a:hover{color:var(--white)}
a{color:var(--blue);text-underline-offset:4px}
h1{font-family:var(--f-display);font-weight:500;font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.08;letter-spacing:-.03em;color:var(--white);margin:.6rem 0 0}
h2{font-family:var(--f-display);font-weight:500;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;letter-spacing:-.025em;margin-top:3.25rem;color:var(--white)}
h3{font-family:var(--f-display);font-weight:500;font-size:1.05rem;color:var(--white);margin-top:2rem}
p,ul,ol{margin:20px 0}
strong{color:var(--white);font-weight:500}
pre{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:auto;font-size:14px;line-height:1.7;color:var(--muted)}
code{font-family:var(--f-mono)}
.eyebrow{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}
footer{font-family:var(--f-mono);font-size:.74rem;color:var(--faint);border-top:1px solid var(--line-dim)}
.notice{border-left:2px solid var(--blue);padding:12px 20px;background:var(--panel);border-radius:0 10px 10px 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th{text-align:left;font-family:var(--f-mono);font-weight:400;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:0 1.25rem .75rem 0;border-bottom:1px solid var(--line)}
td{padding:.85rem 1.25rem .85rem 0;border-bottom:1px solid var(--line-dim);vertical-align:top;color:var(--dim)}
a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}
li{margin:8px 0}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
td code{overflow-wrap:anywhere}
@media(max-width:500px){header,main,footer{padding:20px}nav{gap:14px}}