:root{
  --bg:#0b0e14; --panel:#121722; --panel2:#171e2c; --line:#232b3b; --line2:#2f3a52;
  --text:#e9edf6; --text2:#aeb9cc; --muted:#8b96ab; --faint:#5c6679;
  --amber:#f6b83c; --amber-text:#f6b83c;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Cascadia Mono","Liberation Mono",monospace;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#e9edf4; --panel:#f8fafd; --panel2:#dde4ef; --line:#c7d0df; --line2:#a9b5cb;
    --text:#161b25; --text2:#3c4657; --muted:#5b6678; --faint:#8590a3;
    --amber:#d29500; --amber-text:#8a5f00;
    color-scheme:light;
  }
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:var(--sans);line-height:1.6;
  -webkit-text-size-adjust:100%;overflow-x:hidden;
}
.wrap{max-width:720px;margin:0 auto;padding:32px 20px 80px}
.top{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:34px;
}
.brand{font:700 .72rem var(--mono);letter-spacing:.1em;color:var(--text);text-decoration:none}
.brand:hover{color:var(--amber-text)}
.langs{display:flex;gap:14px;font:600 .7rem var(--mono);letter-spacing:.08em}
.langs a{color:var(--muted);text-decoration:none}
.langs a:hover{color:var(--amber-text)}
h1{
  font-size:clamp(1.5rem,2.6vw+.8rem,2.1rem);font-weight:750;letter-spacing:-.02em;
  line-height:1.2;margin:0 0 8px;text-wrap:balance;
}
.updated{font:500 .74rem var(--mono);color:var(--faint);margin:0 0 34px;letter-spacing:.02em}
section{margin-bottom:52px;scroll-margin-top:24px}
h2{
  font-size:1.15rem;font-weight:750;letter-spacing:-.015em;margin:36px 0 12px;
  padding-top:22px;border-top:1px solid var(--line);
}
section>h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
h3{font:600 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber-text);margin:26px 0 8px}
p{margin:0 0 14px;color:var(--text2);max-width:64ch}
ul{margin:0 0 16px;padding-left:0;list-style:none;max-width:64ch}
li{position:relative;padding-left:1.4em;margin:8px 0;color:var(--text2)}
li::before{content:"▸";position:absolute;left:0;color:var(--faint)}
strong{color:var(--text);font-weight:650}
code{font-family:var(--mono);font-size:.92em;color:var(--text)}
a{color:var(--amber-text)}
.note{
  font:500 .86rem var(--mono);line-height:1.6;color:var(--text2);
  background:var(--panel2);border:1px solid var(--line);border-radius:8px;
  padding:12px 15px;margin:16px 0;max-width:64ch;
}
.hr{height:1px;background:var(--line);margin:44px 0;border:0}
footer{
  border-top:1px solid var(--line);margin-top:56px;padding-top:22px;
  color:var(--faint);font-size:.82rem;line-height:1.65;
}
footer a{color:var(--muted)}
:focus-visible{outline:2px solid var(--amber-text);outline-offset:2px;border-radius:3px}