/* Navigation et confort de l'Académie Pro (mobile d'abord) — voir outils/consignes-claude.md, section audit */
.recherche-haut{margin-top:6px;}
.ps-cta{display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 12px; padding:13px 18px; border-radius:100px; background:#D4A017; color:#3A2E1A; font-weight:800; font-size:0.95rem; text-decoration:none; box-shadow:0 3px 0 #B38712;}
.ps-cta:hover,.ps-cta:focus-visible{background:#E0AE22;}
.ps-sugg{display:flex; flex-wrap:wrap; gap:8px; padding:2px 2px 10px; margin:-6px -2px 8px;}
.ps-sugg a{white-space:nowrap; border:1px solid var(--line); background:var(--panel); color:var(--ink); padding:6px 11px; border-radius:100px; font-size:0.74rem; text-decoration:none;}
.ps-sugg a:hover,.ps-sugg a:focus-visible{border-color:var(--accent); background:var(--panel-2);}
@media (max-width:760px){
  /* L'en-tête défile avec la page (la barre du bas garde la navigation) : on récupère ≈ 140 px d'écran */
  header{position:static;}
  .top-row{padding:10px 0; gap:8px;}
  header .top-row .nav-actions{flex-wrap:wrap; gap:6px; width:100%; justify-content:flex-start;}
  header .top-row .nav-actions > *{flex:0 0 auto; white-space:nowrap;}
  header .top-row .nav-actions .lang-toggle{order:-1;}
  .carte-calc .cc-touches,.carte-calc .cc-texte > span{display:none;}
  .hero{padding:14px 0 6px;}
  .hero img{height:150px; width:100%; object-fit:cover; border-radius:16px;}
  /* Tous les onglets visibles d'un coup (pas de défilement latéral qui en cache) : pastilles compactes sur plusieurs lignes */
  .subnav{flex-wrap:wrap; gap:6px; margin-bottom:16px; padding:6px 4px 12px;}
  .subnav button{flex:0 0 auto; padding:7px 12px; font-size:0.76rem;}
}