:root{--paper:#f6f1e7;--ink:#26221c;--muted:#6f675a;--line:#d9cfbd;--accent:#a4452c;--card:#fbf8f1}
@media (prefers-color-scheme:dark){:root{--paper:#1b1916;--ink:#ece6d9;--muted:#a59c8c;--line:#37322a;--accent:#d9775a;--card:#23201b}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Georgia,"Iowan Old Style","Times New Roman",serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);padding:26px 0 18px}
header .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px}
.brand{font-size:24px;color:var(--ink);letter-spacing:.01em}
nav a{margin-left:18px;font:15px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}nav a:first-child{margin-left:0}
main{padding:40px 0 56px}
h1{font-size:36px;line-height:1.2;font-weight:normal;margin:0 0 14px}
h2{font-size:22px;font-weight:normal;margin:36px 0 8px}
.lede{color:var(--muted);font-size:20px;margin:0 0 34px}
.post{display:block;padding:20px 22px;margin:0 0 14px;background:var(--card);border:1px solid var(--line);border-radius:4px;color:inherit}
.post:hover{text-decoration:none;border-color:var(--accent)}
.post h2{margin:0 0 4px;color:var(--ink)}.post p{margin:0;color:var(--muted);font-size:16px}
.meta{font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted);margin:0 0 26px}
footer{border-top:1px solid var(--line);padding:22px 0 36px;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--muted)}