:root { color-scheme: light dark; --bg:#fbfaf7; --fg:#23201c; --muted:#6d6459; --line:#e2dcd2; --link:#7a5230; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#17150f; --fg:#e6e0d4; --muted:#9a8f7f; --line:#332e25; --link:#c9a271; }
}
* { box-sizing: border-box; }
body {
  margin:0; background:var(--bg); color:var(--fg);
  font: 16px/1.7 Georgia, "Iowan Old Style", "Times New Roman", serif;
}
.wrap { max-width: 42rem; margin: 0 auto; padding: 3rem 1.25rem 4rem; }
header { border-bottom: 1px solid var(--line); padding-bottom: 1.25rem; margin-bottom: 2rem; }
h1 { font-size: 1.6rem; margin: 0 0 .35rem; letter-spacing: .01em; }
h2 { font-size: 1.15rem; margin: 2rem 0 .6rem; }
.tag { color: var(--muted); font-size: .9rem; font-style: italic; margin: 0; }
nav { margin-top: 1rem; font-size: .95rem; }
nav a { margin-right: 1.1rem; }
a { color: var(--link); text-decoration: none; border-bottom: 1px solid transparent; }
a:hover { border-bottom-color: var(--link); }
p { margin: 0 0 1rem; }
ul { padding-left: 1.2rem; }
li { margin-bottom: .5rem; }
blockquote { margin: 1.5rem 0; padding-left: 1rem; border-left: 3px solid var(--line); color: var(--muted); font-style: italic; }
footer { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }