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

* { box-sizing: border-box; }
body { margin: 0; }
header { background: #10131a; color: #fff; padding: 28px 20px; }
header div, main, footer { margin: 0 auto; max-width: 760px; }
h1, h2 { letter-spacing: 0; }
h1 { font-size: 32px; margin: 6px 0; }
h2 { font-size: 19px; margin: 28px 0 8px; }
p, li { font-size: 16px; line-height: 1.65; }
.eyebrow { color: #86e0cf; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.updated { color: #c4cad6; font-size: 14px; }
main { background: #fff; border: 1px solid #e3e7ef; border-radius: 8px; margin-bottom: 28px; margin-top: 28px; padding: 28px; }
a { color: #00735f; font-weight: 700; }
ul { padding-left: 22px; }
footer { color: #677084; padding: 0 20px 32px; }

@media (max-width: 640px) {
  h1 { font-size: 27px; }
  main { border-left: 0; border-radius: 0; border-right: 0; margin-top: 0; padding: 22px 20px; }
}