:root{color-scheme:light dark;--bg:#fff;--fg:#222;--mut:#777;--ln:#e5e5e5;--ac:#2a5db0}
@media(prefers-color-scheme:dark){:root{--bg:#161616;--fg:#ddd;--mut:#999;--ln:#2c2c2c;--ac:#7aa7e8}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.75 Georgia,'Times New Roman',serif}
.w{max-width:660px;margin:0 auto;padding:0 18px}
header{border-bottom:1px solid var(--ln);padding:28px 0 18px;margin-bottom:32px}
header a.t{font:600 1.25rem system-ui,sans-serif;color:var(--fg);text-decoration:none}
header p{margin:.2rem 0 0;color:var(--mut);font:.9rem system-ui,sans-serif}
nav{margin-top:10px;font:.9rem system-ui,sans-serif}nav a{margin-right:16px}
a{color:var(--ac)}h1{font:700 1.7rem/1.3 system-ui,sans-serif;margin:.2rem 0 .4rem}
.d{color:var(--mut);font:.85rem system-ui,sans-serif}
.l{list-style:none;padding:0}.l li{margin:0 0 26px}.l a.h{font:600 1.15rem system-ui,sans-serif;text-decoration:none}
footer{border-top:1px solid var(--ln);margin:48px 0 32px;padding-top:16px;color:var(--mut);font:.85rem system-ui,sans-serif}