/* fh-phone.css — keeps pages still on phones and tablets.
   - iPhone and iPad zoom in when you tap a box whose text is under 16px, and leave the
     page zoomed and shifted sideways. Every box is 16px on touch screens, so nothing moves.
   - Date and time boxes get a minimum width from iOS: they fit their card instead.
   - Pulling down at the top of a dashboard doesn't reload it (and lose what you typed);
     the dashboards update by themselves.
   Loaded last on the dashboards, the Support page and creator pages. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (max-width: 900px), (pointer: coarse) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),
  select, textarea, [contenteditable="true"] { font-size: 16px !important; }
  input[type=date], input[type=time], input[type=datetime-local], input[type=month], input[type=week] {
    -webkit-appearance: none; appearance: none; display: block; min-width: 0 !important; max-width: 100%; box-sizing: border-box; text-align: left;
  }
  input[type=date]::-webkit-date-and-time-value, input[type=time]::-webkit-date-and-time-value,
  input[type=datetime-local]::-webkit-date-and-time-value { text-align: left; margin: 0; }
}
html.fh-still, html.fh-still body { overscroll-behavior-y: none; }