html {
  font-size: 100%;
}

body {
  font-size: 18px;
  line-height: 1.65;
}

.meta-pixel-noscript {
  display: none;
}

.skip-link {
  position: fixed;
  top: -80px;
  left: 18px;
  z-index: 300;
  padding: 12px 18px;
  color: #080a09;
  background: #f7f7f2;
  font-weight: 800;
}

.skip-link:focus {
  top: 18px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
summary:focus-visible {
  outline: 3px solid #b5ed23;
  outline-offset: 4px;
}

button,
input,
.button,
.header-action,
.header-cta,
.course-link,
.filter-button,
.whatsapp-button,
.whatsapp-float,
.ultimate-sticky a,
.community-quick a,
.faq-list summary {
  min-height: 48px;
}

input,
.button,
.header-action,
.header-cta,
.course-link,
.filter-button,
.whatsapp-button,
.community-quick a,
.community-benefits,
.whatsapp-benefits,
.hero-points,
.course-body p,
.course-card p,
.plan-description,
.plan-card li,
.payment-note,
.microcopy,
.steps p,
.help p,
.catalog-status,
footer {
  font-size: max(0.9375rem, 15px);
}

.eyebrow,
.course-body small,
.course-card small,
.plan-topline,
.ultimate-price span,
.ultimate-price em,
.ultimate-sticky small {
  font-size: max(0.8125rem, 13px);
}

.faq-list summary {
  display: flex;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 600px) {
  body {
    font-size: 17px;
  }

  .button,
  .whatsapp-button {
    width: 100%;
  }
}

@media (prefers-contrast: more) {
  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  summary:focus-visible {
    outline-width: 4px;
  }
}