:root {
  color-scheme: light;
  --ink: #283128;
  --ground: #bfc6b9;
  --stone: #ded7c8;
  --clay: #d4b8a3;
  --ochre: #d7b957;
  --milk: #f0e9da;
  --leaf: #a8b49d;
  --edge: #646d5d;
  font-family: "Gill Sans", "Trebuchet MS", "Segoe UI", sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--ground);
}

* { box-sizing: border-box; }
html { scroll-padding-block-start: 1.5rem; }
body { margin: 0; min-width: 0; }
main, article, section, header, footer, nav, div { min-width: 0; }
h1, h2, h3 {
  font-family: Baskerville, "Palatino Linotype", Palatino, Georgia, serif;
  font-weight: 500;
  line-height: 1.12;
  text-wrap: balance;
}
h1 { margin: .25em 0 .5em; font-size: clamp(2.6rem, 5.3vw, 4.6rem); letter-spacing: -.026em; max-width: 19ch; }
h1 em { font-weight: inherit; }
h2 { margin-block: 0 1em; font-size: clamp(1.9rem, 3.1vw, 2.75rem); max-width: 28ch; }
h3 { font-size: 1.45rem; }
p { margin-block: 0 1em; }
p, li, dd, dt, figcaption, a, summary, button, select, label, footer { font-size: 1rem; }
a { color: inherit; text-decoration-thickness: .075em; text-underline-offset: .21em; }
a:hover { text-decoration-thickness: .14em; }
a:focus-visible, summary:focus-visible, button:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 5px;
}
ul { padding-inline-start: 1.3rem; }
li { padding-inline-start: .15rem; margin-block: .7rem; }
strong { font-weight: 600; }
button, select { font: inherit; }
img { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
::selection { color: var(--ink); background: var(--ochre); }

@media (max-width: 600px) {
  :root { font-size: 18px; }
  h1 { font-size: clamp(2.45rem, 10.3vw, 3.3rem); }
  h2 { font-size: 2rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

@media print {
  :root { font-size: 12pt; color: #202620; background: white; }
  [data-masthead], [data-skip], [data-jump], [data-path], [data-page-turn], [data-pill], figure, footer nav { display: none !important; }
  article > section, [data-opener], footer { padding: 1rem 0 !important; background: transparent !important; }
  h1 { font-size: 30pt; }
  h2 { font-size: 22pt; break-after: avoid; }
  p, li { orphans: 3; widows: 3; }
}