/*
 * Final mobile type guardrail.
 *
 * Component styles keep their desktop hierarchy. On narrow screens these
 * selectors cap only display headings, preventing long Italian words from
 * being forced into awkward mid-word wraps without enlarging compact card
 * labels that are already correctly sized.
 */
@media (max-width: 767px) {
  :is(
    .voyqa-vertical-hero h1,
    .voyqa-page-hero__title,
    .voyqa-detail-heading h1,
    .voyqa-editorial-heading h1,
    .voyqa-contact-layout__intro h1,
    .voyqa-simple-page h1
  ) {
    max-width: 100%;
    font-size: clamp(2.25rem, 9.3vw, 2.75rem);
    line-height: .94;
    letter-spacing: -.03em;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  :is(
    .voyqa-v2-heading h2,
    .voyqa-story__copy h2,
    .voyqa-editorial-split__copy h2,
    .voyqa-editorial-section__copy h2,
    .voyqa-footer__statement h2,
    .voyqa-consent-page__title,
    .voyqa-simple-page h2
  ) {
    max-width: 100%;
    font-size: clamp(1.95rem, 8.5vw, 2.35rem);
    line-height: .98;
    letter-spacing: -.025em;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }

  :is(
    .voyqa-pillar h3,
    .voyqa-vehicle-card h3,
    .voyqa-benefit-list h3,
    .voyqa-simple-page h3
  ) {
    max-width: 100%;
    font-size: clamp(1.2rem, 5.8vw, 1.55rem);
    line-height: 1.02;
    letter-spacing: -.015em;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: none;
    hyphens: none;
  }
}

@media (max-width: 379px) {
  :is(
    .voyqa-vertical-hero h1,
    .voyqa-page-hero__title,
    .voyqa-detail-heading h1,
    .voyqa-editorial-heading h1,
    .voyqa-contact-layout__intro h1,
    .voyqa-simple-page h1
  ) {
    font-size: clamp(2.1rem, 9.3vw, 2.35rem);
  }

  :is(
    .voyqa-v2-heading h2,
    .voyqa-story__copy h2,
    .voyqa-editorial-split__copy h2,
    .voyqa-editorial-section__copy h2,
    .voyqa-footer__statement h2,
    .voyqa-consent-page__title,
    .voyqa-simple-page h2
  ) {
    font-size: clamp(1.8rem, 8.5vw, 2.05rem);
  }
}