:root{--fg:#1d1d1f;--muted:#6e6e73;--bg:#fbfaf7;--accent:#8a5a2b;--line:#e6e2da}
@media (prefers-color-scheme:dark){:root{--fg:#e8e6e3;--muted:#9a968f;--bg:#161514;--accent:#d29b62;--line:#2c2a27}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.65 Georgia,"Iowan Old Style",serif}
.wrap{max-width:680px;margin:0 auto;padding:48px 20px 80px}
header a{color:var(--fg);text-decoration:none}header h1{font-size:28px;margin:0}header p{color:var(--muted);margin:4px 0 40px;font-size:16px}
nav a{color:var(--muted);margin-right:16px;font:15px system-ui,sans-serif;text-decoration:none}
article{border-top:1px solid var(--line);padding:28px 0}article h2{margin:0 0 4px;font-size:22px}article h2 a{color:var(--fg);text-decoration:none}
time{color:var(--muted);font:14px system-ui,sans-serif}a{color:var(--accent)}
footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--muted);font:14px system-ui,sans-serif}
pre{background:rgba(127,127,127,.1);padding:12px;overflow-x:auto;font-size:14px}