/* Rapport iD — aperçu du rapport à feuilleter et sections de la page /rapport-id/ */
.rx{--display:'Saira Condensed','Arial Narrow',Impact,sans-serif;--texte:'Archivo','Helvetica Neue',Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;--gris:#58626E;--filet:#DCE2E9;--encre:#0E141B;line-height:1.4}
.rx{width:100%;max-width:560px;margin:0 auto}
.rx-pile{container-type:inline-size;position:relative;aspect-ratio:100/131}
.rx-page{--u:.84cqw;position:absolute;left:0;top:0;width:84cqw;aspect-ratio:595/842;background:#fff;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 30px 60px -24px rgba(11,16,22,.45),0 0 0 1px rgba(11,16,22,.08);transform-origin:50% 100%;
  transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .3s;cursor:pointer;color:#0E141B;font-family:var(--texte)}
.rx-page[data-k="0"]{z-index:3;transform:rotate(-1.5deg);cursor:default}
.rx-page[data-k="1"]{z-index:2;transform:translate(8cqw,3cqw) rotate(2deg) scale(.97);filter:brightness(.96)}
.rx-page[data-k="2"]{z-index:1;transform:translate(15cqw,6cqw) rotate(5deg) scale(.94);filter:brightness(.92)}
.rx-page[data-k="1"]:hover,.rx-page[data-k="2"]:hover{filter:none}
.rx-tete{background:#0E141B;color:#fff;padding:calc(var(--u)*4) calc(var(--u)*5) calc(var(--u)*3.6);position:relative;overflow:hidden}
.rx-tete::after{content:"";position:absolute;right:-8%;top:-40%;width:30%;height:200%;background:#3A0E15;transform:rotate(22deg)}
.rx-tete>*{position:relative;z-index:1}
.rx-top{display:flex;justify-content:space-between;align-items:flex-start}
.rx-top b,.rx-pied b{font-family:var(--display);font-weight:700;font-size:calc(var(--u)*2.7);letter-spacing:.06em}
.rx-top em,.rx-pied em{font-style:normal;color:var(--rouge)}
.rx-top span{text-align:right;font-size:calc(var(--u)*1.6);letter-spacing:.12em;color:#C9D1DB}
.rx-top span i{display:block;font-style:normal;font-family:var(--display);font-weight:700;font-size:calc(var(--u)*2);letter-spacing:.2em;text-transform:uppercase;color:var(--rouge)}
.rx-tete h4{font-family:var(--texte);font-weight:600;font-size:calc(var(--u)*5);letter-spacing:-.01em;margin:calc(var(--u)*3) 0 calc(var(--u)*.8);line-height:1}
.rx-tete.court h4{font-size:calc(var(--u)*3.4);margin-top:calc(var(--u)*2)}
.rx-pos{margin:0;font-size:calc(var(--u)*2.1);font-weight:600;display:flex;align-items:center;gap:calc(var(--u)*1.2)}
.rx-pos i{width:calc(var(--u)*1.4);height:calc(var(--u)*1.4);border-radius:50%;background:var(--rouge)}
.rx-corps{flex:1;padding:calc(var(--u)*3.4) calc(var(--u)*5) calc(var(--u)*2);display:flex;flex-direction:column;gap:calc(var(--u)*2.2);font-size:calc(var(--u)*1.75);line-height:1.45;min-height:0}
.rx-corps p{margin:0}
.rx-corps h5{margin:calc(var(--u)*.6) 0 0;font-family:var(--display);font-weight:700;font-size:calc(var(--u)*2.1);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:calc(var(--u)*1.2)}
.rx-corps h5::before{content:"";width:calc(var(--u)*.6);height:calc(var(--u)*2.2);background:var(--rouge)}
.rx-noir{background:#0E141B;color:#fff;border-radius:calc(var(--u)*.8);display:grid;grid-template-columns:1fr 1fr;padding:calc(var(--u)*2) calc(var(--u)*3);font-weight:600;font-size:calc(var(--u)*2)}
.rx-noir div+div{border-left:1px solid #2B3440;padding-left:calc(var(--u)*3)}
.rx-noir small{display:block;font-family:var(--display);font-size:calc(var(--u)*1.4);letter-spacing:.18em;text-transform:uppercase;color:var(--rouge);margin-bottom:calc(var(--u)*.4)}
.rx-forces{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*2)}
.rx-forces>div{position:relative;background:#F3F6F9;border-top:calc(var(--u)*.5) solid var(--rouge);border-radius:calc(var(--u)*.8);padding:calc(var(--u)*2.4) calc(var(--u)*2.6)}
.rx-forces b{display:block;font-size:calc(var(--u)*2.6);margin-bottom:calc(var(--u)*1)}
.rx-forces .n{position:absolute;right:calc(var(--u)*2);top:calc(var(--u)*1);font-family:var(--display);font-weight:800;font-style:italic;font-size:calc(var(--u)*5);color:#DCE2E9;line-height:1}
.rx-txt{color:#27303A}
.rx-etoiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*.9) calc(var(--u)*2.4);font-weight:600}
.rx-etoiles li{display:flex;gap:calc(var(--u)*1)}
.rx-etoiles li::before{content:"★";color:#1F9D57}
.rx-gris{background:#F3F6F9;border-left:calc(var(--u)*.6) solid #0E141B;padding:calc(var(--u)*1.8) calc(var(--u)*2.4);border-radius:calc(var(--u)*.6)}
.rx-gris b{display:block;font-family:var(--display);font-size:calc(var(--u)*1.7);letter-spacing:.1em;text-transform:uppercase;margin-bottom:calc(var(--u)*.6)}
.rx-pied{background:#0E141B;color:#C9D1DB;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--u)*2) calc(var(--u)*5);font-size:calc(var(--u)*1.4);letter-spacing:.14em;text-transform:uppercase}
.rx-pied b{color:#fff;font-size:calc(var(--u)*2)}
.rx-tech{display:grid;gap:calc(var(--u)*1)}
.rx-tech div{display:grid;grid-template-columns:calc(var(--u)*17) 1fr auto;gap:calc(var(--u)*2);align-items:center;background:#F3F6F9;border-radius:calc(var(--u)*.8);padding:calc(var(--u)*1.4) calc(var(--u)*2)}
.rx-tech b{font-family:var(--display);font-size:calc(var(--u)*1.9);letter-spacing:.08em;text-transform:uppercase}
.rx-tech .ok{background:#1F9D57;color:#fff;font-family:var(--display);font-weight:700;font-size:calc(var(--u)*1.4);letter-spacing:.12em;text-transform:uppercase;padding:calc(var(--u)*.5) calc(var(--u)*1.4);border-radius:calc(var(--u)*2)}
.rx-prio{font-weight:600;color:var(--rouge)}
.rx-obj{display:grid;grid-template-columns:calc(var(--u)*5) 1fr;gap:calc(var(--u)*2);align-items:start;border:1px solid #DCE2E9;border-radius:calc(var(--u)*.8);padding:calc(var(--u)*1.8) calc(var(--u)*2)}
.rx-obj .n{width:calc(var(--u)*4.4);height:calc(var(--u)*4.4);border-radius:calc(var(--u)*.6);background:#0E141B;color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:calc(var(--u)*2.4)}
.rx-obj b{display:block;font-size:calc(var(--u)*2.1);margin-bottom:calc(var(--u)*.6)}
.rx-ans{display:grid;gap:calc(var(--u)*1)}
.rx-ans div{display:grid;grid-template-columns:calc(var(--u)*10) 1fr 1fr;gap:calc(var(--u)*1.6);align-items:center;background:#F3F6F9;border-radius:calc(var(--u)*.8);padding:calc(var(--u)*1.8) calc(var(--u)*2.2)}
.rx-ans b{font-size:calc(var(--u)*2.2)}
.rx-ans span{font-weight:600;display:flex;align-items:center;gap:calc(var(--u)*1);flex-wrap:wrap}
.rx-ans span.mut{color:#8A939E}
.rx-ans em{font-style:normal;color:#fff;font-family:var(--mono);font-size:calc(var(--u)*1.5);font-weight:700;padding:calc(var(--u)*.4) calc(var(--u)*1.2);border-radius:calc(var(--u)*2)}
.rx-ans em.v{background:#1F9D57}.rx-ans em.r{background:var(--rouge)}.rx-ans em.o{background:#E08A00}
.rx-pp{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*2)}
.rx-pp div{background:#F3F6F9;border-top:calc(var(--u)*.5) solid #8A939E;border-radius:calc(var(--u)*.8);padding:calc(var(--u)*2) calc(var(--u)*2.4)}
.rx-pp div.haut{background:#0E141B;color:#fff;border-top-color:var(--rouge)}
.rx-pp small{display:block;font-family:var(--display);font-weight:700;font-size:calc(var(--u)*1.6);letter-spacing:.16em;text-transform:uppercase;color:#58626E}
.rx-pp .haut small{color:var(--rouge)}
.rx-pp i{display:block;font-size:calc(var(--u)*1.4);color:#8A939E;margin-bottom:calc(var(--u)*1)}
.rx-pp b{display:block;font-size:calc(var(--u)*1.9);line-height:1.35}
.rx-onglets{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;justify-content:center}
.rx-onglets button{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;background:#fff;border:2px solid var(--filet);color:var(--gris);padding:9px 14px;cursor:pointer}
.rx-onglets button:hover{border-color:var(--encre);color:var(--encre)}
.rx-onglets button[aria-selected="true"]{background:var(--encre);border-color:var(--encre);color:#fff}
.rx-legende{text-align:center;font-size:13.5px;color:var(--gris);margin:12px 0 0}
.rx-page[data-i="1"] .rx-corps,.rx-page[data-i="2"] .rx-corps{font-size:calc(var(--u)*2.05);gap:calc(var(--u)*3.2)}
.rx-page[data-i="1"] .rx-tech div,.rx-page[data-i="2"] .rx-ans div{padding-block:calc(var(--u)*2.1)}
.rx-page[data-i="2"] .rx-pp div{padding-block:calc(var(--u)*3)}
@media (max-width:520px){.rx-onglets{flex-wrap:nowrap;gap:4px}.rx-onglets button{font-size:11px;letter-spacing:.06em;padding:8px 7px;flex:1 1 0;min-width:0}}
.heros .rx-onglets button{background:transparent;color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.25)}
.heros .rx-onglets button:hover{color:#fff;border-color:#fff}
.heros .rx-onglets button[aria-selected="true"]{background:#fff;color:var(--encre);border-color:#fff}
.heros .rx-legende{color:rgba(255,255,255,.6)}
.heros .rx{max-width:520px}

/* cinq blocs */
.blocs{list-style:none;margin:0;padding:0;border-top:2px solid var(--encre)}
.blocs li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--filet)}
.blocs li b{font-family:var(--lab);font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--rouge);padding-top:6px}
.blocs li span{font-size:1.4rem;line-height:1.2}
.blocs li small{display:block;font-size:1rem;color:var(--douce);margin-top:2px}
.deux-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:start}
.sec{padding-block:var(--rythme)}
.sec h2{font-size:clamp(2rem,4vw,3.1rem);margin-top:12px}
.sec .intro-sec{margin-top:14px;color:var(--douce);max-width:40em}

/* plancher / présent / plafond */
.jauge{margin-top:clamp(36px,5vw,56px);border:1px solid var(--filet);background:#fff;padding:clamp(24px,3.4vw,44px)}
.jauge h3{font-size:clamp(1.7rem,3vw,2.3rem)}
.jauge>p{margin-top:8px;color:var(--douce);max-width:46em}
.jauge-track{position:relative;height:14px;border-radius:8px;margin:70px 0 0;background:#EEE9DE}
.jauge-track::before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(90deg,#E2DCCE 0%,#F2A0AA 40%,var(--rouge) 100%);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.jauge-track.depart::before{transform:scaleX(0)}
.jauge-track .m{position:absolute;bottom:22px;transform:translateX(-50%);text-align:center;white-space:nowrap}
.jauge-track .m b{display:block;font-family:var(--lab);font-weight:600;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.jauge-track .m i{display:block;width:2px;height:26px;background:var(--encre);margin:0 auto}
.jauge-track .m.now b{color:var(--rouge)}
.jauge-track .m.now i{background:var(--rouge);width:3px}
.jauge-leg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;padding-top:22px;border-top:1px solid var(--filet)}
.jauge-leg div{font-size:1rem;color:var(--douce)}
.jauge-leg b{display:block;font-family:var(--lab);font-weight:600;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--encre);margin-bottom:4px}

/* plan de développement */
.plan{background:var(--creme)}
.plan-liste{list-style:none;margin:0;padding:0;counter-reset:pl;border-top:2px solid var(--encre)}
.plan-liste li{counter-increment:pl;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--filet)}
.plan-liste li::before{content:counter(pl,decimal-leading-zero);font-family:var(--lab);font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--rouge);padding-top:6px}
.plan-liste b{display:block;font-weight:500;font-size:1.35rem;line-height:1.2}
.plan-liste span{display:block;color:var(--douce);margin-top:4px}
.contenu-plan{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(32px,4vw,52px);background:#fff;border:1px solid var(--filet)}
.contenu-plan div{padding:22px 24px;border-bottom:1px solid var(--filet)}
.contenu-plan div:not(:nth-child(3n+1)){border-left:1px solid var(--filet)}
.contenu-plan b{display:block;font-family:var(--lab);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}
.contenu-plan span{color:var(--douce);font-size:1rem}

@media (max-width:900px){
  .deux-col{grid-template-columns:1fr}
  .contenu-plan{grid-template-columns:1fr 1fr}
  .contenu-plan div:not(:nth-child(3n+1)){border-left:0}
  .contenu-plan div:nth-child(2n){border-left:1px solid var(--filet)}
}
@media (max-width:620px){
  .jauge-leg{grid-template-columns:1fr;gap:14px}
  .contenu-plan{grid-template-columns:1fr}
  .contenu-plan div:nth-child(2n){border-left:0}
}