:root {
    --bg: #fbfaf7; --fg: #1f1d1a; --muted: #6b665e; --line: #e6e1d8; --accent: #b4532a;
    --font: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
    --sans: system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
    :root { --bg: #171614; --fg: #ece8e1; --muted: #a29c92; --line: #2e2b27; --accent: #e08a5c; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 18px/1.7 var(--font); }
a { color: var(--accent); }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px; }
.site-header { border-bottom: 1px solid var(--line); font-family: var(--sans); }
.site-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 18px; }
.brand { font-weight: 700; font-size: 1.15rem; color: var(--fg); text-decoration: none; }
.brand span { color: var(--accent); }
nav a { margin-left: 18px; color: var(--muted); text-decoration: none; font-size: .95rem; }
nav a:hover { color: var(--fg); }
main { padding-block: 48px; min-height: 60vh; }
h1, h2 { line-height: 1.25; }
h1 { font-size: 2.3rem; margin: 0 0 .4em; }
.hero { margin-bottom: 48px; }
.section-title { font-family: var(--sans); font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.post-list { list-style: none; padding: 0; margin: 0; }
.post-card { border-top: 1px solid var(--line); }
.post-card a { display: block; padding: 22px 0; color: inherit; text-decoration: none; }
.post-card h2 { margin: 0 0 6px; font-size: 1.35rem; }
.post-card a:hover h2 { color: var(--accent); }
.post-card p { margin: 0; color: var(--muted); }
.page-head time { font-family: var(--sans); color: var(--muted); font-size: .9rem; }
.lead { font-size: 1.15rem; color: var(--muted); }
.cover { margin: 0 0 32px; }
.cover img { width: 100%; height: auto; border-radius: 6px; display: block; }
.prose img { max-width: 100%; height: auto; }
.prose pre { overflow-x: auto; background: var(--line); padding: 14px; border-radius: 6px; font-size: .85rem; }
.muted { color: var(--muted); }
.site-footer { border-top: 1px solid var(--line); font: .85rem var(--sans); color: var(--muted); }
.post-card time { font: .8rem var(--sans); color: var(--muted); }