:root { color-scheme: light dark; --verde: #256b2b; }
body { font-family: system-ui, sans-serif; max-width: 42rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.6; overflow-wrap: anywhere; }
h1, h2 { color: var(--verde); line-height: 1.3; }
nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: 2rem; }
a { text-underline-offset: .15em; }
a:focus-visible { outline: 3px solid var(--verde); outline-offset: 4px; }
li + li { margin-top: .6rem; }
footer { margin-top: 3rem; font-size: .9rem; }
@media (prefers-color-scheme: dark) { :root { --verde: #9bd59f; } }