:root{--bg:#fbfaf7;--fg:#24221f;--muted:#6f6a62;--accent:#9a4d2e;--rule:#e6e1d8}
@media (prefers-color-scheme:dark){:root{--bg:#1b1a18;--fg:#e9e5de;--muted:#a19b91;--accent:#e08d64;--rule:#34312c}}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,"Iowan Old Style","Times New Roman",serif;line-height:1.65}
.wrap{max-width:40rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}
header.site{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:1rem;margin-bottom:2rem}
header.site a.brand{font-size:1.35rem;font-weight:bold;color:var(--fg);text-decoration:none}
nav a{margin-left:1.1rem;color:var(--muted);text-decoration:none;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9rem}
nav a:hover{color:var(--accent)}
a{color:var(--accent)}
h1{font-size:1.9rem;line-height:1.25;margin:.2rem 0 .4rem}
h2{font-size:1.25rem;margin-top:2rem}
.meta{color:var(--muted);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.85rem}
ul.posts{list-style:none;padding:0}
ul.posts li{padding:1rem 0;border-bottom:1px solid var(--rule)}
ul.posts li a{font-size:1.15rem;text-decoration:none}
ul.posts li p{margin:.3rem 0 0;color:var(--muted)}
blockquote{margin:1.5rem 0;padding-left:1rem;border-left:3px solid var(--rule);color:var(--muted)}
footer{margin-top:3.5rem;padding-top:1rem;border-top:1px solid var(--rule);color:var(--muted);font-size:.85rem;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}