:root { color-scheme: light; font: 16px/1.75 system-ui, sans-serif; color: #172e29; background: #fafbf9; }
body { max-width: 840px; margin: 0 auto; padding: 0 24px; }
header, footer { padding: 24px 0; }
header { border-bottom: 1px solid #dfe6df; }
nav { display: flex; flex-wrap: wrap; gap: 10px 22px; }
main { padding: 24px 0 40px; }
h1, h2, h3 { line-height: 1.3; }
h1 { font-size: clamp(28px, 6vw, 40px); }
h2 { margin-top: 32px; font-size: 23px; }
a { color: #17604d; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #17604d; outline-offset: 4px; }
footer { border-top: 1px solid #dfe6df; font-size: 14px; }
.note { padding: 16px 20px; background: #edf1e9; border-radius: 8px; }