/* ==========================================================================
   Accueil : retouches téléphone et tablette (la démo n'était travaillée que sur ordinateur).
   Chargée après les feuilles des blocs.
   ========================================================================== */

/* En-têtes de section : titre puis texte l'un sous l'autre. */
@media (max-width: 760px) {
  .acc-entete { grid-template-columns: minmax(0, 1fr); align-items: start; gap: var(--space-s); }
}

/* Rosace : chiffres alignés en haut, cœur lisible. */
.acc-rosace__chiffres li { align-content: start; }
@media (max-width: 860px) {
  .acc-rosace__coeur { padding: 0 6px; }
  .acc-rosace__coeur strong { font-size: 0.95rem; }
}
@media (min-width: 861px) and (max-width: 1180px) {
  .acc-rosace__coeur-haut { font-size: max(11px, calc(var(--H) * 0.085)); }
  .acc-rosace__coeur strong { font-size: max(14px, calc(var(--H) * 0.135)); }
  .acc-porte__nb { font-size: 0.78rem; }
}

/* Bande des métiers : chaque métier est une zone de toucher d'au moins 44 px. */
.acc-metiers__item a { display: inline-flex; align-items: center; min-height: 44px; }

/* Portes d'entrée : une colonne sur téléphone. */
@media (max-width: 600px) {
  .acc-entrees__grille { grid-template-columns: minmax(0, 1fr); }
  .acc-entrees__jeu { min-height: 470px; }
  .acc-entrees__annee { min-height: 380px; }
  .acc-entrees__lire, .acc-entrees__btn { min-height: 44px; display: inline-flex; align-items: center; gap: 0.4rem; }
}

/* Chiffres clés : deux colonnes sur téléphone (les mots ne se coupent plus). */
@media (max-width: 600px) {
  .acc-chiffres__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* École : une colonne sur téléphone. */
@media (max-width: 600px) {
  .acc-ecole__grille { grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(260px, auto); }
}

/* Appel final : boutons pleine largeur au doigt. */
@media (max-width: 600px) {
  .acc-final__cta { display: grid; gap: var(--space-xs); }
  .acc-final__cta .btn { justify-content: center; min-height: 48px; }
}

/* Liens fléchés et recherche : zone de toucher de 44 px sur écran tactile. */
@media (max-width: 1180px) {
  .acc :is(.link-arrow) { min-height: 44px; display: inline-flex; align-items: center; }
  .acc-rosace__recherche .btn, .acc-rosace__recherche input { min-height: 44px; }
}

/* Cartes d'univers (accueil et page /univers/) : textes lisibles sans zoom sur téléphone et tablette. */
@media (max-width: 1100px) {
  .acc-univers__accroche, .acc-univers__go { font-size: 0.9375rem; }
  .acc-univers__ex .chip { font-size: 0.875rem; }
}