:root { --bg:#fdfcfa; --fg:#222; --muted:#777; --link:#1d5fa8; --rule:#e6e2dc; }
@media (prefers-color-scheme: dark) { :root { --bg:#17181a; --fg:#e4e2de; --muted:#999; --link:#8ab8f0; --rule:#333; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:18px/1.6 Charter, "Iowan Old Style", Georgia, serif; }
header.site, main, footer.site { max-width:42rem; margin:0 auto; padding:0 1rem; }
header.site { padding-top:2rem; padding-bottom:1rem; border-bottom:1px solid var(--rule); font-family:system-ui, sans-serif; }
header.site a { font-size:1.4rem; font-weight:700; color:var(--fg); text-decoration:none; }
header.site span { display:block; color:var(--muted); font-size:.95rem; }
footer.site { color:var(--muted); font:.85rem system-ui, sans-serif; padding:3rem 1rem; }
a { color:var(--link); }
h1 { line-height:1.25; margin:2rem 0 .3rem; }
.meta, .count, time, small { color:var(--muted); font-family:system-ui, sans-serif; font-size:.85rem; }
img { max-width:100%; height:auto; border-radius:3px; }
iframe, embed, object, video { max-width:100%; }
blockquote { margin:1rem 0; padding-left:1rem; border-left:3px solid var(--rule); color:var(--muted); }
hr { border:0; border-top:1px solid var(--rule); margin:2.5rem 0 1rem; }
details { border-bottom:1px solid var(--rule); padding:.4rem 0; }
summary { cursor:pointer; font:600 1.1rem system-ui, sans-serif; }
ul.toc { list-style:none; padding:0; margin:.5rem 0 1rem; }
ul.toc li { padding:.15rem 0; }
ul.toc time { display:inline-block; min-width:3.2rem; }
nav.pages a { margin-right:1rem; font-family:system-ui, sans-serif; }
nav.prevnext { display:flex; justify-content:space-between; gap:1rem; border-top:1px solid var(--rule); margin-top:2rem; padding-top:1rem; font:.95rem system-ui, sans-serif; }
p.tags a { display:inline-block; margin:.2rem .6rem .2rem 0; }
em.missing { color:var(--muted); font:italic .85rem system-ui, sans-serif; }