:root{
  --ink:#06070A; --panel:#141922; --line:#1F2530;
  --text:#E8ECF2; --muted:#8B95A5; --dim:#5D6675;
  --held:#22D3EE; --limit:#F5A524;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--ink); color:var(--text);
  font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  font-size:17px; line-height:1.65;
}
.wrap{max-width:720px; margin:0 auto; padding:0 28px 90px}
header{display:flex; align-items:center; gap:11px; padding:26px 0 10px; font-weight:600}
header img{width:28px; height:28px; border-radius:7px; display:block}
header a{color:inherit; text-decoration:none; display:flex; align-items:center; gap:11px}
h1{font-size:clamp(1.9rem,4vw,2.6rem); letter-spacing:-.03em; margin:2.2rem 0 .4rem; line-height:1.1}
h2{font-size:1.12rem; margin:2.4rem 0 .5rem; letter-spacing:-.01em}
p,li{color:var(--muted); max-width:64ch}
li{margin-bottom:.45rem}
strong{color:var(--text); font-weight:600}
a{color:var(--held)}
code{
  font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:.86em;
  color:var(--text); background:rgba(255,255,255,.05);
  border:1px solid var(--line); border-radius:4px; padding:1px 5px;
}
.updated{font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:.8rem; color:var(--dim)}
.note{border-left:2px solid var(--limit); padding-left:14px; margin:1.8rem 0}
footer{border-top:1px solid var(--line); margin-top:56px; padding-top:22px; font-size:.9rem; color:var(--dim)}
footer a{color:var(--muted)}
:where(a):focus-visible{outline:2px solid var(--held); outline-offset:3px; border-radius:3px}