/* ============================================================
   99 — Mobile readability + tap targets (pre-launch QA, 2026-10-14)
   Phones only (<=820px, same breakpoint as the mobile bar). Loads last
   (sorted), so these minimums win over the section files.
   - Running text (paragraphs, list items, card copy) is at least 16px.
     Eyebrows, chips and tags are short uppercase labels and stay as designed.
   - Every link or button a thumb has to hit gets a 44px-tall target.
   ============================================================ */

@media (max-width: 820px) {
  /* --- Running text: 16px floor --- */
  .sec-12-booking__trust,
  .sec-12-booking__hint,
  .sec-22-awards .sec-22-awards__blurb,
  .sec-04-conditions .bm-card p,
  .sec-16-comebacks__before,
  .sec-07-results__trust,
  .sec-09-team__role,
  .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-40-about-story__caption,
  .sec-40-about-values__copy,
  .sec-40-about-typical__item,
  .sec-40-about-team__bio,
  .sec-60-svc-grid__benefits li,
  .sec-70-testi-grid__quote p,
  .sec-75-prod-hero__disclosure p,
  .sec-75-prod-grid__desc,
  .sec-50-wwt-grid__card p,
  .sec-55-cond-treatment__desc,
  .sec-55-cond-proof__before,
  .sec-55-cond-related__card p {
    font-size: max(1rem, 1em);
  }

  /* --- Menu button: 44x44 --- */
  .sec-01-nav .sec-01-nav__toggle {
    width: 44px;
    height: 44px;
  }

  /* --- Text links: 44px-tall tap targets --- */
  .sec-00-inthero__crumbs a,
  .sec-13-location__row > a,
  .sec-80-contact-info__row > a,
  .sec-21-elfsight__link a,
  .sec-12-booking__row-link,
  .sec-14-footer .sec-14-footer__contact-link,
  .sec-09-team__book,
  .sec-40-about-team__book,
  .sec-18-faq__card-link,
  .sec-10-testimonials__lockup-link,
  .sec-70-testi-grid__lockup-link,
  .bm-card__link,
  .sec-50-wwt-bodymap__card-link,
  .sec-50-wwt-grid__link,
  .sec-92-blog-index__link,
  .sec-92-blog-index__title a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Footer contact lines (phone, email, portal, pay) are block-level rows;
     keep them stacked, and drop the old spacing now that each row is 44px tall. */
  .sec-14-footer .sec-14-footer__contact-link {
    display: flex;
    margin-bottom: 0;
  }

  /* Breadcrumb: a little side padding so "Home" is 44px wide as well */
  .sec-00-inthero__crumbs a {
    min-width: 44px;
    justify-content: center;
  }

  /* --- Review slider arrows (41px wide) --- */
  .sec-10-testimonials__arrow { min-width: 44px; }

  /* --- Review slider dots: the 44px hit areas overlapped; space them out --- */
  .sec-10-testimonials__dots { gap: 2.2rem; }
}