/* Diaporama « Comprendre le RUAMM » (inspiré de la page Comprendre de la salle de pilotage) */
.diaporama-zone{padding-block:24px 8px}
.scene{min-height:600px;padding:36px 40px;overflow:hidden;position:relative;background:radial-gradient(circle at 100% 0%,#EAF0FF 0,transparent 45%),var(--surface);box-shadow:0 18px 44px rgba(29,92,236,.07)}
.scene:focus{outline:none}
.diapo{display:grid;gap:26px}
.diapo-titre{margin:8px 0 6px;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.08;font-weight:850;letter-spacing:-.045em}
.chapeau{margin:0;font-size:17px;font-weight:500;color:var(--muted);max-width:820px}
.diapo-visuel{min-width:0}
.mono{font-family:var(--mono)}

.anim{opacity:0;animation:apparait .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes apparait{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
svg .anim{transform-box:fill-box;transform-origin:center}
.flash{animation:flash .5s ease}
@keyframes flash{from{color:var(--orange)}to{color:inherit}}

.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rond-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.rond-ic .ic{width:26px;height:26px}
.rond-ic.vif{background:var(--accent);color:#fff;box-shadow:0 10px 24px rgba(29,92,236,.3)}
.rond-ic.orange{background:var(--orange);color:#fff;box-shadow:0 10px 24px rgba(240,122,87,.3)}
.note-bas{margin:16px 0 0;text-align:center;font-size:14px;color:var(--muted)}

/* Commandes */
.commandes{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:16px}
.btn.rond{width:44px;padding:0;justify-content:center}
.btn .ic{width:18px;height:18px}
.points{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.pt{width:10px;height:10px;border-radius:5px;border:none;background:var(--line-strong);cursor:pointer;padding:0;transition:all .25s}
.pt:hover{background:var(--accent-pale)}
.pt.actif{width:28px;background:var(--accent)}
.astuce{margin:8px 0 0;text-align:center;font-size:13px;color:var(--muted)}

/* 1 · Trio */
.trio{display:flex;align-items:stretch;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 0}
.trio-item{width:240px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 26px rgba(13,20,33,.05)}
.trio-item strong{font-size:18px}
.trio-item span{font-size:14px;color:var(--muted)}
.trio-fleche{display:grid;place-items:center;color:var(--accent-pale)}
.trio-fleche .ic{width:30px;height:30px}

/* 2 · Qui est concerné */
.metiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.metier{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;padding:12px;background:var(--surface)}
.metier strong{display:block;font-size:15px}
.metier span{font-size:13px;color:var(--muted)}
.gerance{margin-top:22px;border:1px solid var(--accent-pale);border-radius:16px;padding:18px 20px;background:#F8FAFF}
.gerance label{font-size:15px}
.gerance output{font-weight:500;color:var(--accent)}
input[type=range]{--p:50%;width:100%;margin:14px 0 4px;appearance:none;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--p),var(--line) var(--p));cursor:pointer}
input[type=range]::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 4px 12px rgba(29,92,236,.3)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--accent)}
.echelle{position:relative;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.gerance .echelle .milieu{color:var(--orange);font-weight:500}
.verdict-gerance{margin-top:12px;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;font-size:15px;transition:background .3s}
.verdict-gerance.ruamm{background:var(--accent-soft);color:var(--accent-dark)}
.verdict-gerance.general{background:#EEF1F7;color:var(--fg)}

/* 3 · Formules */
.choix-formule{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;align-items:center}
.choix-formule .segments.deux{margin:0}
.choix-formule .seg small{display:block;font-weight:500;font-size:12px;opacity:.8}
.choix-formule .option-pe{margin:0;min-height:56px}
.couvertures{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cv{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--line);font-size:14px;font-weight:600;transition:all .3s}
.cv-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;transition:all .3s}
.cv-ic .ic{width:16px;height:16px;stroke-width:2.6}
.cv.oui{background:#E8F6EE;border-color:#A9DCBE}
.cv.oui .cv-ic{background:#1E7A46;color:#fff}
.cv.non{color:var(--muted);background:var(--surface)}
.cv.non .cv-ic{background:#EEF1F7;color:var(--muted)}
.bilan-formule{margin-top:14px;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:12px;background:var(--accent-soft);font-size:15px}
.bilan-formule .ic{color:var(--accent)}

/* 4 · Entonnoir */
.regimes-diapo{display:flex;flex-wrap:wrap;gap:8px}
.regimes-diapo .seg{flex:0 1 auto}
.entonnoir{margin-top:20px;display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);gap:18px;align-items:center;min-height:170px}
.ent-entrees{display:grid;gap:8px}
.ent-ligne{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:15px}
.ent-op{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--accent);font-size:14px;text-align:center;max-width:200px}
.ent-fleche{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(29,92,236,.3)}
.ent-res{padding:20px;border-radius:16px;background:var(--accent);color:#fff;text-align:center;box-shadow:0 14px 32px rgba(29,92,236,.25)}
.ent-res span{display:block;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.ent-res b{display:block;font-size:30px;font-weight:850;letter-spacing:-.04em;font-variant-numeric:tabular-nums}

/* 5 · Barème */
.axe-bareme{position:relative;height:54px;border-radius:12px;overflow:visible;margin-top:6px}
.zone{position:absolute;top:0;bottom:0;left:calc(var(--de) * 1%);width:calc(var(--a) * 1%);display:grid;place-items:center;font-size:12px;font-weight:700;border-right:2px solid #fff}
.zone span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 4px}
.z-min{background:repeating-linear-gradient(135deg,#EEF1F7 0 8px,#E2E7F0 8px 16px);color:var(--muted);border-radius:12px 0 0 12px}
.z-1{background:var(--accent-soft);color:var(--accent-dark)}
.z-2{background:var(--accent-pale);color:var(--accent-dark)}
.z-3{background:#FDE3D9;color:#9A3D1F;border-radius:0 12px 12px 0;border-right:0}
.curseur-bareme{position:absolute;top:-8px;bottom:-8px;width:0;transition:left .15s}
.curseur-bareme i{position:absolute;left:-2px;top:0;bottom:0;width:4px;border-radius:2px;background:var(--fg);box-shadow:0 0 0 3px #fff}
.bareme .echelle{height:16px;margin-top:6px}
.bareme .echelle span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.bareme .echelle span:first-child{transform:none;left:0}
.bareme .echelle span:last-child{transform:translateX(-100%)}
.lecture-revenu{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.lecture-revenu>span:first-child{font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lecture-revenu b{font-size:30px;font-weight:850;letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums}
.pilule-tranche{font-size:13px;font-weight:650;border-radius:999px;padding:4px 12px;background:var(--accent-soft);color:var(--accent-dark)}
.pilule-tranche.minimum{background:#EEF1F7;color:var(--muted)}
.pilule-tranche.t2{background:var(--accent-pale)}
.pilule-tranche.t3{background:#FDE3D9;color:#9A3D1F}
.tuiles{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.tuiles>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}
.tuiles>div:last-child{background:var(--warn-bg);border-color:#F6C2B2}
.tuiles span{display:block;font:400 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.tuiles b{display:block;font-size:21px;font-weight:850;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.tuiles small{font-size:12px;color:var(--muted)}

/* 6 · Cas particuliers */
.cas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cas-item{display:flex;gap:14px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.cas-item strong{display:block;font-size:16px;margin-bottom:2px}
.cas-item span{font-size:14px;color:var(--muted)}

/* 7 · CCS */
.empile .etiquette-col{margin:0 0 10px}
.barre-empile{display:flex;height:84px;border-radius:14px;overflow:hidden;gap:3px}
.part{flex:0 0 calc(var(--l) * 1%);display:flex;flex-direction:column;justify-content:center;padding:0 16px;color:#fff;transform-origin:left;animation-name:pousse}
@keyframes pousse{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}
.part.ruamm{background:var(--accent)}
.part.ccs{background:var(--orange)}
.part span{font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.9}
.part b{font-size:22px;font-weight:850;letter-spacing:-.03em}
.total-empile{margin-top:12px;display:flex;justify-content:flex-end;align-items:baseline;gap:12px}
.total-empile span{color:var(--muted);font-size:14px}
.total-empile b{font-size:30px;font-weight:850;letter-spacing:-.04em}
.faits{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fait{border-left:3px solid var(--orange);background:var(--warn-bg);border-radius:0 12px 12px 0;padding:12px 14px}
.fait strong{display:block;font-size:15px}
.fait span{font-size:13.5px;color:var(--fg)}

/* 8 · Frise des années */
.frise-annees{width:100%;max-width:900px;display:block;margin:0 auto;overflow:visible}
.frise-annees .axe-annees{stroke:var(--line-strong);stroke-width:3}
.frise-annees .jalon{fill:#fff;stroke:var(--accent);stroke-width:3}
.frise-annees text{text-anchor:middle;font-family:var(--sans);fill:var(--fg)}
.frise-annees .t1{font-size:22px;font-weight:850}
.frise-annees .t3{font-size:18px;font-weight:700;fill:var(--accent-dark)}
.legende-annees{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;font-size:14.5px}
.legende-annees li{display:flex;gap:10px;align-items:center}
.pastille-b,.pastille-o{width:12px;height:12px;border-radius:50%;background:var(--accent);flex:none}
.pastille-o{background:var(--orange)}
.frise-annees .blanc{fill:#fff}
.frise-annees .sem{fill:var(--accent-soft);stroke:var(--accent)}
.frise-annees .regul{fill:var(--orange)}
.lien{fill:none;stroke:#C3D3F7;stroke-width:2.5;stroke-dasharray:6 6;animation:defile 1.2s linear infinite}
.lien.orange{stroke:#F6B7A3}
@keyframes defile{to{stroke-dashoffset:-24}}
.point-flux{fill:var(--accent);filter:drop-shadow(0 0 4px rgba(29,92,236,.6))}
.point-flux.orange{fill:var(--orange)}
.issues{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.issue{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface)}
.issue strong{display:block;font-size:15px}
.issue span{font-size:13.5px;color:var(--muted)}
.issue.plus{border-color:#F6C2B2;background:var(--warn-bg)}
.issue.moins{border-color:#A9DCBE;background:#E8F6EE}

/* 9 · Échéances */
.annee-anim{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:center}
.cadran-annee{width:100%;max-width:300px;overflow:visible}
.cadran-annee .orbite{fill:none;stroke:var(--accent-pale);stroke-width:3;stroke-dasharray:4 7}
.cadran-annee .mois{text-anchor:middle;font:500 13px var(--mono);fill:var(--muted)}
.echeance-pt{fill:#fff;stroke:var(--accent);stroke-width:3;transition:all .3s}
.echeance-pt.actif{fill:var(--accent);stroke:var(--accent-pale);stroke-width:6}
.voyageur{fill:var(--orange);filter:drop-shadow(0 0 6px rgba(240,122,87,.7))}
.centre-t1{text-anchor:middle;font:850 30px var(--sans);fill:var(--fg)}
.centre-t2{text-anchor:middle;font:400 13px var(--mono);fill:var(--muted)}
.echeances-liste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ech{display:flex;align-items:baseline;gap:14px;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:all .35s}
.ech b{font-size:20px;font-weight:850;letter-spacing:-.03em;min-width:150px}
.ech span{color:var(--muted);font-size:14px}
.ech.actif{border-color:var(--accent);box-shadow:0 12px 30px rgba(29,92,236,.16);transform:translateX(6px)}
.ech.actif b{color:var(--accent)}
.alerte-diapo{margin-top:18px;display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:14px;background:var(--warn-bg);border-left:3px solid var(--orange);font-size:14.5px}
.alerte-diapo .ic{color:var(--orange)}

/* 10 · Modes de paiement */
.modes{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:30px}
.mode{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.mode strong{font-size:16px}
.mode span{font-size:13.5px;color:var(--muted)}
.mode.papier{background:#F4F6FA;border-style:dashed}
.tampon-diapo{position:absolute;left:12%;bottom:-6px;border:3px solid var(--orange);color:var(--orange);background:rgba(255,255,255,.9);font-weight:900;font-size:16px;padding:4px 12px;border-radius:8px;transform:rotate(-4deg);opacity:0;animation:tampon .5s 1.2s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes tampon{from{opacity:0;transform:rotate(-4deg) scale(2.2)}to{opacity:.95;transform:rotate(-4deg) scale(1)}}

/* 11 · Parcours */
.voyage-etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ve{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:all .35s;position:relative}
.ve-num{position:absolute;right:12px;top:10px;font-size:11px;color:var(--muted)}
.ve-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--bg);color:var(--muted);transition:all .35s}
.ve>div{padding-right:14px}
.ve strong{display:block;font-size:14px}
.ve span{font-size:12.5px;color:var(--muted)}
.ve.passe .ve-ic{background:#E8F6EE;color:#1E7A46}
.ve.actif{border-color:var(--accent);box-shadow:0 12px 30px rgba(29,92,236,.18);transform:translateY(-4px)}
.ve.actif .ve-ic{background:var(--accent);color:#fff}
.ve[data-k="5"].actif .ve-ic,.ve[data-k="7"].actif .ve-ic{background:var(--orange)}
.ve-barre{height:6px;border-radius:3px;background:var(--line);margin-top:18px;overflow:hidden}
.ve-barre i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--orange));transition:width .5s ease}

/* 12 · Fin */
.fin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fin-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.fin-item strong{font-size:18px}
.fin-item span{font-size:14px;color:var(--muted);flex-grow:1}

/* Le détail sous le diaporama */
.detail-titre{padding-top:28px;scroll-margin-top:80px}
.detail-titre h2{font-size:28px}
.detail-titre p{margin:6px 0 0;color:var(--muted)}

@media (max-width:1100px){
  .metiers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .voyage-etapes,.modes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tuiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .couvertures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choix-formule{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .scene{padding:22px 18px;min-height:0}
  .trio-fleche{transform:rotate(90deg)}
  .choix-formule,.entonnoir,.annee-anim,.cas,.faits,.issues,.fin,.couvertures{grid-template-columns:minmax(0,1fr)}
  .ent-op{max-width:none;flex-direction:row}
  .ent-fleche{transform:rotate(90deg)}
  .metiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .voyage-etapes,.modes{grid-template-columns:minmax(0,1fr)}
  .zone span{display:none}
  .axe-bareme{height:40px}
  .cadran-annee{max-width:240px;margin:0 auto;display:block}
  .ech b{min-width:120px;font-size:17px}
  .tampon-diapo{left:auto;right:8px}
  .chapeau{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .anim,.tampon-diapo{animation:none !important;opacity:1 !important}
  .lien{animation:none !important}
}