/* ============================================================
   99-mobile-readability — phone-only fixes from the 2026-10-15
   pre-launch QA audit: body text under 16px 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-12-booking__row-text,
  .sec-12-booking__row-sub,
  .sec-12-booking__trust,
  .sec-12-booking__hint,
  .sec-55-cond-treatment__desc,
  .sec-55-cond-proof__before,
  .sec-40-about-story__caption,
  .sec-40-about-team__bio,
  .sec-40-about-values__copy,
  .prog-card__contact,
  .prog-card__row-time,
  .prog-note,
  .sec-22-awards .sec-22-awards__blurb,
  .sec-10-testimonials__snippet,
  .sec-11-insurance__footnote,
  .sec-11-insurance__reassurance,
  .sec-55-cond-related__card p,
  .sec-40-about-typical__item span,
  .sec-60-svc-grid__benefits li,
  .sec-05-services__desc,
  .sec-16-comebacks__before,
  .sec-09-team__quote,
  .sec-09-team__ask-text,
  .sec-09-team__role,
  .sec-10-testimonials__attr,
  .sec-04-conditions .bm-card p,
  .sec-50-wwt-grid p,
  .sec-50-wwt-bodymap p {
    font-size: 1rem;
  }

  /* --- Tap targets: at least 44px tall --- */
  .sec-01-nav .sec-01-nav__logo {
    min-height: 44px;
  }

  .sec-01-nav .sec-01-nav__toggle {
    width: 44px;
    height: 44px;
  }

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

  /* the taller link box replaces the old padding-top nudge */
  .sec-13-location__row {
    align-items: center;
  }

  .sec-13-location__row a {
    padding-top: 0;
  }

  .clamp-toggle {
    min-height: 44px;
  }

  .sec-06-journey__dot {
    width: 44px;
    height: 44px;
  }

  /* Body-map dots: grow the invisible hit area from ~40px 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: -18px;
  }
}