:root{
  --bg:#060a16; --ink:#eef2fb; --dim:#a4aecb; --line:rgba(150,178,255,0.16);
  --sky:#86c8ff; --gold:#e3c9a0; --warn:#f0b183;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 var(--sans); }
main{ max-width:720px; margin:0 auto; padding:40px 16px 72px; }
a{ color:var(--sky); }
.top{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; }
.brand{ font:600 14px/1 var(--mono); letter-spacing:.32em; color:var(--ink); text-decoration:none; }
.draft{ border:1px solid var(--warn); color:var(--warn); border-radius:10px; padding:10px 14px;
  font:500 13px/1.45 var(--mono); margin-bottom:28px; }
h1{ font-size:30px; line-height:1.2; margin:0 0 6px; }
.updated{ color:var(--dim); font-size:14px; margin:0 0 28px; }
h2{ font-size:19px; margin:34px 0 8px; }
p,li{ color:#d5dcef; }
ul{ padding-left:22px; }
li{ margin:4px 0; }
table{ width:100%; border-collapse:collapse; margin:10px 0 4px; font-size:14.5px; }
th,td{ text-align:left; vertical-align:top; padding:9px 10px; border-bottom:1px solid var(--line); }
th{ color:var(--dim); font-weight:500; }
.table-wrap{ overflow-x:auto; }
footer{ margin-top:48px; padding-top:18px; border-top:1px solid var(--line); color:var(--dim); font-size:14px;
  display:flex; flex-wrap:wrap; gap:8px 18px; }
.notfound h1{ margin-top:40px; }
.nf-btn{ display:inline-block; margin-top:10px; padding:12px 18px; border-radius:11px; background:var(--gold); color:#1a1408; text-decoration:none; font-weight:600; }
.nf-small{ margin-top:28px; color:var(--dim); font-size:14px; }