:root {
  color-scheme: light;
  color: #20221f;
  background: #f7f5ef;
  font-family: Georgia, 'Times New Roman', serif;
}

* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 2rem, 46rem); margin: 0 auto; padding: 3rem 0; }
a { color: #285c49; text-underline-offset: 0.2em; }
a:hover { color: #1d4738; }
a:focus-visible { outline: 3px solid #d99b42; outline-offset: 4px; }
::selection { background: #b9ddce; color: #20221f; }
.brand { font: 700 1rem/1.5 ui-sans-serif, system-ui, sans-serif; text-decoration: none; }
h1 { margin: 3rem 0 2rem; font-size: clamp(2.6rem, 7vw, 4.9rem); font-weight: 500; letter-spacing: -0.035em; }
p, .license-text { max-width: 70ch; font: 1.05rem/1.75 Georgia, 'Times New Roman', serif; }
.license-text { white-space: pre-wrap; overflow-wrap: anywhere; }
nav { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #c9c7bf; font: 0.95rem/1.5 ui-sans-serif, system-ui, sans-serif; }
nav a { display: inline-flex; align-items: center; min-height: 2.75rem; }
nav a[aria-current] { font-weight: 700; }