/* ============================================================
   BLOC section_outro — conclusion de section (outro italique cuivre)
   Variante autonome de .section-statement (base dans common.css), sur fond beige.
   L'écart au-dessus vient du padding-bottom du bloc précédent (key_statements) ;
   l'écart en dessous = --statement-gap (identique à l'ancien padding-bottom de
   la section .problem qui se terminait par le .section-statement).
   Animation [data-section-statement] : scroll-engine.js.
   ============================================================ */
.section-outro {
  background: var(--c-bg-cream);
  /* padding-top 0 : l'écart phrases-clés → conclusion est porté par le
     padding-bottom de .key-statements (= --statement-gap). */
  padding: 0 0 var(--statement-gap);
}
/* La base .section-statement a un margin-top: var(--statement-gap) (utile quand
   il est en fin d'une autre section). Ici l'écart est déjà géré → on l'annule
   pour ne pas le doubler. */
.section-outro .section-statement { margin-top: 0; }

/* Variante claire (sur beige) : textes bleu marine, fragments cuivre (hérités). */
.section-outro .section-statement--dark { color: var(--c-blue); }
.section-outro .section-statement--dark .section-statement__intro { color: rgba(0, 57, 77, 0.78); }
.section-outro .section-statement--dark .section-statement__sep   { color: rgba(0, 57, 77, 0.78); }