:root{--fg:#1d1d1f;--muted:#6b6b70;--bg:#fbfaf7;--accent:#2f6b4f;--line:#e4e1da}
@media (prefers-color-scheme:dark){:root{--fg:#e8e6e1;--muted:#9a9890;--bg:#18191a;--accent:#7cc19d;--line:#2c2d2f}}
*{box-sizing:border-box}body{margin:0 auto;max-width:44rem;padding:1.5rem 1rem 3rem;font:17px/1.65 Georgia,serif;color:var(--fg);background:var(--bg)}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;border-bottom:1px solid var(--line);padding-bottom:.75rem;margin-bottom:2rem}
a{color:var(--accent)}.brand{font-weight:bold;text-decoration:none;font-size:1.15rem}nav a{margin-left:1rem;font-size:.95rem}
h1{font-size:1.6rem;line-height:1.25}h2{font-size:1.2rem;margin-bottom:.2rem}.date{color:var(--muted);font-size:.9rem}
ul.posts{list-style:none;padding:0}ul.posts li{margin-bottom:1.6rem}code{font-size:.9em;background:var(--line);padding:0 .25em;border-radius:3px}
footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:.75rem;color:var(--muted);font-size:.85rem}