/* ===== Téléphone : règles communes à l'accueil et aux deux bureaux (mobile.css) =====
   Chargé en dernier par home.html, windows-desktop.html et linux-desktop.html avec media="(max-width: 899px)" : à 900 px et plus,
   la feuille n'est pas appliquée (et ne retarde pas le premier affichage). Chaque règle est en plus dans un bloc @media (max-width: 899px).
   Les règles propres à une page sont dans src/home/home-mobile.css, src/windows/windows-mobile.css, src/linux/linux-mobile.css.
   Taille minimale du texte : mobile-text.js. */

@media (max-width: 899px) and (pointer: coarse) {
  /* Pas de délai ni de zoom au double appui sur les commandes (le zoom à deux doigts reste possible) */
  html { touch-action: manipulation; }
  /* Cibles tactiles : au moins 44 × 44 px (spécificité nulle : une règle de composant plus précise garde la main) */
  :where(button, [role="button"], [role="tab"], [role="option"], [role="menuitem"], [role="switch"], select, summary,
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"])) { min-height: 44px; min-width: 44px; }
  /* Liens présentés comme des boutons (availability.css) */
  .avail-mail { min-height: 44px; }
}