/* =========================================================================
   Pas à son — fiche d'un graphème (nouvelle architecture des sons)
   Complète styles.css et page-son.css, chargés sans modification.
   À l'écran : exactement la présentation de la fiche « ou ».
   À l’impression : la carte seule (impression-son.css, impression-son.js).
   ========================================================================= */

/* En-tête imprimé : invisible à l'écran */
.sv2-impression { display: none; }

/* Mention de droits (n'existe que si la fiche l'active dans le catalogue) */
.sv2-droits { padding-top: 0.75rem; font-size: 0.8125rem; color: var(--texte-doux); text-align: center; }

/* ---------- Téléphone et tablette : barre de navigation fixe en bas ------
   La barre (styles.css, --barre-onglets, safe-area comprise) ne doit jamais
   masquer la fiche :
   - espace réservé en bas de page = hauteur de la barre + sa bordure, avec
     une petite marge (la barre peut dépasser --barre-onglets d'un pixel) ;
   - tout élément atteint au clavier ou par un lien s'arrête au-dessus de la
     barre (scroll-padding-bottom).
   Sans effet sur ordinateur (barre absente) ni à l'impression. */
@media screen and (max-width: 68rem) {
  html { scroll-padding-bottom: calc(var(--barre-onglets) + 1rem); }
  body:has(> main.page-son-v2) { padding-bottom: calc(var(--barre-onglets) + 0.5rem); }
}

/* ---------- Impression -------------------------------------------------
   Carte 15 × 10 cm (ou A4 avec la carte à sa taille réelle) : voir
   assets/css/impression-son.css et assets/js/impression-son.js. */