:root{
  --ground:#070f26; --surface:#0c1733; --rule:#1c2a4d;
  --ink:#e8ebf5; --ink-2:#a1a8bf; --ink-3:#8790ab;
  --blue:#1f4fff; --green:#00ff9d;
  --gutter:clamp(20px,5vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--ground); color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif; font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased}
a{color:var(--green); text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--green); outline-offset:3px}

header{display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px var(--gutter); border-bottom:1px solid var(--rule)}
.brand{font-family:"Space Mono",ui-monospace,monospace; font-weight:700; font-size:26px;
  letter-spacing:-.06em; text-decoration:none; color:var(--green);
  text-shadow:0 0 .35em rgba(0,255,157,.45)}
.back{font-family:"Space Mono",ui-monospace,monospace; font-size:12px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-2); text-decoration:none}
.back:hover{color:var(--ink)}

main{max-width:760px; margin:0 auto; padding:48px var(--gutter) 72px}
.lbl{font-family:"Space Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-3); margin:0 0 10px}
h1{font-size:clamp(28px,5vw,40px); line-height:1.15; font-weight:600; margin:0 0 14px;
  text-wrap:balance}
.lead{color:var(--ink-2); font-size:18px; margin:0 0 36px}
h2{font-size:20px; font-weight:600; margin:40px 0 10px; padding-top:22px;
  border-top:1px solid var(--rule)}
h2 span{font-family:"Space Mono",ui-monospace,monospace; font-size:12px; color:var(--ink-3);
  margin-right:10px; font-weight:400}
p,li{color:var(--ink-2)}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px; padding-left:22px}
li{margin:6px 0}
strong{color:var(--ink); font-weight:600}
.note{border-left:3px solid var(--blue); background:var(--surface); padding:14px 18px;
  margin:0 0 32px; border-radius:0 8px 8px 0}
.note p{margin:0; color:var(--ink-2)}

.tbl{overflow-x:auto; margin:0 0 16px}
table{border-collapse:collapse; width:100%; min-width:560px; font-size:15px}
th,td{text-align:left; padding:10px 14px 10px 0; border-bottom:1px solid var(--rule);
  vertical-align:top; color:var(--ink-2)}
th{font-family:"Space Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ink-3); font-weight:400}
td:first-child{color:var(--ink); white-space:nowrap}

footer{border-top:1px solid var(--rule); padding:26px var(--gutter) 40px; display:flex;
  flex-wrap:wrap; gap:14px 28px; align-items:center; justify-content:space-between;
  font-family:"Space Mono",ui-monospace,monospace; font-size:11px; letter-spacing:.08em;
  color:var(--ink-3); text-transform:uppercase}
footer a{color:var(--ink-2); text-decoration:none}
footer a:hover{color:var(--ink)}
footer nav{display:flex; gap:22px; flex-wrap:wrap}
@media (max-width:560px){td:first-child{white-space:normal}}