:root {
  --bg: #fbfaf7;
  --fg: #26231f;
  --muted: #77706a;
  --line: #e6e1d8;
  --accent: #8a4b2a;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #1b1a18; --fg: #e9e5de; --muted: #a39b91; --line: #34312c; --accent: #d9935f; }
}
* { box-sizing: border-box; }
html { font-size: 17px; }
body {
  margin: 0; background: var(--bg); color: var(--fg);
  font: 1rem/1.65 Georgia, "Iowan Old Style", "Palatino Linotype", serif;
}
.wrap { max-width: 640px; margin: 0 auto; padding: 48px 20px 64px; }
header { display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
  border-bottom: 1px solid var(--line); padding-bottom: 14px; margin-bottom: 36px; flex-wrap: wrap; }
header a.home { color: var(--fg); text-decoration: none; font-size: 1.25rem; letter-spacing: .01em; }
nav a { color: var(--muted); text-decoration: none; margin-left: 18px; font-size: .9rem; }
nav a:first-child { margin-left: 0; }
nav a:hover, a:hover { color: var(--accent); }
a { color: var(--accent); }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 6px; font-weight: normal; }
h2 { font-size: 1.15rem; margin: 0 0 4px; font-weight: normal; }
.date { color: var(--muted); font-size: .85rem; font-family: ui-monospace, Menlo, Consolas, monospace; }
ul.posts { list-style: none; padding: 0; margin: 0; }
ul.posts li { padding: 16px 0; border-bottom: 1px solid var(--line); }
ul.posts li a { text-decoration: none; color: var(--fg); }
ul.posts p { margin: 6px 0 0; color: var(--muted); font-size: .95rem; }
article p { margin: 0 0 1.1em; }
blockquote { margin: 1.4em 0; padding-left: 16px; border-left: 3px solid var(--line); color: var(--muted); }
footer { margin-top: 56px; color: var(--muted); font-size: .85rem; border-top: 1px solid var(--line); padding-top: 14px; }