/* ==========================================================================
   Flex Timer · landing — accueil sur téléphone (chargé APRÈS home.css)
   Réglage de DENSITÉ : toutes les tailles du site sont en rem, donc changer la
   taille de base change tout d'un coup, proportionnellement. C'est la seule
   valeur à ajuster : plus petit = tout plus compact (ici 14 px au lieu de 16).
   Les petits libellés ont un plancher de 12,5 px pour rester lisibles.
   Les textes dessinés dans les faux écrans de téléphone gardent leur taille.
   ========================================================================== */
@media (max-width: 600px) {
  html { font-size: 87.5%; }

  .hm-facts span,
  .hm-tile__tag,
  .hm-weeks__note,
  .hm-legend,
  .hm-plan__badge,
  .hm-streak__count span,
  .hm-trophy > span,
  .hm-share__top .ft-mono,
  .hm-planviz__day,
  .ft-chip,
  .ft-beta,
  .ft-eyebrow {
    font-size: max(.8rem, 12.5px);
    line-height: 1.35;
  }
}