:root {
  color-scheme: light;
  background: #f6f6f7;
  color: #111827;
}

body {
  background: #f6f6f7;
  color: #111827;
}

a {
  color: inherit;
}

.hero,
.section,
.faq {
  background: #f6f6f7;
  border-bottom: 0;
  border-top: 1px solid #d9e0dd;
}

.hero {
  border-top: 0;
  padding-bottom: 48px;
  padding-top: 72px;
}

.content {
  background: #f6f6f7;
}

.eyebrow,
.fact-list dt,
.point-list li::marker {
  color: #008060;
}

.point-list li::before {
  background: #008060;
}

h1,
h2,
h3,
main summary {
  color: #111827;
  letter-spacing: 0;
}

p,
li,
dd,
.lead,
.action-note,
article p,
main details p,
.toc a {
  color: #4b5563;
}

.lead {
  max-width: 820px;
}

.button {
  background: #008060;
  box-shadow: 0 10px 24px rgba(0, 128, 96, 0.22);
  color: #ffffff;
}

.button:hover {
  background: #006e52;
}

.ghost {
  background: #ffffff;
  border: 1px solid #d9e0dd;
  color: #111827;
}

.panel,
.card,
.toc,
article,
main details,
.check-grid li {
  background: #ffffff;
  border: 1px solid #d9e0dd;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.fact-list div {
  border-bottom-color: #d9e0dd;
}

.card img,
.final-image {
  background: #f6f6f7;
  border-color: #d9e0dd;
}

.site-footer article,
.site-footer .panel,
.site-footer .card,
.site-footer details {
  box-shadow: none;
}

main > article {
  max-width: 820px;
}

main > article .eyebrow {
  color: #008060;
}

main > article h1,
main > article h2 {
  color: #111827;
}

main > article p {
  color: #4b5563;
}