/* touch.css — shared phone/tablet behaviour for every page */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
button, a, label, select, summary, [onclick] { touch-action: manipulation; }
img { max-width: 100%; }
/* Toasts never run off small screens */
.toast { max-width: calc(100vw - 32px) !important; white-space: normal !important; text-align: center; line-height: 1.35; }
@media (pointer: coarse) {
  /* 16px stops iOS from zooming in when a field is tapped */
  input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { font-size: 16px !important; }
  input[type=checkbox], input[type=radio] { width: 22px; height: 22px; }
}
/* Respect notches / home indicators */
body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
.hide-sm { }
@media (max-width: 520px) { .hide-sm { display: none !important; } }