/* ---------- Téléphone (après tout le reste, pour passer devant) ---------- */
@media (max-width: 960px) {
  /* L'aperçu en haut, les réglages, puis le billet tout à la fin (là où on en a besoin). */
  aside, .rail { display: contents; }
  .stage { order: -2; }
  .caption { order: -1; margin-top: -26px; }
  .ticket { order: 1; scroll-margin: 24px; }
}
/* Doigt plutôt que souris : des cibles d'au moins 44 px, et des champs en 16 px (sinon iOS zoome dans la page). */
.caption .doigt { display: none; }
@media (hover: none), (pointer: coarse) {
  .caption .souris { display: none; }
  .caption .doigt { display: inline; }
  .arrow, .icon { width: 44px; height: 44px; font-size: 1.05rem; }
  .toggle { min-height: 44px; padding: 8px 12px; }
  .tools { gap: 6px; }
  .mini, .seg button, .screen-tools .seg button { min-height: 44px; }
  .chip span { min-height: 44px; }
  .nav a { padding: 11px 12px; }
  .reset { padding: 12px 0; }
  .add-row { min-height: 48px; }
  .coll details summary { padding-block: 11px; }
  .nvo-rech input, .rename input, .field input:is([type=text], [type=password]).plain, select, input[type=number] { font-size: 16px; }
  .act { scroll-margin-top: 76px; }
  /* La régie au doigt : puces et boutons de 40 px de haut, interrupteurs plus grands (zone de 44 px), nuancier
     sur 10 colonnes (19 pastilles de 14 px sur un téléphone, c'était trop petit), textes d'au moins 0,75rem. */
  .regie-console .puces { gap: 6px; }
  .regie-console .puces button { min-height: 40px; padding: 8px 13px; font-size: .8rem; }
  .regie-console .choix { grid-template-columns: 84px 1fr; }
  .regie-console .choix > span { font-size: .75rem; letter-spacing: .04em; }
  .regie-console .regie-note { font-size: .8rem; }
  .regie-console .interrupteur { width: 52px; height: 30px; }
  .regie-console .interrupteur::before { content: ""; position: absolute; inset: -7px -4px; }
  .regie-console .interrupteur::after { top: 4px; left: 4px; width: 22px; height: 22px; }
  .regie-console .interrupteur[aria-checked="true"]::after { transform: translateX(22px); }
  .regie-voies .carte-plus { min-height: 40px; padding: 8px 13px; font-size: .78rem; }
  .regie-plus .plus-fermer { width: 44px; height: 44px; }
  .regie-onglets button { min-height: 44px; font-size: .8rem; }
  .regie-memoires button { font-size: .75rem; }
  .regie-console .curseur input[type=range] { height: 40px; }
  .regie-console .curseur output { font-size: .8rem; }
  .regie-console .nuancier { grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 7px; }
}
/* Ouverte par-dessus le guide (dans un cadre) : seulement les réglages et le billet. La barre du guide
   porte le titre et « Terminé » ; rien ne mène ailleurs (salles, guide, mode d'emploi déjà dans le guide). */
.dans-guide .valance, .dans-guide .foyer, .dans-guide .marquee-wrap, .dans-guide .draperie, .dans-guide #s-mode, .dans-guide .nav a[href="#s-mode"] { display: none !important; }
.dans-guide body { padding-top: 16px; }
@media (prefers-reduced-motion: reduce) { body::after, .frame::after, .frame .pos, .screen::before, .nv *, .fiche, .fiche * { animation: none !important; } .ticket { transform: none; } .nv, .nv-track { scroll-behavior: auto; } }