:root {
  color-scheme: light;
  color: #212820;
  background: #f6f5ef;
  font: 1rem/1.65 system-ui, sans-serif;
}

body { margin: 0; }

main {
  max-width: 42rem;
  margin: clamp(1rem, 5vw, 4rem) auto;
  padding: clamp(1.25rem, 5vw, 3rem);
  background: #fff;
  border-top: .35rem solid #35664b;
  border-radius: .4rem;
  overflow-wrap: anywhere;
}

h1, h2 { line-height: 1.18; }
h1 { margin: 0; font-size: clamp(1.85rem, 5vw, 3rem); }
h2 { margin: 1.7em 0 .5em; font-size: 1.2rem; }
p, ol { margin: .7em 0; }
ol { padding-left: 1.35rem; }
li + li { margin-top: .55rem; }
.eyebrow { margin: 0 0 .65rem; color: #325743; font-size: .9rem; font-weight: 650; }
.intro { font-size: 1.2rem; }
a { color: #27563d; text-underline-offset: .16em; }
footer { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #dadfd6; font-size: .9rem; }