:root{--ink:#16202a;--soft:#5d6b78;--line:#e5e4de;--bg:#f7f6f2;--code:#eeede8;--accent:#0b6e78}
@media(prefers-color-scheme:dark){:root{--ink:#eef1f3;--soft:#9aa7b2;--line:#2b343c;--bg:#12181d;--code:#1f282f;--accent:#58c4cf}}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}
h1{font:400 34px/1.15 Georgia,"Times New Roman",serif;margin:0 0 12px}
h2{font-size:20px;margin:32px 0 8px}
h3{font-size:16px;margin:20px 0 6px}
a{color:var(--accent)}
code{background:var(--code);padding:1px 5px;border-radius:5px;font-size:.88em;overflow-wrap:anywhere}
pre{background:var(--code);padding:12px 14px;border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.45}
pre code{background:none;padding:0;overflow-wrap:normal}
.soft{color:var(--soft)}