/* Keep readable content in flow, including 200% text resizing on small screens. */
@media (width <= 620px) {
  .brand { min-width: 0; max-width: calc(100% - 92px); white-space: normal; }
  .brand span, h1, h2, h3, .eyebrow, .button, .nav-cta, .text-link { max-width: 100%; overflow-wrap: anywhere; word-break: normal; }
  .hero-badge { max-width: 100%; }
  .hero-badge > div { min-width: 0; }
  .badge-mark { flex-shrink: 0; }
  .tool-visual { height: auto; min-height: 280px; }
  .site-example { min-width: 0; }
  .example-body { grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr); }
  .example-copy strong, .example-button { overflow-wrap: anywhere; }
  .example-button { max-width: 100%; }
  .image-tag { max-width: calc(100% - 30px); }
}