/* ============================================================
   99 — Mobile readability (post-launch QA fix, 2026-10-09)
   Post-launch audit: on phones, body copy must be >= 16px and every
   link/button >= 44x44px. Same approach as the Ruther Health T3
   fix. 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-23-prose p,
  .sec-23-prose li,
  .sec-14-footer__copy,
  .sec-14-footer__a11y,
  .sec-12-booking__trust,
  .sec-12-booking__hint,
  .sec-55-cond-treatment__desc,
  .sec-55-cond-related__card p,
  .sec-22-awards .sec-22-awards__blurb,
  .sec-11-insurance__footnote,
  .sec-11-insurance__reassurance,
  .sec-11-insurance__success-text,
  .sec-40-about-team__bio,
  .sec-40-about-values__copy,
  .sec-40-about-story__caption,
  .sec-04-conditions .bm-card p,
  .sec-16-comebacks__before,
  .sec-09-team__quote,
  .sec-09-team__ask-text,
  .sec-10-testimonials__snippet,
  .sec-10-testimonials__attr,
  .sec-07-results__trust,
  .sec-21-elfsight__fallback-note,
  .sec-60-svc-grid__benefits li {
    font-size: 1rem;
  }

  /* Small labels and chips -> 12.8px minimum (was 12.5px) */
  .sec-12-booking__chip {
    font-size: 0.8rem;
  }

  /* Tap targets -> 44px minimum */
  .sec-01-nav .sec-01-nav__toggle {
    width: 44px;
    height: 44px;
  }
  .sec-01-nav .sec-01-nav__logo,
  .sec-14-footer__logo,
  a.sec-14-footer__contact-link,
  .sec-14-footer .sec-14-footer__list a,
  .sec-12-booking__row-link,
  .sec-00-inthero__crumbs a,
  .sec-04-conditions .bm-card__link,
  .sec-50-wwt-grid__link,
  .sec-50-wwt-bodymap__card-link,
  .sec-09-team__book,
  .sec-40-about-team__book,
  .sec-13-location__row a,
  .sec-10-testimonials__lockup-link,
  .sec-18-faq__card-link {
    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; }

  /* The utility-bar pills sit in a 36px row (--util-h); growing them would push the
     whole header down, so give them an invisible 44px-tall tap area instead. */
  .sec-01-nav .sec-01-nav__utility-link { position: relative; }
  .sec-01-nav .sec-01-nav__utility-link::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 50%;
    height: 44px;
    transform: translateY(-50%);
  }

  /* Review carousel dots: visible dot stays 0.55rem; widen the spacing so the invisible
     tap area can grow to 44px without neighbouring dots overlapping. */
  .sec-10-testimonials__dots { gap: 2.2rem; }
  .sec-10-testimonials__dot::before { inset: -17.6px; }
}