/* ============================================================
   ANIMA — Création racontée (brique J-C, spec 2026-09-24 « Le journal » § 3)
   « Imaginer » un séjour, entrée racontée du projet pédagogique, Bibliothèque › Mes activités.
   Port du prototype validé ~/anima-proto/journal/v2/ (v2.css : phrases à compléter, une, arbre, activité, flow).
   Tout est cantonné sous .rc (les noms .fiche, .mode, .flow, .noeud existent ailleurs dans la plateforme).
   Tokens de css/tokens.css seuls (tests/charte.test.mjs) ; aucun emoji ; rien d'un formulaire : pas de cadre de champ,
   pas de compteur, pas de badge « rempli », un seul bouton plein par écran.
   ============================================================ */

.rc { --rc-d-pedagogie: var(--pedagogie-filet); --rc-gout: var(--sp-5); color: var(--texte); padding-bottom: clamp(2rem, 5vw, 3.5rem); }
/* Monté dans la vue « moment » de la coque (comme la page séjour) : .c-page > .wrap donne largeur et gouttière. */
@media (max-width: 720px) { .rc { --rc-gout: 14px; } }   /* gouttière de .wrap (css/styles.css) : la une collée va bord à bord */
.rc :where(h1, h2, h3, p, ol, ul, dl, dd, figure) { margin: 0; }
.rc :where(ol, ul) { list-style: none; padding: 0; }
.rc button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.rc .ariane { margin: .35rem 0 .6rem; align-items: center; }
.rc .ariane-l { display: inline-flex; align-items: center; min-height: 44px; }
.rc-surtitre { font-family: var(--sans); font-weight: 600; font-size: .68rem; letter-spacing: .13em; text-transform: uppercase; color: var(--texte-2); margin-bottom: .45rem; }
.rc-surtitre.est-sim::before { content: ''; display: inline-block; width: .7em; height: .7em; margin-right: .45em; border: 1.5px dashed var(--ligne-2); vertical-align: -.05em; }
.rc .col-titre { display: flex; align-items: center; gap: .5rem; font-family: var(--sans); font-weight: 600; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--texte-2); padding-bottom: .55rem; border-bottom: 1px solid var(--texte); }
.rc .bloc-titre { font-family: var(--serif); font-weight: 400; font-size: clamp(1.6rem, 2.4vw, 2rem); line-height: 1.05; }
.rc .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rc [hidden] { display: none !important; }

/* Boutons : un seul plein par écran ; le reste en liens soulignés. */
.rc-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 46px; padding: 0 1.3rem; background: var(--texte); color: var(--bg-0); border: 1px solid var(--texte); border-radius: 2px; font-family: var(--sans); font-weight: 500; font-size: .94rem; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background var(--dur), border-color var(--dur); }
.rc .rc-btn { color: var(--bg-0); background: var(--texte); border: 1px solid var(--texte); padding: 0 1.3rem; }
.rc-btn:hover, .rc .rc-btn:hover { background: var(--texte-2); border-color: var(--texte-2); }
.rc-btn:disabled { opacity: .6; cursor: progress; }
.rc .lien-bouton { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; color: var(--texte-2); font-size: .9rem; text-decoration: underline; text-decoration-color: var(--ligne-2); text-underline-offset: 4px; }
.rc .lien-bouton:hover { color: var(--texte); text-decoration-color: currentColor; }

