/* Le scanner sur sa page autonome (ronde-17/connecte, bâtie par _build/autonomes17.py) : tout tient dans l'écran, sans défilement.
   Rien ici ne touche l'accueil : tout est sous body.autonome. */
body.autonome .s-scanner { height:100%; min-height:0; padding:.6rem 3vw 0; display:flex; flex-direction:column; justify-content:center; }
body.autonome .s-scanner .sc-poste { height:100%; min-height:0; max-height:none; }
body.autonome .s-scanner .sc-h2 { font-size:clamp(2.6rem, min(5.3vw, 8.6vh), 5.6rem); }
body.autonome .s-scanner .sc-lecteur { margin-top:1.3rem; }
body.autonome .s-scanner .sc-cmd { margin-top:1rem; }
body.autonome .s-scanner .sc-filtres { margin-top:.8rem; }
/* la liste : ouverte, elle se déplie PAR-DESSUS la page, vers le haut (elle défile dans sa boîte, pas la page) */
body.autonome .s-scanner .sc-liste { margin-top:.8rem; position:relative; }
body.autonome .s-scanner .sc-ol { position:absolute; left:0; bottom:calc(100% + .3rem); width:min(42rem, 94vw); max-height:min(22rem, 62vh); margin:0; z-index:6; overscroll-behavior:contain; }
@media (max-height:860px) { body.autonome .s-scanner .sc-chapo { display:none; } body.autonome .s-scanner .sc-lecteur { margin-top:1rem; } }
@media (max-height:740px) { body.autonome .s-scanner .sc-sur { display:none; } body.autonome .s-scanner .sc-cmd { margin-top:.6rem; } body.autonome .s-scanner .sc-filtres, body.autonome .s-scanner .sc-liste { margin-top:.5rem; } body.autonome .s-scanner .sc-note { font-size:.86rem; } }
/* sans WebGL : la liste est la page, elle défile normalement */
body.autonome:has(.s-scanner.sc-sans-gl) { height:auto; min-height:100dvh; overflow:auto; }
body.autonome .s-scanner.sc-sans-gl { height:auto; display:block; padding-top:1.5rem; padding-bottom:1.5rem; }
body.autonome .s-scanner.sc-sans-gl .sc-ol { position:static; width:auto; max-height:none; }

@media (max-width:900px), (max-aspect-ratio:9/10) {
  body.autonome .s-scanner { padding:0 16px .2rem; justify-content:flex-start; overflow:hidden; }
  /* le titre est dans l'en-tête de la page : celui de la section reste pour les lecteurs d'écran */
  body.autonome .s-scanner .sc-tete { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  body.autonome .s-scanner .sc-poste { flex:1; height:auto; min-height:0; margin:0 -16px; }
  body.autonome .s-scanner .sc-suite { flex:none; }
  body.autonome .s-scanner .sc-cmd { margin-top:.3rem; }
  body.autonome .s-scanner .sc-cmd .sc-btn { padding:.6rem .8rem; }
  /* le lecteur garde une hauteur fixe : l'appareil ne change pas de taille d'une station à l'autre */
  body.autonome .s-scanner .sc-lecteur { height:13.2rem; overflow:auto; margin-top:.6rem; padding-top:.5rem; overscroll-behavior:contain; }
  body.autonome .s-scanner .sc-meta { margin-top:.5rem; min-height:0; }
  body.autonome .s-scanner .sc-nom { font-size:1.5rem; margin-top:.45rem; }
  body.autonome .s-scanner .sc-note { font-size:.92rem; line-height:1.4; margin-top:.4rem; }
  body.autonome .s-scanner .sc-pied { margin-top:.6rem; }
  body.autonome .s-scanner .sc-btn.sc-lien { padding:.6rem 1.1rem; }
  body.autonome .s-scanner .sc-filtres { margin-top:.5rem; }
  body.autonome .s-scanner .sc-filtres button { padding:.42rem .8rem; }
  body.autonome .s-scanner .sc-liste { margin-top:.35rem; }
  body.autonome .s-scanner .sc-ol { width:100%; max-height:60vh; }
  body.autonome .s-scanner.sc-sans-gl .sc-tete { position:static; width:auto; height:auto; clip-path:none; }
  body.autonome .s-scanner.sc-sans-gl .sc-lecteur { height:auto; }
}