/* Small, safe fixes for common mobile layout bugs */

/* Prevent accidental horizontal scroll caused by 100vw, negative offsets, etc. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Ensure media never overflows the viewport */
img,
video,
canvas {
  max-width: 100%;
  height: auto;
}

/* Long strings/URLs should not force horizontal scroll */
:where(p, a, li, td, th, code, pre) {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Avoid iOS Safari auto-zoom on small form fonts (keep at least 16px) */
@media (max-width: 768px) {
  input,
  select,
  textarea {
    font-size: 16px;
  }
}