body { margin: 0; background: var(--color-background); color: var(--color-text-primary); font: 1rem/1.7 system-ui, sans-serif; }
main { max-width: 48rem; padding: clamp(1.25rem, 4vw, 3rem); margin: auto; }
header { font: bold 1.5rem Georgia, serif; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0 2.5rem; }
a { color: var(--color-accent-text); text-underline-offset: .2em; }
a[aria-current] { font-weight: bold; }
h1 { font: bold clamp(1.6rem, 4vw, 2.2rem)/1.25 Georgia, serif; }
p { margin: 1.25rem 0; }
:focus-visible { outline: 3px solid var(--color-focus-ring); outline-offset: 4px; }