:root {
  --paper: #fbf8f0; --ink: #1b2f3d; --muted: #5e7079; --rule: #e4ddcc; --accent: #082c45; --mark: #e8c04e;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #000000; --ink: #e6e6e6; --muted: #8f8f8f; --rule: #262626; --accent: #f1dfa6; --mark: #b8963a; }
}
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0; padding: 0 1rem; background: var(--paper); color: var(--ink);
  font-family: "EB Garamond", "Iowan Old Style", Palatino, Georgia, serif;
  font-size: clamp(1.125rem, 1rem + 0.45vw, 1.3rem); line-height: 1.65;
}
.site-header, main, .site-footer { max-width: 34rem; margin-inline: auto; }
.site-header { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; align-items: baseline; justify-content: space-between; padding: 2rem 0 2.5rem; }
.wordmark { font-weight: 700; color: var(--ink); text-decoration: none; }
nav { display: flex; gap: 1.25rem; }
nav a { color: var(--muted); text-decoration: none; font-variant-caps: all-small-caps; letter-spacing: .08em; }
nav a[aria-current], nav a:hover { color: var(--ink); }
h1 { font-size: clamp(1.9rem, 1.4rem + 2.4vw, 2.7rem); line-height: 1.1; margin: 0 0 1.5rem; text-wrap: balance; }
h2, h3 { line-height: 1.25; margin: 2em 0 .5em; }
a { color: var(--accent); text-decoration-color: var(--mark); text-underline-offset: .18em; }
img { display: block; max-width: 100%; height: auto; margin: 1.5em auto; }
main > p:first-child img { max-width: 18rem; }
code { font-size: .88em; }
li + li { margin-top: .25em; }
.site-footer { margin-top: 5rem; padding: 2rem 0 4rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: .85em; }
.site-footer a { color: inherit; }