:root{--bg:#fbfaf7;--fg:#1d1d1b;--dim:#6b6a65;--line:#e4e1d8;--accent:#b4441f}
@media (prefers-color-scheme:dark){:root{--bg:#161614;--fg:#ecebe6;--dim:#a3a19a;--line:#33322e;--accent:#f08a5d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.65 Georgia,"Iowan Old Style",serif}
a{color:var(--accent)}
header,main,footer{max-width:42rem;margin:0 auto;padding:0 16px}
header{display:flex;align-items:center;gap:14px;padding-top:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}
header img{width:64px;height:auto;border-radius:6px}
header a{color:inherit;text-decoration:none}
.site{font:700 1.3rem/1.2 system-ui,sans-serif;margin:0}
.tagline{color:var(--dim);font:0.9rem/1.4 system-ui,sans-serif;margin:2px 0 0}
h1{font:700 2rem/1.2 system-ui,sans-serif;margin:32px 0 6px}
h2{font:700 1.3rem/1.3 system-ui,sans-serif;margin:36px 0 8px}
.date{color:var(--dim);font:0.85rem system-ui,sans-serif;margin:0}
figure{margin:28px 0}
figure img{width:100%;height:auto;border-radius:6px;display:block}
figcaption{color:var(--dim);font:0.8rem/1.4 system-ui,sans-serif;margin-top:6px}
code{font-size:0.9em}
.list{list-style:none;padding:0;margin:24px 0}
.list li{padding:18px 0;border-bottom:1px solid var(--line)}
.list a{font:700 1.2rem/1.3 system-ui,sans-serif;text-decoration:none;color:var(--fg)}
.list p{margin:6px 0 0;color:var(--dim);font-size:0.95rem}
footer{color:var(--dim);font:0.8rem system-ui,sans-serif;padding-top:24px;padding-bottom:40px;border-top:1px solid var(--line);margin-top:48px}