/* Mobile responsiveness fixes applied during site import (audited at 390x844). */

@media (max-width: 560px) {
  /* Header CTA block pushed past the viewport on narrow phones */
  .site-header__phone { display: none !important; }
  .site-header__cta { gap: 8px; }
  .site-header__cta .btn { padding: 10px 14px; }
}

/* Long word-based stat values overflowed their tile instead of wrapping */
.stat__num {
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

/* Speed/mobile audit hardening: no page should scroll sideways on a phone.
   NOTE: use `clip`, never `hidden` — `overflow-x: hidden` on html/body turns them
   into scroll containers, which silently disables every `position: sticky`
   element on the site (the "On this page" side card in particular). */
html, body { max-width: 100%; overflow-x: clip; }
img, video, iframe, table, pre { max-width: 100%; }

/* Ensure primary tap targets meet the 44px minimum on touch devices. */
@media (max-width: 768px) {
  .btn, .site-header__cta .btn, .nav a, .footer a { min-height: 44px; }
  .btn { display: inline-flex; align-items: center; justify-content: center; }
}