/* ---------- Phrases à compléter ---------- */
.rc .phrase { font-family: var(--serif); line-height: 1.5; text-wrap: pretty; overflow-wrap: anywhere; }
.rc .mot { display: inline; min-height: 44px; padding: .15em 0; font-family: inherit; font-size: inherit; line-height: inherit; color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: currentColor; text-underline-offset: .17em; cursor: pointer; transition: color var(--dur); }
.rc .mot-court { display: inline-block; min-width: 1.1em; text-align: center; }
.rc .mot:hover { color: var(--texte); }
.rc .mot[aria-expanded="true"] { color: var(--texte); text-decoration-thickness: .08em; }
.rc .mot.est-vide { color: var(--texte-3); text-decoration-style: dotted; text-decoration-thickness: 2px; }
.rc .mot.est-vide:hover { color: var(--survol-texte); }
.rc .mot:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 2px; }
.rc .choix { margin: .5rem 0 .8rem; padding: .6rem 0 .7rem; border-top: 1px solid var(--ligne); border-bottom: 1px solid var(--ligne); }
.rc .choix-q { font-family: var(--sans); font-size: .64rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--texte-3); margin-bottom: .1rem; }
.rc .choix-liste { display: flex; flex-wrap: wrap; column-gap: .15rem; font-family: var(--serif); }
.rc .choix-liste li { display: flex; align-items: center; }
.rc .choix-liste li:not(:last-child)::after { content: '·'; color: var(--texte-3); padding-inline: .4rem .3rem; }
.rc .choix-o { min-height: 44px; min-width: 32px; font-family: var(--serif); font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.2; color: var(--texte-2); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: .17em; transition: color var(--dur), text-decoration-color var(--dur); }
.rc .choix-o:hover { color: var(--texte); text-decoration-color: var(--ligne-2); }
.rc .choix-o[aria-pressed="true"] { color: var(--texte); text-decoration-color: currentColor; text-decoration-thickness: .08em; }
.rc .blanc { min-height: 44px; padding: 0 .1em; background: transparent; border: 0; border-bottom: 1px solid var(--accent); border-radius: 0; box-shadow: none; color: var(--texte); font-family: var(--serif); font-size: inherit; line-height: 1.3; field-sizing: content; min-width: 4ch; max-width: 100%; vertical-align: baseline; transition: border-color var(--dur), background var(--dur); }
.rc .blanc::placeholder { color: var(--texte-3); opacity: 1; }
.rc .blanc:hover { border-bottom-color: var(--texte); }
.rc .blanc:focus-visible, .rc .blanc:focus { outline: none; border-bottom: 2px solid var(--accent); background: var(--accent-fond); }
.rc .blanc-zone { display: block; width: 100%; resize: none; overflow: hidden; padding-block: .1em .2em; }
.rc .blanc-n { min-width: 3ch; text-align: center; }
.rc .amorces { display: flex; flex-wrap: wrap; align-items: center; column-gap: .1rem; margin-top: .3rem; font-size: .88rem; color: var(--texte-3); }
.rc .amorces-lib { margin-right: .4rem; }
.rc .amorces .sep { padding-inline: .3rem; }
.rc .amorce { min-height: 44px; color: var(--texte-2); text-decoration: underline; text-decoration-color: var(--ligne-2); text-underline-offset: 4px; text-align: left; }
.rc .amorce:hover { color: var(--texte); text-decoration-color: currentColor; }

/* ---------- Imaginer ---------- */
.rc .im-grille, .rc .pp-grille { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2rem clamp(2rem, 4.5vw, 3.6rem); align-items: start; padding-top: .6rem; }
.rc .im-titre, .rc .pp-titre, .rc .act-titre { font-family: var(--serif); font-weight: 400; font-size: clamp(2.1rem, 3.6vw, 2.9rem); line-height: 1; letter-spacing: -.01em; margin-bottom: 1.1rem; }
.rc .phrases-imaginer .phrase, .rc .phrases-projet .phrase, .rc .phrases-activite .phrase { font-size: clamp(1.4rem, 2.3vw, 1.85rem); line-height: 1.55; }
.rc .phrases-imaginer .phrase + .phrase, .rc .phrases-imaginer .choix + .phrase { margin-top: .35rem; }
.rc .phrases-imaginer .blanc-zone { margin-top: .1rem; }
.rc .im-bas { display: flex; flex-wrap: wrap; gap: .2rem 1.4rem; margin-top: 1rem; padding-top: .4rem; border-top: 1px solid var(--ligne); }
.rc .im-droite { position: sticky; top: calc(var(--header-h) + 1rem); display: grid; gap: 1.2rem; }
.rc .une-sejour { position: relative; background: var(--s1); border: 1px solid var(--ligne); padding: 1rem 1.1rem 1.1rem; }
.rc .une-oreille { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding-bottom: .45rem; margin-bottom: .8rem; border-bottom: 3px double var(--texte); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--texte-2); font-weight: 600; }
.rc .une-marque { font-family: var(--serif); font-size: 1.05rem; letter-spacing: .16em; color: var(--texte); font-weight: 400; }
.rc .une-photo { position: relative; aspect-ratio: 3 / 2; background: var(--s3); overflow: hidden; margin-bottom: .8rem; }
.rc .une-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rc .une-photo-vide { position: absolute; inset: 0; display: grid; place-items: center; color: var(--texte-3); border: 1px dashed var(--ligne-2); font-size: .8rem; }
.rc .une-surtitre { font-family: var(--sans); font-weight: 600; font-size: .68rem; letter-spacing: .13em; text-transform: uppercase; color: var(--texte-2); margin-bottom: .3rem; }
.rc .une-titre { font-family: var(--serif); font-weight: 400; font-size: clamp(1.9rem, 2.8vw, 2.5rem); line-height: 1; text-wrap: balance; overflow-wrap: anywhere; }
.rc .une-chapo { color: var(--texte-2); margin-top: .45rem; text-wrap: pretty; overflow-wrap: anywhere; }
.rc .une-intention { margin-top: .8rem; padding-left: .8rem; border-left: 3px solid var(--rc-d-pedagogie); font-family: var(--serif); font-style: italic; font-size: 1.12rem; line-height: 1.3; overflow-wrap: anywhere; }
.rc .est-vide-une { color: var(--texte-3); }
.rc .une-faits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--texte); margin-top: .9rem; }
.rc .une-faits li { display: grid; gap: .05rem; padding: .5rem .5rem 0 0; min-width: 0; }
.rc .une-faits li + li { border-left: 1px solid var(--ligne); padding-left: .6rem; }
.rc .une-faits span { font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; color: var(--texte-2); font-weight: 600; }
.rc .une-faits b { font-weight: 500; font-size: .92rem; line-height: 1.25; overflow-wrap: anywhere; }
.rc .une-deplier { display: none; }
.rc .deja { display: grid; }
.rc .deja li { padding: .55rem 0 .6rem .8rem; border-left: 3px solid var(--d, var(--ligne-2)); border-bottom: 1px solid var(--ligne); font-size: .9rem; color: var(--texte-2); text-wrap: pretty; }
.rc .deja li.d-equipe { --d: var(--equipe-filet); }
.rc .deja li.d-logistique { --d: var(--logistique-filet); }
.rc .deja li.d-sante { --d: var(--sante-filet); }
.rc .deja li.d-argent { --d: var(--argent-filet); }
.rc .deja li b { color: var(--texte); font-weight: 600; }
.rc .deja-vide { padding-top: .6rem; color: var(--texte-3); font-size: .9rem; font-style: italic; }
.rc .im-sim { margin-top: .9rem; }
.rc .im-sim-aide { font-size: .84rem; color: var(--texte-3); text-wrap: pretty; }
.rc .im-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.3rem; margin-top: .9rem; }
.rc .im-note, .rc .pp-note, .rc .act-note { margin-top: .4rem; color: var(--texte-2); font-size: .88rem; min-height: 1.3em; text-wrap: pretty; }

