:root { color-scheme: light; font: 17px/1.65 system-ui, sans-serif; color: #203137; background: #f4f7f6; }
body { max-width: 740px; margin: auto; padding: 36px 22px 64px; }
header, footer { padding: 18px 0; }
nav { display: flex; gap: 22px; flex-wrap: wrap; }
a { color: #145f52; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid #145f52; outline-offset: 4px; }
main { background: white; border: 1px solid #dce5e1; border-radius: 12px; padding: clamp(20px, 5vw, 40px); }
h1 { font-size: 2rem; line-height: 1.2; margin-top: 0; }
h2 { font-size: 1.2rem; margin-top: 30px; }
footer { font-size: .9rem; }