/* ==========================================================================
   Readability guardrails
   Keeps wider sections from creating overly long text lines.
   ========================================================================== */
.hero-copy,
.features-intro,
.hiw-copy-col,
.wa-grid > .fade-up:first-child {
  max-width: 46rem;
}

.hero-subtitle,
.section-text-lg,
.section-muted-lg,
.section-note,
.faq-section-text,
.wa-section-text,
.social-text-dim,
.cta-subtitle,
.blog-hero__text,
.single-excerpt,
.footer-copy p {
  max-width: 62ch;
}

.feature-card__text,
.install-step-text,
.security-check__text,
.review-card__text,
.accordion-body,
.wa-msg-recv,
.wa-msg-sent,
.footer-links,
.footer-support-item {
  max-width: 58ch;
}

.payment-card__name,
.feature-card__title,
.install-step-title,
.security-check__title,
.accordion-header,
.section-h2,
.section-h2-md,
.section-h2-lg,
.cta-h3 {
  overflow-wrap: anywhere;
}

.hero-subtitle,
.section-text-lg,
.section-muted-lg,
.faq-section-text,
.wa-section-text,
.social-text-dim,
.accordion-body,
.feature-card__text,
.install-step-text,
.security-check__text,
.review-card__text,
.wa-msg-recv,
.wa-msg-sent {
  line-height: 1.68;
}

.section-header {
  max-width: 62rem;
}

.section-header--left {
  max-width: 52rem;
}

@media (max-width: 767px) {
  .hero-copy,
  .features-intro,
  .hiw-copy-col,
  .wa-grid > .fade-up:first-child,
  .hero-subtitle,
  .section-text-lg,
  .section-muted-lg,
  .section-note,
  .faq-section-text,
  .wa-section-text,
  .social-text-dim,
  .cta-subtitle {
    max-width: 100%;
  }

  .section-header .section-h2,
  .section-header .section-h2-md,
  .section-header .section-h2-lg,
  .section-header--left .section-h2,
  .features-intro .section-h2-lg,
  .cta-h3 {
    max-width: 100%;
  }
}