/* ============================================================
   FORME — styles de l'onglet Forme (coach/front/)
   #187 : forme.js réécrit en inline styles (style Sommeil).
   Toutes les classes CSS précédentes (forme-grand, forme-vfc,
   charge-legende, acwr-jauge, journal-liste…) sont mortes :
   supprimées. Le fichier reste pour compatibilité import HTML.

   #242 : classes-hameçon pour les valeurs-vedettes et l'axe de
   l'histogramme (ciblées par la recette headless en getComputedStyle).
   Le détail de mise en forme reste inline dans forme.js ; ces règles
   posent l'invariant de police vedette (Fraunces) homogène cross-écran.
   ============================================================ */

/* Valeurs-vedettes Forme : police Fraunces (réf unique, cf. base.css). */
.forme-spc-val,
.forme-vo2age-val {
  font-family: 'Fraunces', Georgia, serif;
  line-height: 1;
}

/* Labels de dates inclinés sous l'histogramme empilé (#242, scène D/G). */
.forme-histo-x {
  white-space: nowrap;
}

/* ============================================================
   #297 (PRD #294) — Animation de l'histogramme : les barres poussent du SOL
   en cascade décalée à l'arrivée sur l'onglet. Réf visuelle figée : Labo écran
   « Anim », carte 11 (classes la-hist/la-seg, keyframe la-rise) — style porté
   ici proprement, scopé au composant Forme (pas de dépendance au proto jetable).

   PRINCIPE (cohérent avec le socle #295) :
   - L'effet ne joue QUE sous le conteneur `.coach-anim` (posé par forme.js). Hors
     `.coach-anim`, les barres restent à leur hauteur finale (zéro régression).
   - Chaque segment part de scaleY(0) origine bas → scaleY(1). La CASCADE vient de
     `--histo-i` (rang de la colonne, posé par forme.js) : delay = i × pas.
   - REJEU : forme.js réécrit le DOM à chaque arrivée → nœuds neufs, anim relancée.
   - REDUCED-MOTION : coupe l'anim ET force l'état final (scaleY 1) — sinon une
     barre à scaleY 0 resterait invisible. Garde-fou DUR, prouvé en headless.
   ============================================================ */
.coach-anim .forme-histo-seg {
  transform: scaleY(0);
  transform-origin: bottom;
  animation: forme-histo-rise .55s cubic-bezier(.22, 1, .36, 1) forwards;
  /* Cascade : chaque colonne (--histo-i) démarre un cran plus tard. */
  animation-delay: calc(var(--histo-i, 0) * 90ms);
}
@keyframes forme-histo-rise { to { transform: scaleY(1); } }

@media (prefers-reduced-motion: reduce) {
  .coach-anim .forme-histo-seg {
    animation: none;
    transform: scaleY(1);
  }
}