body {
  font-size: 20px !important;
}

.site-nav a,
.footer__links a,
.site-footer__links a,
.mobile-shop summary,
.mobile-shop__panel a {
  font-size: 14px !important;
}

.wordmark__descriptor,
.eyebrow,
.category__detail,
.service-card__number,
.feature__number,
.plan-card__label,
.finder-label,
.metric span,
.hero-card__label {
  font-size: 12px !important;
}

.hero__copy,
.page-hero__lead,
.contact-intro,
.content-copy,
.story__lede,
.setup-finder__intro {
  font-size: 18px !important;
}

.collections__note,
.section-heading p,
.service-card p,
.feature p,
.timeline-item p,
.faq-item p,
.gallery-card figcaption,
.contact-form__note,
.form-status,
.contact-route small {
  font-size: 15px !important;
}

.category__title,
.timeline-item h3,
.faq-item summary,
.field label,
.contact-route strong,
.finder-result p {
  font-size: 16px !important;
}

.button,
.button--quiet,
.form-submit,
.finder-options button {
  font-size: 14px !important;
}

.site-nav .site-nav__audit {
  padding: 10px 16px !important;
  border: 1px solid var(--accent) !important;
  background: var(--accent) !important;
  color: var(--ink) !important;
  font-weight: 700 !important;
}

.site-nav .site-nav__audit:hover,
.site-nav .site-nav__audit:focus-visible {
  border-color: var(--accent-strong) !important;
  background: var(--accent-strong) !important;
  color: var(--ink) !important;
}

.site-nav .site-nav__audit::after {
  display: none !important;
}

.field input,
.field textarea,
.field select {
  font-size: 16px !important;
}

@media (max-width: 760px) {
  .site-nav a,
  .mobile-shop summary,
  .mobile-shop__panel a {
    font-size: 15px !important;
  }

  .hero__copy,
  .page-hero__lead,
  .contact-intro,
  .content-copy,
  .story__lede,
  .setup-finder__intro {
    font-size: 17px !important;
  }
}