/* Aide de l'écran (bouton « ? » de la barre d'outils) : feuille modale aux jetons de bara.css. */
.bouton-aide {
  min-width: 2.25rem; min-height: 2.25rem; padding: 0; border-radius: 999px;
  font-weight: 700; justify-content: center; box-shadow: inset 0 0 0 1px var(--separateur);
}
.feuille-aide {
  width: min(32rem, calc(100vw - 2rem)); max-height: min(80vh, 40rem); padding: 0; border: none;
  border-radius: var(--rayon-grand); background: var(--fond-element); color: var(--label);
  box-shadow: var(--verre-ombre);
}
.feuille-aide::backdrop { background: rgba(46, 42, 38, 0.32); }
.feuille-aide__contenu { padding: 1.25rem 1.5rem 1.5rem; }
.feuille-aide__entete { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.feuille-aide__entete h2 { margin: 0; }
.feuille-aide__entete form { margin: 0; }
.feuille-aide__lignes { padding-left: 1.25rem; margin: 1rem 0; display: grid; gap: 0.5rem; }
.feuille-aide__liens { margin: 0; font-size: var(--t-subheadline); }
.guide { max-width: 48rem; }
.guide h2, .guide h3, .guide h4 { margin-top: 2rem; scroll-margin-top: 4rem; }
.guide li + li { margin-top: 0.25rem; }
.guide pre { overflow-x: auto; background: var(--fond-remplissage); padding: 0.75rem 1rem; border-radius: var(--rayon); }
.guide .tableau-conteneur { margin: 1rem 0; }
@media (max-width: 640px) {
  .feuille-aide { margin: auto auto 0; width: 100vw; max-width: 100vw; border-radius: var(--rayon-grand) var(--rayon-grand) 0 0; }
}
@media print { .bouton-aide, .feuille-aide { display: none; } }