/* ---------- Bascule (interrupteur) ---------- */
.rc .bascule { display: inline-flex; align-items: center; gap: .7rem; min-height: 44px; font-weight: 500; cursor: pointer; }
.rc .bascule input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rc .bascule-piste { position: relative; width: 40px; height: 24px; border-radius: 12px; background: var(--s3); border: 1px solid var(--ligne-2); flex: none; transition: background var(--dur); }
.rc .bascule-piste::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--texte-2); transition: transform var(--dur) var(--ease), background var(--dur); }
.rc .bascule input:checked + .bascule-piste { background: var(--texte); border-color: var(--texte); }
.rc .bascule input:checked + .bascule-piste::after { transform: translateX(16px); background: var(--bg-0); }
.rc .bascule input:focus-visible + .bascule-piste { outline: 2px solid var(--accent); outline-offset: 3px; }

/* ---------- Projet pédagogique : les phrases sèment l'arbre ---------- */
.rc .pp-chapo { color: var(--texte-2); max-width: 56ch; margin: -.3rem 0 1.1rem; text-wrap: pretty; }
.rc .pp-phrase { padding-block: .45rem .5rem; border-top: 1px solid var(--ligne); }
.rc .pp-phrase:first-child { border-top: 1px solid var(--texte); }
.rc .pp-valeur-libre { font-style: italic; color: var(--texte-2); }
.rc .pp-arbre { position: sticky; top: calc(var(--header-h) + 1rem); }
.rc .arbre { padding-top: .8rem; }
.rc .arbre ol { margin-left: .3rem; }
.rc .noeud { position: relative; padding: .35rem 0 .45rem; }
.rc .arbre ol > .noeud { padding-left: 1.25rem; }
.rc .arbre ol > .noeud::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; border-left: 1px solid var(--rc-d-pedagogie); }
.rc .arbre ol > .noeud:last-child::before { bottom: auto; height: .8rem; }
.rc .arbre ol > .noeud::after { content: ''; position: absolute; left: 0; top: .8rem; width: .85rem; border-top: 1px solid var(--rc-d-pedagogie); }
.rc .noeud-type { display: block; font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--texte-2); }
.rc .noeud-texte { font-family: var(--serif); font-size: 1.18rem; line-height: 1.2; text-wrap: pretty; overflow-wrap: anywhere; }
.rc .noeud-def { font-size: .84rem; color: var(--texte-2); text-wrap: pretty; }
.rc .noeud.est-vide-arbre > .noeud-texte { color: var(--texte-3); font-style: italic; }
.rc .noeud.est-atelier > .noeud-texte { font-family: var(--sans); font-size: .86rem; color: var(--texte-3); font-style: italic; }
.rc .noeud.est-atelier > .noeud-type { color: var(--texte-3); }
.rc .arbre ol > .noeud.est-atelier::before, .rc .arbre ol > .noeud.est-atelier::after { border-style: dashed; }
.rc .noeud-eval { margin-top: .6rem; padding-top: .7rem; border-top: 1px solid var(--ligne); }
.rc .pp-actions { display: grid; justify-items: start; gap: .5rem; margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--texte); }

