/* Inner-page mobile hardening — keeps ported Tailwind heroes from clipping on
   small phones, and a defensive horizontal-overflow guard. */
html, body { overflow-x: hidden; }
img, video { max-width: 100%; }

/* hero headings: the ported templates use a fixed text-4xl; let it scale down
   on small screens so long H1s (e.g. "Trauma & PTSD Therapy in Eugene &
   Springfield, Oregon") wrap cleanly instead of overflowing. */
@media (max-width: 640px) {
  main section h1 { font-size: clamp(1.7rem, 7.2vw, 2.25rem) !important; line-height: 1.14; overflow-wrap: break-word; }
  main section h1 + p { font-size: 1.05rem !important; }
}
@media (max-width: 400px) {
  main section h1 { font-size: 1.55rem !important; }
}