:root { color-scheme: light dark; }
body { margin: 0; font-family: system-ui, sans-serif; color: #24342e; background: #f8f7f2; line-height: 1.65; }
main { max-width: 48rem; margin: 3rem auto; padding: 0 1.25rem; }
h1,h2 { line-height: 1.25; text-wrap: balance; } h2 { margin-top: 2rem; }
a { color: #235944; text-underline-offset: .2em; } li { margin-block: .65rem; }
code { overflow-wrap: anywhere; }
@media (prefers-color-scheme: dark) { body { color: #e7eee9; background: #18221e; } a { color: #9bd6b7; } }