:root{
  --ground:#0A0520; --surface:#140A33; --line:#2C1D5C;
  --ink:#EFEBFF; --ink-mid:#B8AEE4; --ink-dim:#8479B8; --cyan:#00E5FF;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font:16px/1.65 'IBM Plex Sans',system-ui,-apple-system,Segoe UI,sans-serif;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 22px 80px}
header{padding:56px 0 28px;border-bottom:1px solid var(--line);margin-bottom:8px}
.eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px}
h1{font-size:clamp(30px,5vw,42px);line-height:1.08;letter-spacing:-.02em;margin:0 0 12px;
  font-weight:700;text-wrap:balance}
.updated{color:var(--ink-dim);font-size:14px;margin:0}
h2{font-size:20px;letter-spacing:-.01em;margin:38px 0 10px;font-weight:650;text-wrap:balance}
h3{font-size:16px;margin:24px 0 6px;font-weight:650}
p,li{color:var(--ink-mid);max-width:68ch}
li{margin-bottom:7px}
strong{color:var(--ink);font-weight:600}
a{color:var(--cyan)}
code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.88em;
  background:var(--surface);border:1px solid var(--line);padding:1px 5px;border-radius:3px}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:15px}
th,td{text-align:left;padding:10px 14px 10px 0;border-bottom:1px solid var(--line);
  vertical-align:top;color:var(--ink-mid)}
th{color:var(--ink-dim);font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
td strong{color:var(--ink)}
.note{border-left:2px solid var(--cyan);background:rgba(0,229,255,.05);
  padding:14px 18px;margin:20px 0}
.note p{margin:0;color:var(--ink)}
footer{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);
  font-size:14px;color:var(--ink-dim)}
