:root { color-scheme: light; font-family: system-ui, sans-serif; color: #18242b; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 820px; margin: 0 auto; padding: 36px 22px 64px; }
nav { padding-bottom: 18px; border-bottom: 1px solid #d4dce0; }
h1 { font-size: 28px; line-height: 1.25; margin: 28px 0 16px; }
h2 { font-size: 20px; line-height: 1.4; margin: 28px 0 8px; }
p, li { font-size: 16px; line-height: 1.65; overflow-wrap: anywhere; }
a { color: #006c79; }
footer { margin-top: 36px; padding-top: 18px; border-top: 1px solid #d4dce0; }
@media (max-width: 420px) { main { padding: 24px 18px 44px; } h1 { font-size: 25px; } }