:root{color-scheme:light dark;--bg:#fff;--fg:#1c1e21;--mut:#666;--ac:#2a6df4;--bd:#e3e5e8;--code:#f4f5f7}
@media(prefers-color-scheme:dark){:root{--bg:#15171a;--fg:#dcdee1;--mut:#9aa0a6;--ac:#7aa7ff;--bd:#2c2f34;--code:#1f2226}}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:46rem;margin:0 auto;padding:1.2rem 1rem 4rem}
a{color:var(--ac)} img{max-width:100%;height:auto;border-radius:6px}
nav.top{border-bottom:1px solid var(--bd);padding:.6rem 1rem;font-size:.9rem;display:flex;gap:1rem;flex-wrap:wrap}
nav.pn{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--bd);margin-top:2.5rem;padding-top:1rem;font-size:.95rem}
blockquote{margin:1rem 0;padding:.1rem 1rem;border-left:4px solid var(--bd);color:var(--mut)}
table{border-collapse:collapse;display:block;overflow-x:auto} td,th{border:1px solid var(--bd);padding:.35rem .6rem}
code,pre{background:var(--code);border-radius:4px} code{padding:.1rem .3rem} pre{padding:.8rem;overflow-x:auto}
h1,h2,h3{line-height:1.25} ul.l{list-style:none;padding:0} ul.l li{margin:.25rem 0}
.src{color:var(--mut);font-size:.85rem;margin-top:2rem}