:root{color-scheme:light dark;--bg:#fff;--tx:#1b1c1e;--mu:#5c6066;--ln:#e3e5e8;--ac:#4b4f58;--hl:#fff3b0}
@media (prefers-color-scheme:dark){:root{--bg:#0e0e10;--tx:#e8e9eb;--mu:#a2a6ad;--ln:#2a2b2e;--ac:#c4c7cd;--hl:#5a4b00}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:20px 16px 64px}
h1{font-size:1.7rem;line-height:1.25;margin:.4em 0 .2em}
h2{font-size:1.2rem;margin:2em 0 .4em;padding-top:.6em;border-top:1px solid var(--ln)}
p,li{margin:.5em 0}
ul{padding-left:1.2em}
a{color:var(--ac)}
.meta{color:var(--mu);font-size:.92rem}
nav.toc{margin:1em 0;padding:12px 14px;border:1px solid var(--ln);border-radius:10px;font-size:.95rem}
nav.toc a{display:inline-block;margin:2px 10px 2px 0}
.note{padding:10px 14px;border-left:3px solid var(--ac);background:color-mix(in oklab,var(--bg),var(--ac) 8%);border-radius:6px}
mark{background:var(--hl);color:inherit;padding:0 3px;border-radius:3px}
section:target h2{color:var(--ac);text-decoration:underline}