/* text-zoom and small-screen safety */
@media (max-width: 380px) {
  .hero h1 { font-size: 56px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
}

.hero h1, .approach h2, .treatments h2, .visit h2, .treat-list h3 {
  overflow-wrap: break-word;
}

@media (forced-colors: active) {
  .btn-dark, .head-cta { border: 1px solid; }
}