:root {
  color-scheme: dark;
  background: #111815;
  color: #f3ead7;
  font: 1rem/1.65 system-ui, sans-serif;
}
body { margin: 0; }
main { max-width: 69ch; margin: 0 auto; padding: 2.5rem 1.25rem; overflow-wrap: anywhere; }
h1 { font: 400 clamp(2rem, 6vw, 3rem)/1.12 Georgia, serif; margin: 1.5rem 0; }
h2 { font-size: 1.2rem; line-height: 1.4; margin-top: 2rem; }
address { font-style: normal; }
nav { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
footer, nav { padding-block: .75rem; font-size: .86rem; }
nav { border-bottom: 1px solid #ded8bd28; }
footer { margin-top: 2.5rem; border-top: 1px solid #ded8bd28; }
a { color: #f6bc76; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid #f6bc76; outline-offset: .2rem; }
.draft { padding: .75rem 1rem; border: 1px solid #8c6340; border-radius: .25rem; }
.draft p { margin: .35rem 0 0; }