:root { --ink:#22252b; --soft:#6b7280; --paper:#f7f5f0; --line:#ddd8cc; --accent:#7a4b2a; }
* { box-sizing: border-box; }
html { font-size: 18px; }
body { margin:0; background:var(--paper); color:var(--ink);
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; line-height:1.65; }
.wrap { max-width: 38rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
header { border-bottom:1px solid var(--line); padding-bottom:1.25rem; margin-bottom:2rem; }
.site { font-size:1.6rem; margin:0; letter-spacing:.01em; }
.site a { color:inherit; text-decoration:none; }
.tag { color:var(--soft); margin:.25rem 0 0; font-style:italic; }
nav { margin-top:.9rem; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size:.8rem;
  text-transform:uppercase; letter-spacing:.08em; }
nav a { color:var(--soft); text-decoration:none; margin-right:1.1rem; }
nav a:hover, a:hover { color:var(--accent); }
a { color:var(--accent); }
h1 { font-size:1.45rem; line-height:1.3; margin:0 0 .25rem; }
h2 { font-size:1.15rem; margin:0; }
h2 a { text-decoration:none; color:var(--ink); }
.date { color:var(--soft); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size:.75rem;
  letter-spacing:.06em; text-transform:uppercase; margin:0 0 1rem; }
.entry { padding:1.1rem 0; border-bottom:1px solid var(--line); }
.entry p { margin:.35rem 0 0; color:#3b3f47; }
article p { margin:0 0 1.1rem; }
footer { margin-top:3rem; color:var(--soft); font-size:.8rem; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#e6e2d8; --soft:#9a958a; --paper:#17181b; --line:#2c2d31; --accent:#d6a273; }
  .entry p { color:#c3beb2; }
}