/* Readable treatment for long-form legal and disclosure pages. */
body {
  background: #f5f7f4;
  color: #111611;
  font-size: 18px;
  line-height: 1.7;
}

.site-header {
  background: rgba(5, 7, 5, .96);
  border-bottom-color: rgba(255,255,255,.14);
}

.brand-name { color: #f7faf7; font-size: 16px; }
.brand-tag { color: #c7d0c8; font-size: 14px; }
.nav-link { color: #e0e6e1; font-size: 16px; }
.nav-link:hover { color: #40ff77; }
.menu-toggle { color: #f7faf7; }
.skip-link, .button { font-size: 16px; }

.subpage-hero {
  min-height: auto;
  padding: 82px 0 76px;
  background: #050705;
  color: #f7faf7;
}
.subpage-hero::before { display: none; }
.subpage-hero .display { max-width: 940px; }
.subpage-hero p { max-width: 820px; color: #dfe6e0; font-size: 21px; }
.subpage-hero .eyebrow { color: #40ff77; }

.eyebrow, .meta-label {
  font-size: 15px;
  letter-spacing: .1em;
}

.section { padding: 84px 0; }
.section--paper { background: #f5f7f4; }
.content-grid { grid-template-columns: minmax(250px, .48fr) minmax(0, 1fr); gap: 64px; }
.content-aside { top: 112px; }
.section-title { font-size: clamp(38px, 4vw, 58px); }
.section-lede { color: #414c43; font-size: 20px; line-height: 1.55; }
.method-note { color: #303a32; font-size: 16px; line-height: 1.65; }

.content-card { padding: 30px 0; border-top-color: #bdc7be; }
.content-card h2 { font-size: 27px; line-height: 1.2; }
.content-card h3 { font-size: 22px; }
.content-card p,
.content-card li {
  color: #2f3931;
  font-size: 18px;
  line-height: 1.72;
}
.content-card .text-link { color: #006d44; text-decoration-thickness: 2px; }

.service-row { border-top-color: #bdc7be; }
.service-row > span { color: #4b574d; font-size: 15px; }
.service-row h3 { font-size: 21px; }
.service-row p { font-size: 17px; }

.site-footer { background: #050705; color: #f7faf7; }
.footer-legal, .footer-copy { color: #c7d0c8; font-size: 15px; }

@media (max-width: 900px) {
  .content-grid { grid-template-columns: 1fr; gap: 34px; }
  .content-aside { position: static; }
}

@media (max-width: 680px) {
  body { font-size: 17px; }
  .container { width: min(100% - 32px, var(--container)); }
  .subpage-hero { padding: 62px 0 56px; }
  .content-card p, .content-card li { font-size: 17px; }
}