:root { color-scheme: light dark; }
body { max-width: 40em; margin: 3em auto; padding: 0 1em; font: 16px/1.6 -apple-system, system-ui, sans-serif; color: #222; background: #fdfdfd; }
@media (prefers-color-scheme: dark) { body { color: #ddd; background: #191919; } }
header { margin-bottom: 2.5em; }
h1 { font-size: 1.2em; margin: 0 0 .3em; }
nav { font-size: .9em; opacity: .7; }
nav a { color: inherit; }
section { margin-bottom: 2em; }
h2 { font-size: 1.05em; margin: 0 0 .5em; }
p { margin: 0; opacity: .85; }
ul { margin: .3em 0 0; padding-left: 1.2em; opacity: .85; }
li { margin-bottom: .2em; }
footer { margin-top: 3em; font-size: .8em; opacity: .5; }