/*
 * PauseKit Mobile Accessibility Baseline
 * Ensures minimum text sizes and tap targets on small viewports.
 * Applied on top of page-specific styles — does NOT override inline styles.
 */

/* Minimum readable body text on mobile */
@media (max-width: 640px) {
  /* Prevent iOS Safari from auto-zooming inputs */
  input, textarea, select {
    font-size: 16px !important;
  }

  /* Minimum body text */
  body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Prevent horizontal overflow on all pages */
  html, body {
    overflow-x: hidden;
    max-width: 100vw;
  }

  /* Ensure safe-area inset padding for notch devices */
  body {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  /* Tables: allow horizontal scroll rather than overflow */
  table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  /* Images: never overflow their container */
  img {
    max-width: 100%;
    height: auto;
  }
}

/* Tablet adjustments */
@media (max-width: 768px) {
  /* Ensure images don't break layout */
  img {
    max-width: 100%;
    height: auto;
  }

  /* No horizontal scroll */
  html, body {
    overflow-x: hidden;
  }
}