/* Site — confort de lecture sur téléphone (31 oct. 2026). Chargé juste après site-accessibilite-v1.css, sur toutes les pages.
   1) Bouton d'accessibilité à droite, plus petit, au-dessus de la barre Appeler / WhatsApp (il cachait le début des lignes).
   2) Accueil : personnage réduit à droite, carte « Ce que je fais pour vous » à gauche, vers sa main (elle était masquée sur téléphone).
      Si une photo d'accueil est choisie dans Gestion, la carte reste masquée (style en ligne display:none posé par la page).
   3) « Comment se passe un accompagnement » : une seule épaisseur de carte (texte plus large, page plus courte).
   4) Cartes « Ma mission » : une colonne, icône à gauche (lignes de 3-4 mots en 2 colonnes).
   5) Logo un peu plus grand. */
@media (max-width:760px){
  .a11y-bouton{left:auto;right:12px;bottom:76px;width:44px;height:44px}
  .a11y-panneau{left:auto;right:12px;bottom:128px}

  .hero .hero-visual.illu-hero-zone{flex-direction:row-reverse;align-items:flex-end;justify-content:center;gap:10px;height:auto}
  .hero .hero-visual.illu-hero-zone .illu-hero{height:240px;flex:0 0 auto;margin:0}
  .hero .hero-visual.illu-hero-zone .hero-card:not([style*="none"]){display:block;position:static;margin:0 0 16px;flex:1 1 auto;min-width:0;width:auto;max-width:215px;padding:14px;transform:none;animation:none}
  .hero .hero-visual.illu-hero-zone .hero-card-title{font-size:15px}
  .hero .hero-visual.illu-hero-zone .service-mini{font-size:13px}

  section.journey{padding-left:16px;padding-right:16px}
  section.journey > .wrap{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
  section.journey .journey-card{padding:16px}

  .about-cards{grid-template-columns:1fr}
  .about-card{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:start}
  .about-card-icon{grid-row:span 2}

  .entete-logo img{height:36px}
}