/* mobile-fix.css: phone layout fixes for the B12-exported site */

/* Nothing may be wider than the screen */
html, body { max-width: 100%; overflow-x: clip; }

/* Phones and small tablets */
@media (max-width: 767px) {
  /* Let section headings wrap instead of running off-screen */
  h1, h2, h3, h4,
  h1 *, h2 *, h3 *, h4 * {
    white-space: normal !important;
    overflow-wrap: break-word;
  }
  /* Keep large headings readable on narrow screens */
  h1 { font-size: clamp(1.9rem, 8vw, 2.6rem) !important; line-height: 1.15 !important; }
  h2 { font-size: clamp(1.6rem, 7vw, 2.2rem) !important; line-height: 1.2 !important; }
}