:root { color-scheme: light; font-family: system-ui, sans-serif; color: #17261e; background: #f6f5ef; }
* { box-sizing: border-box; }
body { margin: 0; border-top: 8px solid #124b36; }
main { max-width: 820px; margin: auto; padding: 44px 24px 64px; }
h1 { font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: 1.18; color: #124b36; }
h2 { font-size: 1.35rem; line-height: 1.3; margin-top: 2.2em; }
p { font-size: 1rem; line-height: 1.7; overflow-wrap: anywhere; }
main > p:first-of-type { padding: 20px; background: #eaf5c0; border-radius: 16px; }
a { color: #12583d; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #12583d; outline-offset: 4px; }
code { font-size: .9em; }
footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #bdcbbf; line-height: 1.6; }
@media print { body { background: white; border: 0; } main { max-width: none; padding: 0; } }