:root { --bg:#f7f6f2; --fg:#222; --muted:#666; --line:#e2dfd6; --accent:#8a4b2a; }
@media (prefers-color-scheme: dark) { :root { --bg:#1b1a18; --fg:#e8e6e1; --muted:#9a968d; --line:#33312c; --accent:#d69a72; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.65 Georgia, "Iowan Old Style", serif; }
.wrap { max-width: 40rem; margin: 0 auto; padding: 2.5rem 1rem 4rem; }
header { display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--line); padding-bottom:.75rem; margin-bottom:2rem; }
header a.home { font:600 1.25rem/1 system-ui, sans-serif; color:var(--fg); text-decoration:none; letter-spacing:.02em; }
nav a { font:.95rem system-ui, sans-serif; color:var(--muted); margin-left:1rem; text-decoration:none; }
nav a:hover, a { color:var(--accent); }
h1 { font:600 1.6rem/1.3 system-ui, sans-serif; margin:0 0 .25rem; }
h2 { font:600 1.15rem/1.4 system-ui, sans-serif; margin:2rem 0 .5rem; }
.date { color:var(--muted); font:.9rem system-ui, sans-serif; margin-bottom:1.5rem; }
ul.posts { list-style:none; padding:0; margin:0; }
ul.posts li { padding:.6rem 0; border-bottom:1px solid var(--line); display:flex; gap:1rem; }
ul.posts time { color:var(--muted); font:.9rem system-ui, sans-serif; white-space:nowrap; padding-top:.15rem; min-width:6.5rem; }
pre, code { font:.88rem/1.5 ui-monospace, "DejaVu Sans Mono", monospace; }
pre { background:rgba(127,127,127,.1); padding:.8rem 1rem; overflow-x:auto; border-radius:4px; }
footer { margin-top:3rem; color:var(--muted); font:.85rem system-ui, sans-serif; }