:root {
  color-scheme: light dark;
  font: 17px/1.65 system-ui, sans-serif;
}
body { max-width: 44rem; margin: 0 auto; padding: 2rem 1.25rem; }
header, footer { padding-block: 1rem; }
header { border-bottom: 1px solid color-mix(in srgb, currentColor 25%, transparent); }
footer { margin-top: 2.5rem; border-top: 1px solid color-mix(in srgb, currentColor 25%, transparent); font-size: 0.9rem; }
nav { display: flex; flex-wrap: wrap; gap: 0.25rem 1.1rem; }
h1, h2 { line-height: 1.2; }
h1 { margin-top: 1.75rem; }
h2 { margin-top: 1.5rem; font-size: 1.15rem; }
a { text-underline-offset: 0.16em; }