/* ============================================================
   99-mobile-readability — phone-only fixes from the 2026-11-01
   pre-live QA audit: body text under 16px, tiny labels, and tap
   targets under 44px. Loads last (sorted 99-), so it wins over the
   section styles it adjusts. Desktop is unchanged.
   ============================================================ */

@media (max-width: 820px) {
  /* --- Body text: at least 16px --- */
  .sec-04-conditions .bm-card p,
  .sec-05-services__desc,
  .sec-08-why__badge strong,
  .sec-09-team__ask-text,
  .sec-09-team__quote,
  .sec-09-team__role,
  .sec-10-testimonials__snippet,
  .sec-10-testimonials__attr,
  .sec-11-insurance__footnote,
  .sec-11-insurance__reassurance,
  .sec-12-booking__row-text,
  .sec-12-booking__row-sub,
  .sec-12-booking__trust,
  .sec-12-booking__hint,
  .sec-14-footer__copy,
  .sec-14-footer__a11y,
  .sec-16-comebacks__before,
  .sec-22-awards .sec-22-awards__blurb,
  .sec-07-results .sec-07-results__trust,
  .sec-18-faq .sec-18-faq__card-link,
  .sec-40-about-story__caption,
  .sec-40-about-team__ask-text,
  .sec-40-about-team__quote,
  .sec-40-about-team__role,
  .sec-40-about-values__copy,
  .sec-40-about-typical__item span,
  .sec-50-wwt-grid__card p,
  .sec-55-cond-related__card p,
  .sec-55-cond-treatment__desc,
  .sec-60-svc-grid__benefits li,
  .sec-65-serv-helps__card-text {
    font-size: 1rem;
  }

  /* --- Small labels: nothing under 13px --- */
  .sec-05-services__tag,
  .sec-09-team__chip,
  .sec-09-team__ask-label,
  .sec-16-comebacks__tag,
  .sec-40-about-team__chip,
  .sec-40-about-team__ask-label,
  .sec-55-cond-treatment__chip,
  .sec-60-svc-grid__tag,
  .sec-04-conditions .bm-hint,
  .sec-11-insurance__field small,
  .sec-12-booking__field small,
  .sec-06-journey__chip,
  .sec-10-testimonials__via,
  .sec-12-booking__chip,
  .sec-11-insurance__field > span,
  .sec-70-blog-grid__date,
  .sec-03-trust__chip {
    font-size: 0.8125rem;
  }

  /* --- Tap targets: at least 44px --- */
  .sec-01-nav .sec-01-nav__toggle {
    width: 44px;
    height: 44px;
  }

  .sec-01-nav .sec-01-nav__logo,
  .sec-14-footer__logo {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .sec-14-footer .sec-14-footer__social-link {
    width: 44px;
    height: 44px;
  }

  .sec-00-inthero__crumbs a,
  .sec-04-conditions .bm-card__link,
  .sec-09-team__book,
  .sec-10-testimonials__lockup-link,
  .sec-12-booking__row-link,
  .sec-13-location__row a,
  .sec-14-footer__contact-link,
  .sec-18-faq__card-link,
  .sec-21-elfsight__link a,
  .sec-40-about-team__book,
  .sec-50-wwt-bodymap__card-link,
  .sec-50-wwt-grid__link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Body-map dots: grow the invisible hit area to 44px+. */
  .sec-04-conditions .bm-dot::before {
    inset: -9px;
  }

  .sec-50-wwt-bodymap__dot::before {
    inset: -8px;
  }

  /* Story dots stay small visually; give each a 44px invisible hit area. */
  .sec-10-testimonials__dot {
    position: relative;
  }

  .sec-10-testimonials__dot::after {
    content: "";
    position: absolute;
    inset: -17px;
  }
}