/* Webview / textZoom hardening (revert: verwijder dit bestand + link tags). */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Hero: voorkom onzichtbare overflow buiten .hero-card (tekst == --anker op donkere hero). */
.hero-card {
  overflow: hidden;
}

.hero-card h1,
.hero-card .h1.display {
  overflow-wrap: break-word;
  word-break: break-word;
  color: var(--anker);
  max-width: 100%;
}

@media (max-width: 600px) {
  .hero-card h1,
  .hero-card .h1.display {
    font-size: clamp(1.6rem, 7vw, 2.4rem);
    line-height: 1.08;
  }
}