:root { --ink:#1d232a; --muted:#5b6672; --accent:#b3661f; --bg:#fdfcf9; --line:#e4dfd6; }
@media (prefers-color-scheme: dark) { :root { --ink:#e6e3da; --muted:#98a1ac; --accent:#e0a458; --bg:#101418; --line:#2a323c; } }
* { box-sizing: border-box; }
body { font: 1.02rem/1.65 Charter, Georgia, serif; color: var(--ink); background: var(--bg); margin: 0; padding: 1.5rem; }
main { max-width: 42rem; margin: 2rem auto 4rem; }
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 .25rem; }
h2 { font-size: 1.05rem; margin: 2rem 0 .5rem; }
.meta { color: var(--muted); font-size: .9rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
a { color: var(--accent); }
nav { font-size: .85rem; margin-bottom: 2.5rem; }
nav a { margin-right: 1rem; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }