:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #18352b;
  background: #f6f8f2;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
main { width: min(760px, calc(100% - 32px)); margin: 56px auto; }
header { margin-bottom: 40px; }
h1, h2 { line-height: 1.2; color: #123e31; }
h1 { font-size: clamp(2.2rem, 8vw, 3.8rem); margin-bottom: 8px; }
h2 { margin-top: 36px; }
a { color: #0d7456; }
.eyebrow { color: #0d7456; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.card { padding: 24px; margin: 24px 0; border: 1px solid #dce6dc; border-radius: 20px; background: #fff; }
nav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
footer { margin-top: 56px; padding-top: 24px; border-top: 1px solid #dce6dc; color: #53645d; }