:root {
  color-scheme: light;
  font-family: system-ui, sans-serif;
  line-height: 1.55;
  color: #172626;
  background: #f5f8f6;
}

* { box-sizing: border-box; }

body { margin: 0; }

header, main, footer { max-width: 54rem; margin: 0 auto; padding: 1.25rem; }

header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }

nav { display: flex; flex-wrap: wrap; gap: 1rem; }

main { background: white; border: 1px solid #d8e4dd; border-radius: .75rem; }

h1 { line-height: 1.2; }

h2 { margin-top: 2rem; }

a { color: #075f63; }

a:focus-visible { outline: 2px solid #075f63; outline-offset: 3px; }

footer { color: #48605c; font-size: .9rem; }