/* Shared current treatment for About, Coverage, Methodology, Privacy and Terms. */
html body.institutional-page {
  --institutional-canvas: #efeee9;
  --institutional-surface: #faf9f6;
  --institutional-inset: #f3f2ed;
  --institutional-ink: #171713;
  --institutional-muted: #66645e;
  --institutional-green: #dff2e5;
  --institutional-green-ink: #2f684d;
  margin: 0 !important;
  background: var(--institutional-canvas) !important;
  color: var(--institutional-ink) !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

html body.institutional-page :where(h1, h2, h3, p, li, a, button, span, strong) {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

html body.institutional-page .page-content {
  width: min(1180px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin: 30px auto 64px !important;
  padding: clamp(42px, 5.2vw, 72px) clamp(32px, 5vw, 68px) !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: var(--institutional-surface) !important;
  box-shadow: none !important;
}

html body.institutional-page :is(.page-title, .doc-title) {
  max-width: 13ch !important;
  margin: 0 !important;
  color: var(--institutional-ink) !important;
  font-size: clamp(48px, 5.3vw, 72px) !important;
  font-weight: 720 !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
  text-transform: none !important;
}

html body.institutional-page .about-body,
html body.institutional-page .doc-body {
  max-width: 820px !important;
  margin: clamp(30px, 3.6vw, 48px) 0 0 !important;
  color: var(--institutional-ink) !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  font-weight: 430 !important;
  line-height: 1.58 !important;
  letter-spacing: -.012em !important;
}

html body.institutional-page :is(.about-body, .doc-body) > p {
  margin: 0 0 20px !important;
}

html body.institutional-page .doc-body h2 {
  margin: 48px 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--institutional-ink) !important;
  font-size: 26px !important;
  font-weight: 760 !important;
  line-height: 1.12 !important;
  letter-spacing: -.028em !important;
  text-transform: none !important;
}

html body.institutional-page .doc-body h3 {
  margin: 28px 0 8px !important;
  color: var(--institutional-ink) !important;
  font-size: 18px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  letter-spacing: -.018em !important;
  text-transform: none !important;
}

html body.institutional-page .doc-body :is(ul, ol) {
  margin: 16px 0 24px 22px !important;
}

html body.institutional-page .doc-body li {
  margin: 8px 0 !important;
}

html body.institutional-page :is(.about-body, .doc-body) a {
  color: var(--institutional-green-ink) !important;
  text-decoration: none !important;
  box-shadow: inset 0 -0.16em 0 rgba(47, 104, 77, .16) !important;
}

html body.institutional-page :is(.about-body, .doc-body) a:hover {
  box-shadow: inset 0 -0.3em 0 rgba(47, 104, 77, .22) !important;
}

html body.institutional-page .about-contact {
  display: inline-flex !important;
  min-height: 42px !important;
  align-items: center !important;
  margin-top: 18px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--institutional-green) !important;
  color: var(--institutional-green-ink) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}

html body.institutional-page .privacy-choice-button {
  min-height: 44px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--institutional-ink) !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.institutional-page .privacy-choice-button:hover {
  background: #2f684d !important;
}

html body.institutional-page .site-footer.site-footer--editorial {
  margin-top: 0 !important;
  border: 0 !important;
  background: var(--institutional-ink) !important;
  color: var(--institutional-surface) !important;
}

html body.institutional-page .site-footer.site-footer--editorial :is(
  .site-footer-editorial__wordmark,
  .site-footer-editorial__heading,
  .site-footer-editorial__copy,
  .site-footer-editorial__links a,
  .site-footer-editorial__social-link,
  .site-footer-editorial__submit-link
) {
  color: var(--institutional-surface) !important;
}

html body.institutional-page .site-footer.site-footer--editorial .site-footer-editorial__rule {
  display: none !important;
}

html body.institutional-page .site-footer.site-footer--editorial .site-footer-editorial__newsletter-form {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .10) !important;
}

html body.institutional-page .site-footer.site-footer--editorial .site-footer-editorial__newsletter-input {
  color: #fff !important;
}

html body.institutional-page .site-footer.site-footer--editorial .site-footer-editorial__newsletter-input::placeholder {
  color: rgba(255, 255, 255, .62) !important;
}

html body.institutional-page .site-footer.site-footer--editorial .site-footer-editorial__newsletter-button {
  border: 0 !important;
  background: var(--institutional-surface) !important;
  color: var(--institutional-ink) !important;
}

@media (max-width: 720px) {
  html body.institutional-page .page-content {
    width: calc(100% - 24px) !important;
    margin: 18px auto 34px !important;
    padding: 28px 22px 34px !important;
    border-radius: 20px !important;
  }

  html body.institutional-page :is(.page-title, .doc-title) {
    max-width: none !important;
    font-size: 42px !important;
  }

  html body.institutional-page .about-body,
  html body.institutional-page .doc-body {
    margin-top: 26px !important;
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  html body.institutional-page .doc-body h2 {
    margin-top: 38px !important;
    font-size: 23px !important;
  }
}
