:root{--fg:#222;--muted:#888;--link:#2a5db0;--bg:#fdfcf9;--line:#e6e2da}
@media (prefers-color-scheme:dark){:root{--fg:#ddd;--muted:#999;--link:#7aa7ff;--bg:#16171a;--line:#2a2c31}}
*{box-sizing:border-box}
body{font-family:Georgia,"Times New Roman",serif;max-width:700px;margin:0 auto;padding:40px 16px;color:var(--fg);background:var(--bg);line-height:1.65}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:32px;flex-wrap:wrap;gap:8px}
header a.logo{font-size:1.3em;color:var(--fg);text-decoration:none}
nav a{margin-left:16px;font-size:.95em}
a{color:var(--link)}
h1,h2{font-weight:normal;line-height:1.3}
.date{color:var(--muted);font-size:.9em;margin-top:-8px}
.post{margin-bottom:36px}
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:12px;color:var(--muted);font-size:.85em}