:root{--bg:#f7f5f0;--fg:#23221f;--muted:#6f6b62;--line:#e2ddd2;--accent:#2f6b4f}
@media (prefers-color-scheme:dark){:root{--bg:#1b1c1a;--fg:#e8e6e1;--muted:#a19d93;--line:#34352f;--accent:#7cc19d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"PT Serif",serif}
.wrap{max-width:680px;margin:0 auto;padding:40px 18px 64px}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:36px}
header a{color:var(--fg);text-decoration:none}
.logo{font-size:22px;font-weight:bold;letter-spacing:.3px}
nav a{margin-left:18px;font:15px/1 system-ui,sans-serif;color:var(--muted)}
nav a:hover,a{color:var(--accent)}
article{margin-bottom:42px}
article h2{margin:0 0 4px;font-size:23px}
.meta{font:13px/1.4 system-ui,sans-serif;color:var(--muted);margin-bottom:12px}
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:14px;font:13px/1.5 system-ui,sans-serif;color:var(--muted)}