:root {
  color-scheme: light;
  font: 16px/1.6 "Segoe UI", system-ui, sans-serif;
  background: #f4f7f5;
  color: #182a24;
}
body { margin: 0; }
header { background: #173a31; }
nav, main { max-width: 760px; margin: auto; padding-inline: 24px; }
nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-block: 16px; }
nav a { color: #dcf4e8; }
nav a:first-child { font-weight: 700; color: white; margin-right: auto; }
nav a[aria-current] { text-decoration-thickness: 2px; text-underline-offset: 4px; }
main { padding-block: 28px 48px; }
h1 { font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.12; margin: 12px 0 20px; }
h2 { font-size: 1.25rem; margin: 28px 0 6px; }
p { margin: 0 0 12px; }
a { color: #145f4b; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }