:root{
  --black:#0A0A0F;--white:#FFFFFF;--violet:#7C4DFF;--deep:#3A1E8F;--lav:#B388FF;
  --crimson:#FF2A55;--green:#00E676;--amber:#F5A623;
  --head:"Space Grotesk",system-ui,sans-serif;--sans:"Inter",system-ui,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--black);color:var(--white);font:400 16px/1.7 var(--sans)}
a{color:var(--lav)}
:focus-visible{outline:3px solid var(--lav);outline-offset:3px;border-radius:6px}
.nav{max-width:760px;margin:0 auto;padding:28px 24px 0;display:flex;align-items:center;gap:8px;font:700 15px var(--head)}
.nav img{width:22px;height:22px;border-radius:5px}
.nav a{color:var(--white);text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:28px 24px 80px}
h1{font-family:var(--head);font-weight:700;letter-spacing:-.03em;font-size:clamp(28px,5vw,40px);line-height:1.1;margin:0 0 6px}
.meta{opacity:.6;font-size:14px;margin:0 0 36px}
h2{font-family:var(--head);font-weight:700;letter-spacing:-.02em;font-size:22px;color:var(--lav);margin:40px 0 12px}
p,li{opacity:.9}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:6px}
.notice{background:rgba(124,77,255,.12);border:1px solid rgba(179,136,255,.4);border-radius:12px;padding:18px 20px;margin:24px 0 36px}
.notice strong{color:var(--lav)}
table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:14px}
th,td{text-align:left;padding:10px 12px;border:1px solid rgba(255,255,255,.12);vertical-align:top}
th{background:rgba(255,255,255,.06);font-family:var(--head)}
/* Long words must not push the table wider than a phone screen */
@media(max-width:560px){table{font-size:13px}th,td{padding:8px;overflow-wrap:anywhere}}
code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:5px;font-size:.92em}
hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:36px 0}
footer{max-width:760px;margin:0 auto;padding:0 24px 40px;opacity:.55;font-size:13px}
footer a{color:inherit}