/* ============================================================
   99 — Mobile readability (post-launch QA fix, 2026-10-15)
   Post-launch audit: on phones, body copy must be >= 16px, small
   labels >= 12.8px, and every link/button >= 44x44px. Same approach
   as the AIM / Ruther Health T3 fixes. Loads last (sorted), so these
   override the section defaults. Desktop is untouched.
   ============================================================ */
@media (max-width: 820px) {
  /* Body copy -> 16px (was 13.6-15.7px) */
  .sec-04-conditions .bm-card p,
  .sec-22-awards .sec-22-awards__blurb,
  .sec-05-services__desc,
  .sec-16-comebacks__before,
  .sec-07-results__trust,
  .sec-09-team__quote,
  .sec-09-team__ask-text,
  .sec-10-testimonials__attr,
  .sec-10-testimonials__snippet,
  .sec-11-insurance__footnote,
  .sec-11-insurance__reassurance,
  .sec-12-booking__row-sub,
  .sec-12-booking__hint,
  .sec-12-booking__trust,
  .sec-13-location__colocation,
  .sec-14-footer__copy,
  .sec-14-footer__a11y,
  .sec-00-inthero__crumbs,
  .sec-40-about-story__caption,
  .sec-40-about-values__copy,
  .sec-40-about-typical__item,
  .sec-40-about-team__bio,
  .sec-50-wwt-grid__card > p,
  .sec-55-cond-treatment__desc,
  .sec-55-cond-proof__before,
  .sec-55-cond-related__card > p,
  .sec-60-svc-grid__benefits li,
  .sec-65-serv-what__chip,
  .sec-70-blog-grid__excerpt {
    font-size: 1rem;
  }
  /* The section's own rule uses !important, so this one has to as well */
  .sec-40-about-story__quote-attr { font-size: 1rem !important; }

  /* Small labels and chips -> 12.8px minimum (were 10.2-12.5px) */
  .sec-03-trust__chip,
  .sec-04-conditions .bm-hint,
  .sec-05-services__tag,
  .sec-06-journey__chip,
  .sec-08-why__badge > span,
  .sec-09-team__chip,
  .sec-09-team__ask-label,
  .sec-10-testimonials__via,
  .sec-11-insurance__field > span,
  .sec-11-insurance__field > span > small,
  .sec-12-booking__chip,
  .sec-16-comebacks__tag,
  .sec-40-about-team__chip,
  .sec-55-cond-treatment__chip,
  .sec-55-cond-proof__tag,
  .sec-60-svc-grid__tag,
  .sec-70-blog-grid__date {
    font-size: 0.8rem;
  }

  /* Tap targets -> 44px minimum */
  .sec-01-nav .sec-01-nav__logo,
  .sec-14-footer .sec-14-footer__logo,
  .sec-01-nav .sec-01-nav__overlay-phone,
  .sec-04-conditions .bm-card__link,
  .sec-09-team__book,
  .sec-10-testimonials__lockup-link,
  .sec-18-faq__card-link,
  .sec-12-booking__row-link,
  .sec-13-location__row > a,
  .sec-14-footer .sec-14-footer__list a,
  a.sec-14-footer__contact-link,
  .sec-00-inthero__crumbs a,
  .sec-40-about-team__book,
  .sec-50-wwt-bodymap__card-link,
  .sec-50-wwt-grid__link,
  .sec-55-cond-related__link,
  .sec-71-blog-post__back {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    min-width: 44px;
  }
  .sec-00-inthero__crumbs a { justify-content: center; }
  /* 44px links stack on their own, so drop the list gap to keep the footer compact */
  .sec-14-footer .sec-14-footer__list { gap: 0; }

  /* Review carousel dots: the visible dot stays 0.55rem; widen the spacing so an
     invisible 44px tap area fits around each one without overlapping its neighbour. */
  .sec-10-testimonials__dots { gap: 2.2rem; }
  .sec-10-testimonials__dot { position: relative; }
  .sec-10-testimonials__dot::before {
    content: "";
    position: absolute;
    inset: -17.6px;
    border-radius: 50%;
  }
}