/* Aperçu avant devis (22/10/2026) : complète /demarrer/parcours.css, pensé d'abord pour 375 px. */
.lecture{text-align:center}.lecture .vocal-orbe{margin:6px auto 22px}.lecture .discret{overflow-wrap:anywhere}
.conseil strong{display:block;margin-bottom:4px}
.famille span{display:flex;flex-direction:column;line-height:1.3}.famille small{font-size:12.5px;font-weight:400;color:#586d62;margin-top:2px}
.famille.indisponible{opacity:.55;cursor:not-allowed}
.voix{text-align:center}.voix .vocal-orbe{margin:0 auto 18px}.voix .actions{justify-content:center}.voix>.discret{margin:18px 0 0}
.compteur{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#4c6d60;margin:0 0 10px}
.voix-statut{font-size:18px;font-weight:650;margin:0 0 6px;color:#233a35}
.echanges{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto;text-align:left}
.echanges li{padding:10px 14px;border-radius:12px;background:#f0f4e9;max-width:90%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}
.echanges li.vous{align-self:flex-end;background:#e7eff3}.echanges li.assistant{align-self:flex-start}
.echanges strong{display:block;font-size:12px;color:#536b60;margin-bottom:2px}
.vocal-orbe.parle{animation:apercu-pulse 1.3s ease-in-out infinite}
@keyframes apercu-pulse{0%,100%{box-shadow:0 0 0 9px #eff4e9}50%{box-shadow:0 0 0 16px #e2ecd8}}
@media(prefers-reduced-motion:reduce){.vocal-orbe.parle{animation:none}}
.fiche-simulee{border-color:#b7cdb8;background:#fbfdf8}.fiche-simulee dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 18px;margin:0}
.fiche-simulee dt{font-weight:650;font-size:14px;color:#536b60}.fiche-simulee dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.devis{text-align:center}.devis .actions{justify-content:center}
@media(max-width:560px){.fiche-simulee dl{grid-template-columns:1fr;gap:2px}.fiche-simulee dd{margin-bottom:10px}.voix-statut{font-size:17px}}

/* Couleurs Sonalia (24/10/2026, Jonathan : « la page aperçu n'est pas aux couleurs Sonalia »). La page reprenait le vert
   du parcours /demarrer/ ; elle prend maintenant la charte de l'espace client (app.css) : nuit, marine, orange, crème,
   police Archivo, logo blanc sur bandeau nuit. Seule cette page charge apercu.css : /demarrer/ ne change pas. */
:root{--nuit:#0C1A30;--marine:#17335F;--marine-clair:#1E4178;--creme:#FAF8F4;--orange:#FF6B1A;--orange-fonce:#B04800;--bleu-pale:#EEF2F9;--bord:#D7E0F0}
:root{font-family:'Archivo',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--nuit);background:var(--creme)}
body{background:var(--creme)}
header{max-width:none;background:var(--nuit);border-bottom:0;padding:calc(12px + env(safe-area-inset-top)) 24px 12px}
.marque{display:flex;align-items:center;gap:12px;color:#fff}.marque img{height:24px;width:auto;display:block}
.marque span{color:#B8C4D8;margin:0}
.confidentiel{color:#B8C4D8}
h1{color:var(--marine)}.intro{color:#3D4F6B}.intro strong{color:var(--nuit)}
.carte{border-color:var(--bord);box-shadow:0 5px 25px #17335F0d}
button,.bouton{background:var(--orange);border-color:var(--orange);color:#fff}
.secondaire{background:#fff;color:var(--marine);border-color:var(--bord)}
.lien{background:none;border:0;color:var(--marine)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,:focus-visible{outline-color:var(--orange)}
.fiche-form input:not([type=checkbox]),.fiche-form select,textarea{border-color:#B9C6DC;color:var(--nuit)}
.discret,.compteur,.echanges strong,.fiche-simulee dt,.famille small{color:#4A5B78}
.note{background:var(--bleu-pale)}
.famille{border-color:var(--bord)}.famille input{accent-color:var(--marine)}
.famille.selectionne{border-color:var(--marine);background:var(--bleu-pale)}
.vocal-orbe{background:linear-gradient(140deg,var(--marine-clair),var(--nuit));box-shadow:0 0 0 9px var(--bleu-pale)}
input[type=checkbox],input[type=radio]{accent-color:var(--marine)}
.vocal-orbe.parle{animation-name:apercu-pulse-sonalia}
@keyframes apercu-pulse-sonalia{0%,100%{box-shadow:0 0 0 9px #FF6B1A1f}50%{box-shadow:0 0 0 16px #FF6B1A33}}
.voix-statut{color:var(--nuit)}
.echanges li{background:var(--bleu-pale)}.echanges li.vous{background:#FFF1E8}
.fiche-simulee{border-color:var(--bord);background:#fff}
.devis{border-color:var(--orange)}
footer{color:#4A5B78}
@media(max-width:560px){header{padding:calc(10px + env(safe-area-inset-top)) 18px 10px}.marque img{height:20px}}