:root {
    --ink: #1c1a17; --dim: #6b645b; --bg: #f6f2ea; --rule: #ddd4c6; --accent: #7a5c3e;
  }
  @media (prefers-color-scheme: dark) {
    :root { --ink: #e6e0d6; --dim: #9a9184; --bg: #16150f; --rule: #322e26; --accent: #c9a678; }
  }
  * { box-sizing: border-box; }
  body {
    margin: 0; background: var(--bg); color: var(--ink);
    font: 400 1.125rem/1.72 "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
    hyphens: auto;
  }
  main { max-width: 34em; margin: 0 auto; padding: 4.5rem 1.5rem 7rem; }
  header { margin-bottom: 3.5rem; }
  .eyebrow {
    font: 500 .72rem/1.4 ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    letter-spacing: .18em; text-transform: uppercase; color: var(--dim); margin: 0 0 1rem;
  }
  h1 { font-size: 2.6rem; line-height: 1.1; margin: 0 0 .6rem; letter-spacing: -.01em; }
  .byline { color: var(--dim); font-style: italic; margin: 0; }
  header::after {
    content: ""; display: block; width: 3.5rem; height: 2px;
    background: var(--accent); margin-top: 2.25rem;
  }
  h2 {
    font: 500 .78rem/1.4 ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    letter-spacing: .16em; text-transform: uppercase; color: var(--dim);
    margin: 3.25rem 0 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--rule);
  }
  p { margin: 0 0 1.35rem; text-align: justify; }
  h2 + p::first-letter, header + p::first-letter { font-size: 1.05em; }
  code {
    font: 500 .88em/1.5 ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    border: 1px solid var(--rule); border-radius: 3px; padding: .12em .4em;
    letter-spacing: .02em; white-space: nowrap;
  }
  em { font-style: italic; }