:root { color-scheme: light; font-family: system-ui, sans-serif; color: #252525; background: #f7f5f2; }
body { margin: 0; }
main, article { box-sizing: border-box; max-width: 52rem; margin: 4rem auto; padding: 2rem; background: #fff; border-radius: .5rem; }
h1, h2 { color: #00645f; }
nav { display: grid; gap: .75rem; margin-top: 2rem; }
a { color: #005b57; }
li { margin: .4rem 0; }
@media (max-width: 42rem) { main, article { margin: 1rem; padding: 1.25rem; } }