:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #171717;
  background: #f7f6f2;
}
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
a { color: #1457c9; text-underline-offset: 0.15em; }
header, main, footer { width: min(46rem, calc(100% - 2rem)); margin-inline: auto; }
header { padding: 1.25rem 0 1rem; border-bottom: 1px solid #d9d6cf; }
.brand { color: inherit; font-weight: 750; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin-top: 0.75rem; font-size: 0.9rem; }
main { padding: 2rem 0 3rem; }
h1 { margin: 0 0 0.35rem; font-size: clamp(1.8rem, 5vw, 2.5rem); line-height: 1.15; }
h2 { margin: 2rem 0 0.5rem; font-size: 1.15rem; line-height: 1.35; }
p, li { max-width: 70ch; }
ul, ol { padding-left: 1.35rem; }
.updated, .lede, .note { color: #555; }
.lede { font-size: 1.05rem; }
.card { margin: 1.25rem 0; padding: 1rem 1.1rem; border: 1px solid #d9d6cf; border-radius: 0.75rem; background: #fff; }
.address { font-style: normal; }
footer { padding: 1.25rem 0 2.5rem; border-top: 1px solid #d9d6cf; color: #666; font-size: 0.85rem; }
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; color: #f2f2f2; background: #151515; }
  header, footer { border-color: #3b3b3b; }
  .updated, .lede, .note, footer { color: #b8b8b8; }
  .card { border-color: #3b3b3b; background: #202020; }
  a { color: #8ab4ff; }
}