/* =========================================================
   ACCOMPAGNEMENT RÉVELLE — page accompagnement-revelle.html.
   Chargé après home.css et accompagnement.css, dont la page réutilise les
   composants (hero, intro .lead, timeline, cartes, prix, FAQ, CTA final).
   Ce fichier ne contient QUE les ajustements propres à cette page.
   ========================================================= */

/* ---- Quatre séances : timeline en 2 × 2 (au lieu des 3 colonnes de la
   méthode NouvElle), une seule colonne sous 700px. ---- */
.rv-timeline { grid-template-columns: repeat(2, 1fr); row-gap: clamp(2rem, 4vw, 3rem); }
@media (max-width: 700px) { .rv-timeline { grid-template-columns: 1fr; gap: 1.75rem; } }

/* ---- Équilibre des lignes (checklist : jamais un mot seul en dernière ligne).
   Portée limitée à cette page : tagline du hero et titres de section équilibrés,
   paragraphes et puces sans mot orphelin. ---- */
.acc-hero-tagline, .section-head h2 { text-wrap: balance; }
.rv-timeline .acc-timeline-step p, .acc-check-list li, .fit-list li { text-wrap: pretty; }

/* ---- Tarif et modalités : le paragraphe d'introduction est placé hors du
   .section-head (il forme un bloc avec le filet de .invest-intro). Il héritait
   donc de l'écart head → contenu (2,5 à 4 rem, soit 64 px à 1440), très
   supérieur à l'écart titre → paragraphe des autres sections, où le .lead est
   dans le head (1,25 rem = 20 px). On ramène la section au même écart. ---- */
.rv-invest .section-head { margin-bottom: 1.25rem; }