/* mobile-fit.css — garde-fous téléphone et tablette, ajoutés à toutes les pages par server.js.
   1. Rien ne doit élargir la page au-delà de l'écran (défilement de côté, page qui « dépasse à droite »).
      overflow-x:clip coupe sans créer de zone de défilement : les en-têtes collants restent collants.
   2. Sur écran tactile, un champ dont le texte fait moins de 16 px fait zoomer Safari (iPhone) au
      toucher, et la page reste ensuite zoomée et décalée vers la droite : les champs passent à 16 px. */
html{overflow-x:hidden;overflow-x:clip}
body{max-width:100%;overflow-x:hidden;overflow-x:clip}
img,video{max-width:100%;height:auto}
@media (hover:none) and (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}
}