/* MOBV1 — shared v1 mobile rules (mob_v1_0). Escape hatch: class no-resp */
@media (max-width: 820px) {
  input:not(.no-resp), select:not(.no-resp), textarea:not(.no-resp) {
    font-size: 16px !important;               /* prevent iOS focus-zoom */
  }
  table:not(.no-resp) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  img, video, canvas { max-width: 100%; height: auto; }
  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}

/* MOBV1.1 — safe-area insets (always on; env() is 0 outside the app) */
body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}