:root { color-scheme: light; background: #faf7f2; color: #1d3a57; font: 1rem/1.65 system-ui, sans-serif; }
body { max-width: 46rem; margin: auto; padding: 1.5rem clamp(1rem, 4vw, 2.5rem) 4rem; }
header { border-bottom: 1px solid #c2cbd4; margin-bottom: 2rem; }
h1, h2 { font-family: Georgia, serif; line-height: 1.2; }
h1 { font-size: clamp(2rem, 5vw, 3rem); }
h2 { margin-top: 1.75em; }
a { color: #334d94; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: .2em; }
li + li { margin-top: .65em; }
li p { margin: .25em 0 1em; }
aside { border-inline-start: 3px solid #627795; padding-inline-start: 1rem; }
footer { border-top: 1px solid #c2cbd4; margin-top: 2rem; padding-top: 1rem; }