:root { --bg:#f6f3ee; --ink:#231f1a; --muted:#6d655c; --line:#e2dbd0; --accent:#8a5a2b; }
@media (prefers-color-scheme: dark) { :root { --bg:#1b1916; --ink:#e9e3d9; --muted:#9a9186; --line:#34302a; --accent:#d0a066; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:18px/1.8 "Iowan Old Style", Palatino, "Songti SC", "Noto Serif SC", serif; }
a { color:var(--accent); text-decoration:none; border-bottom:1px solid transparent; }
a:hover { border-bottom-color:var(--accent); }
header.site { max-width:680px; margin:0 auto; padding:40px 24px 0; display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; }
header.site .brand { font-size:20px; letter-spacing:.04em; color:var(--ink); }
header.site nav a { margin-left:20px; font-size:15px; color:var(--muted); }
main { max-width:680px; margin:0 auto; padding:48px 24px 96px; }
.meta { color:var(--muted); font-size:14px; letter-spacing:.04em; }
h1 { font-weight:500; font-size:38px; line-height:1.25; margin:6px 0 12px; }
h2 { font-weight:500; font-size:22px; margin:0 0 4px; }
.post-list article { padding:22px 0; border-top:1px solid var(--line); }
.post-list article:first-child { border-top:0; }
.post-list p { margin:6px 0 0; color:var(--muted); font-size:16px; }
.prose p { margin:0 0 1.2em; }
.prose blockquote { margin:1.6em 0; padding-left:1em; border-left:3px solid var(--line); color:var(--muted); }
footer { max-width:680px; margin:0 auto; padding:0 24px 56px; color:var(--muted); font-size:14px; }