:root{--bg:#0f1115;--fg:#e8eaed;--mut:#9aa0a6;--acc:#4ade80;--card:#171a21;--bd:#262b36}
@media(prefers-color-scheme:light){:root{--bg:#fff;--fg:#14171c;--mut:#5f6670;--acc:#15803d;--card:#f5f6f8;--bd:#dde1e7}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,sans-serif}
main{max-width:820px;margin:0 auto;padding:2rem 1.2rem 4rem}
h1{font-size:2.2rem;margin:.2em 0}h2{margin-top:2.4rem;border-bottom:1px solid var(--bd);padding-bottom:.3rem}
.lead{color:var(--mut);font-size:1.15rem}code,pre{font-family:ui-monospace,Menlo,monospace}
pre{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:1rem;overflow:auto;font-size:.88rem}
code{background:var(--card);padding:.1em .35em;border-radius:4px}pre code{background:none;padding:0}
table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--bd);padding:.5rem;text-align:left;vertical-align:top}
a{color:var(--acc)}.note{border-left:3px solid var(--acc);background:var(--card);padding:.7rem 1rem;border-radius:0 8px 8px 0}
nav a{margin-right:1rem}