/* ---------- Activité : création racontée, intégration, fiche ---------- */
.rc .act-tete { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .4rem 2rem; padding-top: .6rem; }
.rc .act-tete .act-titre { margin-bottom: .6rem; }
.rc .act-liens { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1.3rem; margin-bottom: .6rem; }
.rc .act-chapo { color: var(--texte-2); max-width: 62ch; margin: .2rem 0 1.2rem; text-wrap: pretty; }
.rc .modes { display: flex; gap: 1.4rem; }
.rc .mode { position: relative; min-height: 44px; font-family: var(--sans); font-weight: 500; font-size: .94rem; color: var(--texte-2); }
.rc .mode[aria-selected="true"] { color: var(--texte); }
.rc .mode[aria-selected="true"]::after { content: ''; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px; background: var(--texte); }
.rc .act-grille { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2rem clamp(2rem, 4.5vw, 3.6rem); align-items: start; border-top: 1px solid var(--texte); padding-top: 1rem; }
.rc .phrases-activite .phrase + .phrase, .rc .phrases-activite .choix + .phrase { margin-top: .3rem; }
.rc .integrer-chapo { color: var(--texte-2); margin-bottom: .7rem; max-width: 58ch; }
.rc .flow { margin-top: 1.6rem; padding-top: 1rem; border-top: 1px solid var(--texte); }
.rc .flow-chapo { color: var(--texte-2); margin-top: .4rem; max-width: 60ch; font-size: .95rem; text-wrap: pretty; }
.rc .flow-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.6rem; margin-top: .6rem; }
.rc .flow-q { padding: .7rem 0 .4rem; border-bottom: 1px solid var(--ligne); min-width: 0; }
.rc .flow-lib { display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); column-gap: .3rem; cursor: text; }
.rc .flow-n { grid-row: 1 / span 2; font-family: var(--sans); font-weight: 300; font-size: 1.35rem; line-height: 1; color: var(--texte-3); }
.rc .flow-nom { font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--texte-2); }
.rc .flow-question { font-family: var(--serif); font-size: 1.2rem; line-height: 1.15; }
.rc .flow-ex { margin: .2rem 0 0 1.9rem; font-size: .84rem; color: var(--texte-3); text-wrap: pretty; }
.rc .flow-rep { margin-left: 1.9rem; width: calc(100% - 1.9rem); font-size: 1.05rem; }
.rc .act-droite { position: sticky; top: calc(var(--header-h) + 1rem); display: grid; gap: 1rem; }
.rc .fiche { background: var(--s1); border: 1px solid var(--ligne); padding: 1rem 1.1rem 1.1rem; }
.rc .fiche-oreille { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .45rem; margin-bottom: .7rem; border-bottom: 1px solid var(--texte); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--texte-2); font-weight: 600; }
.rc .fiche-titre { font-family: var(--serif); font-weight: 400; font-size: clamp(1.7rem, 2.4vw, 2.1rem); line-height: 1.02; overflow-wrap: anywhere; }
.rc .fiche-meta { margin-top: .35rem; font-size: .88rem; color: var(--texte-2); }
.rc .fiche-idee { margin-top: .5rem; overflow-wrap: anywhere; text-wrap: pretty; }
.rc .fiche-flow { margin-top: .6rem; display: grid; }
.rc .fiche-flow div { padding: .45rem 0; border-top: 1px solid var(--ligne); }
.rc .fiche-flow dt { font-size: .64rem; letter-spacing: .13em; text-transform: uppercase; font-weight: 700; color: var(--texte-2); }
.rc .fiche-flow dd { font-size: .92rem; overflow-wrap: anywhere; }
.rc .fiche-vide { margin-top: .6rem; font-size: .86rem; font-style: italic; color: var(--texte-3); }
.rc .partage { padding: .2rem 0; }
.rc .partage-texte { font-size: .88rem; color: var(--texte-2); text-wrap: pretty; }
.rc .partage-texte b { color: var(--texte); }
.rc .act-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1.3rem; }
.rc .act-actions .act-note { flex-basis: 100%; }
.rc .act-section { margin-top: 1.4rem; }
.rc .act-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.6rem; }
.rc .act-carte { border-bottom: 1px solid var(--ligne); min-width: 0; }
.rc .act-carte-l { display: grid; gap: .15rem; padding: .8rem 0 .85rem; color: inherit; text-decoration: none; }
.rc .act-carte-titre { font-family: var(--serif); font-size: 1.45rem; line-height: 1.1; overflow-wrap: anywhere; }
.rc .act-carte-l:hover .act-carte-titre { text-decoration: underline; text-decoration-color: var(--ligne-2); text-underline-offset: 4px; }
.rc .act-carte-meta { font-size: .84rem; color: var(--texte-2); }
.rc .act-carte-idee { font-size: .92rem; overflow-wrap: anywhere; text-wrap: pretty; }
.rc .act-carte-etat { font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var(--texte-3); margin-top: .15rem; }
.rc .act-vide { padding-top: .7rem; color: var(--texte-3); font-style: italic; font-size: .92rem; }
.rc .fa-grille { border-top: 0; padding-top: .4rem; }
.rc .fa-grille .fiche { max-width: 44rem; }

