:root{--bg:#fafaf7;--fg:#222;--muted:#777;--line:#e6e4dd}
@media (prefers-color-scheme:dark){:root{--bg:#16181b;--fg:#e8e6e1;--muted:#9a9a9a;--line:#2a2d31}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
header,main,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:56px;padding-bottom:24px;border-bottom:1px solid var(--line)}
h1{font-weight:normal;letter-spacing:.02em;margin:0 0 6px}
.tag{color:var(--muted);margin:0 0 14px}
nav a{color:var(--fg);margin-right:18px;text-decoration:none;border-bottom:1px solid var(--line)}
article{padding:36px 0;border-bottom:1px solid var(--line)}
.ph{height:260px;border-radius:4px;margin-bottom:18px}
time{color:var(--muted);font-size:14px;font-family:system-ui,sans-serif}
h2{font-weight:normal;margin:6px 0 10px}
footer{color:var(--muted);font-size:14px;padding:32px 20px 48px}