:root{--fg:#222;--muted:#666;--link:#1a5fb4;--bg:#fff;--line:#e5e5e5}
@media(prefers-color-scheme:dark){:root{--fg:#ddd;--muted:#999;--link:#7fb0ff;--bg:#111;--line:#333}}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,"Times New Roman",serif;color:var(--fg);background:var(--bg)}
main{max-width:680px;margin:0 auto;padding:2.5rem 1.25rem 4rem}header{margin-bottom:2.5rem}
header h1{font-size:1.4rem;margin:0}header h1 a{color:var(--fg);text-decoration:none}nav a{margin-right:1rem;color:var(--muted);font-size:.95rem}
a{color:var(--link)}h2{font-size:1.25rem;margin:2rem 0 .4rem}time{color:var(--muted);font-size:.9rem}
ul.posts{list-style:none;padding:0}ul.posts li{padding:.6rem 0;border-bottom:1px solid var(--line)}
footer{margin-top:3rem;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:1rem}
pre{background:#f4f4f4;padding:.8rem;overflow:auto;font-size:.9rem}@media(prefers-color-scheme:dark){pre{background:#1c1c1c}}