/* La Configuration de la solution : le MOUVEMENT des blocs au dessin, et la liste des animations de Design (CDC_APPSTUDIO_MODIF
   I7, 2026-11-05). Une feuille à part : 48-cms.css tient sous 650 lignes (son cliquet ne remonte jamais). Le dessin joue en Play
   ce que la page publiée joue (m14r.css 1.39.0) : la transition réglée d'un bloc, son animation à images clés (#cms-anims-css,
   écrit depuis le plan), la parallaxe et la progression liées au défilement de l'aperçu (scroll(nearest) : l'aperçu défile
   dans son cadre, pas la fenêtre). Les valeurs de repli sont celles de la page (1,2 s, 1 s), pas des jetons de l'atelier :
   le dessin montre ce que le visiteur verra. Rien si le poste demande moins d'animations. Jetons seulement pour la liste.
   La durée en !important : en Play, un bloc du dessin garde role="button", et la règle « survol sans fondu » de
   06-components (hors couche, !important) mettait sa transition à 0 s ; une déclaration importante d'une couche l'emporte. */
@layer modules{
  @media (prefers-reduced-motion:no-preference){
    .cms-apercu.live .cms-ap-composee .cms-ap-b{
      animation:var(--apparition, none) var(--apparition-duree, var(--cms-dur-l)) ease-out both,
        var(--bloc-animation, none) var(--bloc-animation-duree, 1.2s) var(--bloc-courbe, ease) 0s var(--bloc-animation-repetition, 1) var(--bloc-animation-sens, normal) both;
      transition-property:background, color, border-color, box-shadow, opacity, transform, translate, scale, rotate, filter;
      transition-duration:var(--bloc-transition, 0s) !important; transition-timing-function:var(--bloc-courbe, ease); transform-origin:var(--bloc-origine, 50% 50%); }
    @supports (animation-timeline: view()){ .cms-apercu.live .cms-ap-composee .cms-ap-b{
      animation:var(--apparition, none) var(--apparition-duree, var(--cms-dur-l)) ease-out both,
        var(--bloc-animation, none) var(--bloc-animation-duree, 1.2s) var(--bloc-courbe, ease) 0s var(--bloc-animation-repetition, 1) var(--bloc-animation-sens, normal) both,
        var(--bloc-parallaxe, none) 1s linear both, var(--bloc-progression, none) 1s linear both;
      animation-timeline:view(), auto, view(), scroll(nearest); animation-range:entry 0% cover 25%, normal, cover 0% cover 100%, normal; } }
  }
  @keyframes m14r-parallaxe{ from{ translate:0 var(--bloc-parallaxe-amplitude, 40px); } to{ translate:0 calc(-1 * var(--bloc-parallaxe-amplitude, 40px)); } }
  @keyframes m14r-progression{ from{ scale:0 1; } to{ scale:1 1; } }
  /* Le mouvement d'un bloc ne passe pas à ses enfants (comme m14r.css). */
  .cms-ap-composee .cms-ap-b .cms-ap-b{ --bloc-transition:initial; --bloc-courbe:initial; --bloc-animation:initial; --bloc-animation-duree:initial; --bloc-animation-repetition:initial;
    --bloc-animation-sens:initial; --bloc-parallaxe:initial; --bloc-parallaxe-amplitude:initial; --bloc-progression:initial; --bloc-origine:initial; }

  /* Design › Animations : une animation par carte (son nom, sa règle, ses étapes en lignes de six cases). */
  .cms-anims-liste{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-10); }
  .cms-anim{ display:grid; gap:var(--sp-6); padding:var(--sp-8); border:1px solid var(--line); border-radius:var(--radius-sm); }
  .cms-anim-tete{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:var(--sp-6); } .cms-anim-tete code{ color:var(--mut); font-size:var(--fs-xs); }
  .cms-anim-etapes{ list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-4); }
  .cms-anim-entetes, .cms-anim-etape{ display:grid; grid-template-columns:repeat(6, minmax(0,1fr)) var(--sp-24); align-items:center; gap:var(--sp-4); }
  .cms-anim-entetes{ color:var(--mut); font-size:var(--fs-xs); } .cms-anim-etape input{ min-width:0; text-align:end; }

  /* CDC_APPSTUDIO_MODIF I8 (NAV1) : le bloc menu au dessin, un lien par vue publiée de premier niveau (la feuille du dessin qui a
     de la place : 48-cms.css tient son cliquet). */
  .cms-ap-menu{ display:flex; flex-wrap:wrap; gap:var(--sp-4) var(--sp-16); } .cms-ap-menu.colonne{ flex-direction:column; }
  .cms-ap-menu .cms-ap-lien{ color:inherit; } .cms-ap-menu .cms-ap-lien.on{ font-weight:var(--fw-strong); color:var(--color-primary, var(--accent)); }
}