/* Étude de cas : complète estimation.css (même document A4 et page web) pour les fichiers du dossier etudes/.
   Chargé après main.css et estimation.css : hérite des jetons --ink, --mute, --rule, --accent, --navy, --panel-ink. */

.etu-liste li + li { margin-top: var(--s-2); }

/* Les étapes : une colonne numérotée, l'ordre est l'information */
.etu-etapes { list-style: none; padding: 0 0 0 16px; margin: var(--s-6) 0 0; counter-reset: etape; }   /* 16 px : la pastille numérotée (30 px, centrée sur le filet) reste dans la page imprimée */
.etu-etapes li { position: relative; margin: 0; padding: 0 0 var(--s-8) var(--s-12); border-left: 1px solid var(--rule); counter-increment: etape; }
.etu-etapes li:last-child { padding-bottom: 0; }
.etu-etapes li::before {
    content: counter(etape);
    position: absolute; left: -15px; top: -2px;
    width: 30px; height: 30px; border-radius: 50%;
    background: var(--accent); color: #fff;
    font-size: var(--text-sm); font-weight: 700;
    display: flex; align-items: center; justify-content: center;
}
html[data-theme="dark"] .etu-etapes li::before { color: #000; }
.etu-etapes h3 { margin: 0 0 var(--s-2); font-size: var(--text-lg); }
.etu-etapes p { margin: 0; color: var(--mute); }

.etu-resultats th:first-child { width: 30%; }

/* Ce que cela change pour vous : le seul bloc en bleu profond du document */
.etu-pour-vous { margin-top: var(--s-16); padding: var(--s-8); border-radius: var(--r-lg); background: var(--navy); color: var(--panel-ink); break-inside: avoid; }
.estimation .etu-pour-vous h2 { border-top: 0; padding-top: 0; margin-top: 0; color: #fff; }
.etu-pour-vous-intro { color: #c9d3e6 !important; }   /* 11:1 sur le bleu profond ; le gris de bande (#86868b) ne tenait pas le AA */
.etu-pour-vous ul { margin: var(--s-4) 0 0; }
.etu-pour-vous li { color: var(--panel-ink); }
.etu-pour-vous li + li { margin-top: var(--s-3); }
.estimation.etude .etu-pour-vous a { color: var(--accent-on-dark); }

/* Témoignage repris mot pour mot, composant du site */
.etu-temoignage { margin: var(--s-8) 0 0; }
.etu-temoignage blockquote p { color: var(--ink); }

/* Les autres sites : une ligne chacun */
.etu-autres th { width: 34%; }

@media print {
    .etu-pour-vous { background: #0e2a4d !important; color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .etu-pour-vous h2, .etu-pour-vous li { color: #fff !important; }
    .etu-pour-vous-intro { color: #c9d3e6 !important; }
    .etu-etapes li::before { background: #14345f !important; color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .etu-etapes li, .etu-temoignage { break-inside: avoid; }
    /* Les tableaux d'une étude peuvent être longs (fiche, autres sites) : ils se coupent entre deux lignes
       plutôt que de laisser une demi-page blanche ; les lignes elles-mêmes restent entières (estimation.css). */
    .etude .est-table-scroll { break-inside: auto; }
}