:root{color-scheme:light dark;--bg:#faf8f4;--fg:#1d1b18;--muted:#6a645b;--line:#e2ddd3;--accent:#8a4b16}
@media (prefers-color-scheme:dark){:root{--bg:#141210;--fg:#ece7de;--muted:#a59d90;--line:#2e2a25;--accent:#e0a467}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.75 system-ui,"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif}
main{max-width:46rem;margin:0 auto;padding:2.5rem 1rem 4rem}h1{font-size:1.6rem;line-height:1.3;margin:0 0 .25rem}
.updated{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem}.lead{margin:0 0 1.5rem}
section{border-top:1px solid var(--line);padding-top:.75rem;margin-top:1.25rem}h2{font-size:1.1rem;margin:0 0 .5rem}
ul{padding-left:1.25rem;margin:.25rem 0}li{margin:.3rem 0}li ul{margin-top:.2rem}li ul li{color:var(--muted)}
nav{margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1rem}a{color:var(--accent)}