/* ---------- Tablette ---------- */
@media (max-width: 1100px) {
  .rc .flow-liste { grid-template-columns: 1fr; }
}

/* ---------- Téléphone ---------- */
@media (max-width: 860px) {
  .rc .im-grille, .rc .pp-grille, .rc .act-grille, .rc .act-liste { grid-template-columns: 1fr; }
  /* Imaginer : la une reste visible en haut pendant qu'on écrit */
  .rc .im-droite { display: contents; }
  .rc .im-apercu { position: sticky; top: var(--header-h); z-index: 20; order: -1; margin-inline: calc(-1 * var(--rc-gout)); padding: .5rem var(--rc-gout); background: var(--bg-0); border-bottom: 1px solid var(--ligne); }
  .rc .im-ecrire { order: 0; }
  .rc .im-suite { order: 1; }
  .rc .une-sejour { display: grid; grid-template-columns: 5.2rem minmax(0, 1fr); column-gap: .8rem; padding: .55rem .65rem .6rem; }
  .rc .une-oreille { display: none; }
  .rc .une-photo { grid-row: 1 / span 2; margin: 0; aspect-ratio: 1; align-self: start; }
  .rc .une-texte { min-width: 0; }
  .rc .une-titre { font-size: 1.45rem; }
  .rc .une-chapo { font-size: .86rem; margin-top: .2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .rc .une-surtitre { font-size: .56rem; margin-bottom: .2rem; }
  .rc .une-intention, .rc .une-faits { display: none; }
  .rc .une-deplier { display: inline-flex; align-items: center; grid-column: 2; min-height: 44px; margin-top: -.3rem; font-size: .82rem; color: var(--texte-2); text-decoration: underline; text-decoration-color: var(--ligne-2); text-underline-offset: 4px; justify-self: start; }
  .rc .une-sejour.est-deplie { grid-template-columns: 1fr; }
  .rc .une-sejour.est-deplie .une-photo { grid-row: auto; aspect-ratio: 3 / 2; margin-bottom: .6rem; }
  .rc .une-sejour.est-deplie .une-chapo { display: block; -webkit-line-clamp: none; }
  .rc .une-sejour.est-deplie .une-intention { display: block; }
  .rc .une-sejour.est-deplie .une-faits { display: grid; }
  .rc .une-sejour.est-deplie .une-deplier { grid-column: 1; }
  .rc .im-apercu:has(.est-deplie) { position: static; }
  .rc .phrases-imaginer .phrase, .rc .phrases-projet .phrase, .rc .phrases-activite .phrase { font-size: 1.45rem; }
  .rc .blanc, .rc .mot { scroll-margin-top: 13rem; }
  .rc .pp-arbre, .rc .act-droite { position: static; }
  .rc .flow-question { font-size: 1.1rem; }
  .rc .act-tete { flex-direction: column; align-items: flex-start; }
  .rc .modes { width: 100%; border-bottom: 1px solid var(--texte); gap: 1.2rem; }
  .rc .act-grille { border-top: 0; padding-top: .6rem; }
}

@media (prefers-reduced-motion: reduce) {
  .rc *, .rc *::before, .rc *::after { transition-duration: 1ms !important; }
}