:root{--red:#ed1c24;--black:#0a0a0b;--soft:#f4f4f5;--grey:#74747a}*{box-sizing:border-box}body{margin:0;background:#ececee;color:#111;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}.top{height:68px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.top img{height:48px;width:130px;object-fit:contain}.icon{border:0;background:none;font-size:24px}.page{display:none;max-width:1100px;margin:auto;padding-bottom:100px}.page.active{display:block}.hero{height:560px;position:relative;overflow:hidden;background:#111}.hero>img{width:100%;height:100%;object-fit:cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.2)),linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.heroText{position:absolute;left:7%;top:20%;color:#fff}.pill{font-size:12px;letter-spacing:2px;border:1px solid #fff5;border-radius:30px;padding:8px 12px}.hero h1{font-size:clamp(46px,8vw,84px);line-height:.88;margin:24px 0 12px;letter-spacing:-4px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{font-size:20px}.primary{border:0;background:var(--red);color:#fff;border-radius:12px;padding:15px 20px;font-weight:800}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px}.quick button{border:0;background:#fff;border-radius:18px;padding:18px 8px;box-shadow:0 5px 18px #0001}.quick b{display:block;color:var(--red);font-size:24px;margin-bottom:8px}.quick span{font-weight:700}.sectionTitle,.fleet{padding:18px 24px}.sectionTitle span,.pageHead span{color:var(--red);font-weight:900;font-size:12px;letter-spacing:2px}.sectionTitle h2,.fleet h2{margin:5px 0}.featureGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 24px}.featureGrid article{background:#111;color:white;border-radius:22px;padding:24px}.featureGrid strong{font-size:50px;color:var(--red)}.featureGrid h3{margin:4px 0}.featureGrid p{color:#aaa}.scroller{display:flex;gap:12px;overflow:auto}.scroller img{width:260px;height:160px;object-fit:cover;border-radius:18px}.pageHead{background:#111;color:#fff;padding:46px 28px 34px}.pageHead h1{font-size:40px;margin:7px 0}.pageHead p{color:#bbb;max-width:600px}.sectorCards{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sectorCards article{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #0001}.sectorCards article>div:last-child{padding:20px}.sectorCards h2{margin:3px 0}.sectorCards small{color:var(--red);font-weight:900}.sectorCards a{color:var(--red);font-weight:800;text-decoration:none}.fakeMap{height:190px;background:repeating-linear-gradient(35deg,#dfe3e6 0 18px,#f5f6f7 18px 35px);position:relative}.fakeMap.alt{background:repeating-linear-gradient(-30deg,#d9dddf 0 20px,#f7f7f7 20px 42px)}.fakeMap.dark{background:repeating-linear-gradient(65deg,#cfd3d5 0 22px,#f4f4f4 22px 43px)}.fakeMap i,.fakeMap b{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--red);border:4px solid white;box-shadow:0 2px 8px #0004}.fakeMap i:nth-child(1){left:20%;top:25%}.fakeMap i:nth-child(2){left:64%;top:38%}.fakeMap i:nth-child(3){left:42%;top:68%}.fakeMap b{left:72%;top:65%;width:28px;height:28px;color:#fff;display:grid;place-items:center;border-radius:7px;font-size:12px}.note{margin:0 20px;background:#fff0f0;border-left:4px solid var(--red);padding:18px;border-radius:10px}.permitGrid{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.permit{min-height:180px;border:0;border-radius:20px;padding:22px;text-align:left;background:#fff;box-shadow:0 5px 20px #0001}.permit:nth-child(1),.permit:nth-child(5){background:#111;color:#fff}.permit b{font-size:38px;color:var(--red)}.permit h2{margin:8px 0}.back{margin:20px;border:0;background:none;font-weight:800}.detailHero{margin:0 20px;background:#111;color:#fff;border-radius:24px;padding:32px}.detailHero h1{font-size:54px;color:var(--red);margin:0}.detailBlocks{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.detailBlocks div{background:#fff;border-radius:18px;padding:20px}.progress{height:7px;background:#ddd;margin:24px;border-radius:20px;overflow:hidden}.progress i{display:block;background:var(--red);height:100%;width:0;transition:.3s}.quizCard{background:#fff;margin:0 20px;border-radius:24px;padding:28px;min-height:400px}.quizCard small{color:var(--red);font-weight:900}.quizCard h2{font-size:28px}.answer{width:100%;padding:16px;margin:8px 0;text-align:left;border:2px solid #eee;border-radius:14px;background:#fff;font-weight:700}.answer.correct{border-color:#199d55;background:#eaf8f0}.answer.wrong{border-color:var(--red);background:#fff0f0}#feedback{padding:15px 0;font-weight:700}.hidden{display:none}.adviceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.adviceGrid article{background:#fff;border-radius:20px;padding:22px}.adviceGrid b{font-size:30px;color:var(--red)}.adviceGrid button{border:0;background:#111;color:#fff;padding:10px 14px;border-radius:9px}.infoBox{margin:0 20px;background:#111;color:#fff;border-radius:20px;padding:24px}.infoBox h2{color:var(--red)}#drawer{position:fixed;z-index:50;top:0;bottom:0;left:-330px;width:310px;background:#111;color:#fff;padding:30px;transition:.25s}#drawer.open{left:0}#drawer img{width:160px;background:#fff;border-radius:10px}#drawer nav{display:grid;gap:10px;margin-top:30px}#drawer nav button{border:0;background:#1d1d1f;color:#fff;text-align:left;padding:15px;border-radius:10px;font-weight:800}#drawer small{position:absolute;bottom:30px;color:#777}.close{position:absolute;right:20px;top:15px;border:0;background:none;color:#fff;font-size:30px}#shade{display:none;position:fixed;inset:0;background:#0008;z-index:40}#shade.open{display:block}.bottom{display:none}
@media(max-width:700px){body{background:#fff}.top{height:60px}.top img{height:40px}.page{padding-bottom:82px}.hero{height:510px}.heroText{left:24px;right:20px;top:18%}.hero h1{font-size:52px;letter-spacing:-3px}.quick{grid-template-columns:repeat(4,1fr);padding:14px 10px;gap:7px}.quick button{padding:14px 4px;font-size:11px}.featureGrid{padding:0 14px}.featureGrid article{padding:18px}.sectorCards,.permitGrid{grid-template-columns:1fr;padding:14px}.pageHead{padding:34px 20px 26px}.pageHead h1{font-size:34px}.adviceGrid{grid-template-columns:1fr;padding:14px}.detailBlocks{grid-template-columns:1fr}.bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #ddd;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.bottom button{border:0;background:#fff;font-size:20px}.bottom span{display:block;font-size:10px;font-weight:700;margin-top:3px}.bottom button.on{color:var(--red)}}

.realMap{height:220px;overflow:hidden;background:#e9e9e9}.realMap img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;display:block;transition:transform .25s ease}.sectorCards article:hover .realMap img{transform:scale(1.025)}
/* V3 additions */
.statsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 16px}.stat{background:#151515;border:1px solid #292929;border-radius:18px;padding:16px;text-align:center}.stat b{display:block;color:#e31b23;font-size:24px}.stat span{font-size:12px;color:#aaa}.continueCard{margin:18px 16px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#e31b23,#a70d13);color:white}.continueCard h3{margin:5px 0}.continueCard button{border:0;border-radius:14px;padding:12px 16px;font-weight:800}.toolGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px}.toolCard{background:#111;border:1px solid #272727;border-radius:20px;padding:18px;color:#fff}.toolCard b{font-size:25px}.toolCard p{color:#aaa;font-size:13px}.badgeSoon{display:inline-block;background:#2a2a2a;color:#bbb;padding:5px 9px;border-radius:999px;font-size:11px}.sectorStatus{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:12px}.dotReady,.dotSoon{width:8px;height:8px;border-radius:50%}.dotReady{background:#35c96f}.dotSoon{background:#e3a21b}.examChecklist{margin:16px;background:#111;border:1px solid #282828;border-radius:22px;padding:18px}.checkItem{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #222}.checkItem:last-child{border-bottom:0}.checkItem input{margin-top:3px;accent-color:#e31b23}.miniProgress{height:7px;background:#2a2a2a;border-radius:9px;overflow:hidden;margin-top:12px}.miniProgress i{display:block;height:100%;background:#e31b23;width:0}.searchBox{margin:0 16px 16px}.searchBox input{width:100%;box-sizing:border-box;background:#111;border:1px solid #333;color:#fff;padding:14px 16px;border-radius:16px;font-size:15px}.installHint{margin:16px;padding:14px 16px;border-radius:16px;background:#171717;border:1px dashed #444;color:#bbb;font-size:13px}.installHint b{color:white}

/* V4 */
.siteFooter{margin:34px 16px 86px;padding:28px 18px;text-align:center;border-top:1px solid #ddd}.siteFooter img{width:145px;height:58px;object-fit:contain}.siteFooter p{color:#777;font-size:13px}.siteFooter a,.permitCta a{color:var(--red);font-weight:900;text-decoration:none}.permitChips{display:flex;gap:8px;flex-wrap:wrap;padding:16px 20px 0}.permitChips span{background:#eee;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.permitCta{margin:0 20px 24px;background:#fff;border-left:4px solid var(--red);border-radius:16px;padding:20px}.scoreRing{width:150px;height:150px;margin:18px auto;border:12px solid var(--red);border-radius:50%;display:grid;place-items:center;text-align:center}.scoreRing b{font-size:42px;line-height:1}.scoreRing small{font-size:20px}.scoreRing span{font-size:13px;color:#777;margin-top:-28px}.resultActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.secondary{border:2px solid #111;background:#fff;color:#111;border-radius:12px;padding:14px;font-weight:800}#quizResult{text-align:center;padding:18px 0}.realMap{position:relative}.realMap:after{content:'APERÇU DU SECTEUR';position:absolute;left:12px;bottom:12px;background:#111d;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 9px;border-radius:999px}.sectorCards article{border:1px solid #eee}.sectorCards article>div:last-child{border-top:3px solid var(--red)}
@media(max-width:700px){.resultActions{grid-template-columns:1fr}.siteFooter{margin-bottom:78px}}
/* V5 */
.quizMeta{margin:16px 20px 0;padding:14px 16px;background:#111;color:#fff;border-radius:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.quizMeta b{color:#fff}.quizMeta span{font-size:12px;color:#aaa;text-align:right}.richInfo>span{color:var(--red);font-size:11px;font-weight:900;letter-spacing:1.5px}.infoStep{background:#1c1c1e;border:1px solid #303033;border-radius:14px;padding:14px 16px;margin-top:10px}.infoStep h3{margin:0 0 5px;font-size:16px}.infoStep p{margin:0;color:#bbb}.installButton{display:grid;width:calc(100% - 32px);text-align:left;border:1px dashed #444;cursor:pointer}.installButton span{margin:5px 0;color:#aaa}.installButton strong{color:var(--red);margin-top:5px}.installModal{position:fixed;inset:0;background:#000a;z-index:100;display:grid;align-items:end}.installModal.hidden{display:none}.installSheet{background:#fff;border-radius:26px 26px 0 0;padding:28px 22px 36px;max-width:600px;width:100%;box-sizing:border-box;margin:auto;position:relative}.installSheet>span{color:var(--red);font-size:11px;font-weight:900;letter-spacing:2px}.installSheet h2{font-size:28px;margin:6px 0 18px}.modalClose{position:absolute;right:18px;top:18px;border:0;background:#eee;border-radius:50%;width:34px;height:34px;font-size:22px}.installStep{display:flex;gap:13px;align-items:flex-start;border-top:1px solid #eee;padding:13px 0}.installStep>b{background:var(--red);color:#fff;border-radius:50%;min-width:28px;height:28px;display:grid;place-items:center}.installStep p{margin:4px 0}.detailBlocks div h3{margin-top:0}.permitCta{box-shadow:0 6px 24px #0000000d}
@media(max-width:700px){.quizMeta{align-items:flex-start;flex-direction:column}.quizMeta span{text-align:left}.richInfo{margin:0 14px}.installSheet{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}

/* V6 */
.visualPermit{padding:0;overflow:hidden;min-height:260px}.permitImg,.permitMoto{width:100%;height:150px;object-fit:cover;display:block}.permitMoto{background:linear-gradient(135deg,#171717,#333);color:#fff;display:grid;place-items:center}.permitMoto span{font-size:70px}.permitMoto small{margin-top:-45px;color:#aaa}.permitBody{padding:18px}.permitCover{margin:0 20px;border-radius:24px;overflow:hidden;background:#111}.detailVehicle{width:100%;height:260px;object-fit:cover;display:block}.motoVisual{display:grid;place-items:center;font-size:110px;background:linear-gradient(135deg,#222,#050505)}.permitCover .detailHero{margin:0;border-radius:0}.factStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 20px}.factStrip div{background:#fff;border-radius:14px;padding:14px;font-size:13px;font-weight:800}.permitActions{display:flex;gap:10px;flex-wrap:wrap;margin:0 20px 22px}.plateauBlock{margin:0 20px 22px;background:#fff;border-radius:22px;padding:20px}.plateauBlock>span{color:var(--red);font-size:11px;font-weight:900;letter-spacing:1.5px}.plateauBlock img{width:100%;display:block;margin:14px 0;border-radius:16px}.plateauBlock small{color:#777}.checkTabs{display:flex;gap:8px;overflow:auto;padding:14px}.checkTabs button{white-space:nowrap;border:1px solid #ddd;background:#fff;padding:10px 14px;border-radius:999px;font-weight:800}.checkTabs button.on{background:#111;color:#fff;border-color:#111}.checkIntro{margin:0 14px 12px;padding:16px;border-radius:16px;background:#fff0f0;border-left:4px solid var(--red)}.checkIntro p{margin:5px 0;color:#555}.checksList{display:grid;gap:10px;padding:0 14px 24px}.verificationCard{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.verificationHead{width:100%;border:0;background:#fff;text-align:left;display:grid;grid-template-columns:44px 1fr 30px;gap:10px;padding:17px;align-items:start}.verificationHead>span{font-size:28px}.verificationHead small,.verificationAnswer small{color:var(--red);font-size:10px;font-weight:900;letter-spacing:1px}.verificationHead h3{margin:3px 0}.verificationHead p{margin:4px 0;color:#555}.verificationHead>b{font-size:24px}.verificationAnswer{display:none;padding:0 17px 17px 71px}.verificationCard.open .verificationAnswer{display:block}.verificationCard.open .verificationHead>b{transform:rotate(45deg)}.verificationAnswer>div{border-top:1px solid #eee;padding:12px 0}.verificationAnswer p{margin:5px 0;line-height:1.5}.examChecklist{display:none!important}
@media(max-width:700px){.factStrip{grid-template-columns:1fr}.detailVehicle{height:210px}.permitGrid{grid-template-columns:1fr 1fr;gap:10px}.visualPermit{min-height:245px}.permitImg,.permitMoto{height:120px}.permitBody{padding:14px}.permitBody b{font-size:30px}.permitBody h2{font-size:18px}.permitBody p{font-size:12px}.verificationAnswer{padding-left:17px}}
/* V9 — corrections mobile et conseils */
.checkTabs{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;overflow:visible!important;padding-right:0!important}
.checkTabs button{width:100%;min-width:0!important;white-space:normal!important;line-height:1.15;padding:14px 8px!important}
.checkTrainer{margin-bottom:18px}.checksList:empty{display:none}.checkIntro{margin-bottom:18px!important}.checkTrainer .primary{width:100%;max-width:430px}
.selfRate{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.selfRate button{border:0;border-radius:14px;padding:14px;font-weight:800}.selfRate button:first-child{background:#111;color:#fff}.selfRate button:last-child{background:#f1f1f1;color:#111}.checkScore{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;margin:22px 0}.checkScore b{font-size:32px;color:#e52727}
.adviceCover{margin:0 18px 20px;padding:28px 22px;border-radius:0 0 28px 28px;background:linear-gradient(145deg,#111,#292929);color:#fff;overflow:hidden;position:relative}.adviceCover:after{content:'✓';position:absolute;right:-10px;bottom:-42px;font-size:150px;font-weight:900;color:#e62d2d22;transform:rotate(-12deg)}.adviceCover span,.adviceHero span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#ef3434}.adviceCover h1{font-size:36px;line-height:1.02;margin:12px 0}.adviceCover h1 em{color:#ef3434;font-style:normal}.adviceCover p{color:#d0d0d0;max-width:430px}
.adviceDashboard{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 24px}.adviceDashboard button{border:1px solid #e7e7e7;background:#fff;border-radius:20px;padding:18px 14px;text-align:left;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #0000000b}.adviceDashboard i{font-style:normal;font-size:28px}.adviceDashboard div{margin-top:auto}.adviceDashboard b{display:block;font-size:17px;line-height:1.08;margin:8px 0}.adviceDashboard span{display:block;font-size:12px;color:#777;line-height:1.3}.adviceDashboard strong{align-self:flex-end;color:#e62d2d;font-size:22px}
#adviceDetail{padding:20px 18px 40px}.backAdvice{border:0;background:none;font-weight:800;padding:8px 0 18px}.adviceHero{background:#111;color:#fff;border-radius:24px;padding:24px;margin-bottom:16px}.adviceHero h2{font-size:30px;margin:10px 0}.adviceHero p{color:#ccc}.adviceLessons details{background:#fff;border:1px solid #e8e8e8;border-radius:16px;margin:10px 0;padding:0 16px}.adviceLessons summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:850;padding:18px 0;cursor:pointer}.adviceLessons summary::-webkit-details-marker{display:none}.adviceLessons details p{margin:0 0 18px;color:#555;line-height:1.55}.adviceLessons details[open] summary b{transform:rotate(45deg)}
@media(max-width:390px){.adviceDashboard{grid-template-columns:1fr}.adviceDashboard button{min-height:112px}.adviceCover h1{font-size:32px}}
/* V10.2 — Vérifications: 3 questions visibles avant réponses */
.tripleQuestions{display:grid;gap:10px;margin:8px 0 18px}.tripleQuestions>div{background:#f7f7f7;border:1px solid #ececec;border-radius:14px;padding:14px}.tripleQuestions b{display:block;color:#d71920;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.tripleQuestions p{margin:7px 0 0;line-height:1.45;font-weight:750}.trainingAnswer h3{margin:16px 0 5px}.trainingCard{scroll-margin-top:78px}@media(max-width:430px){#checks .sectionTitle{padding-top:12px}.tripleQuestions>div{padding:12px}.trainingCard h2{font-size:21px}}

/* V10.17 — Jour de l’examen : bloc validé */
.adviceVisualBlock{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px #00000010}.adviceVisualBlock img{display:block;width:100%;height:auto}
@media(max-width:700px){#adviceDetail{padding-left:10px;padding-right:10px}.adviceVisualBlock{border-radius:16px}}
/* V10.18 — Le jour de l’examen : 4 sous-catégories */
.examSubGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.examSubGrid button{border:1px solid #e7e7e7;background:#fff;border-radius:20px;padding:18px;text-align:left;min-height:145px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #0000000b}.examSubGrid i{font-style:normal;font-size:30px}.examSubGrid b{font-size:18px;margin-top:auto}.examSubGrid span{font-size:12px;color:#777;margin-top:5px}.examSubGrid strong{align-self:flex-end;color:var(--red);font-size:22px}.examBlankGrid{background:#fff;border:1px solid #ddd;border-radius:18px;overflow:hidden}.gridHead,.gridRow{display:grid;grid-template-columns:minmax(180px,1fr) repeat(5,36px);align-items:center}.gridHead{background:#111;color:#fff}.gridHead>* ,.gridRow>*{padding:10px 6px;border-right:1px solid #ddd;text-align:center}.gridHead b,.gridRow b{text-align:left}.gridRow{border-top:1px solid #ddd;font-size:12px}.examBlankGrid h3{padding:14px 12px 6px;margin:0;color:var(--red);font-size:14px}.gridMini,.gridTotal{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #eee;font-size:12px}.gridTotal{background:#111;color:#fff;font-size:18px}.gridNote{margin-top:14px;padding:15px;background:#fff4f4;border-left:4px solid var(--red);border-radius:12px;line-height:1.5}.officialGridLink{display:block;margin-top:12px;background:#111;color:#fff;text-decoration:none;text-align:center;padding:14px;border-radius:12px;font-weight:800}
@media(max-width:430px){.examSubGrid{grid-template-columns:1fr}.examSubGrid button{min-height:112px}.examBlankGrid{overflow-x:auto}.gridHead,.gridRow{min-width:520px}.gridMini{min-width:0;flex-direction:column}.gridTotal{min-width:0}}

.adviceTopicVisual{margin:16px 0 18px}.adviceTopicVisual img{width:100%;height:auto;display:block}

/* V10.20 — Gestion du stress */
.adviceLessons details p b,.adviceLessons details p strong{color:#111}
.stressStart{width:100%;border:0;border-radius:12px;background:#168a48;color:#fff;font-weight:850;padding:14px 16px;margin-top:4px}
.stressRoutine{margin:16px 0 4px;padding:22px 16px;text-align:center;border-radius:18px;background:#f1f8f4;border:1px solid #cce7d7}
.stressRoutine small{font-weight:900;letter-spacing:.1em;color:#168a48}.stressRoutine h3{font-size:24px;margin:8px 0}.stressRoutine p{margin:8px auto!important;max-width:460px;color:#333!important}.stressRoutine>b{display:block;font-size:24px;margin:12px}.stressRoutine button{border:0;background:#fff;border-radius:10px;padding:10px 14px;font-weight:800}
.stressPulse{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;border:8px solid #39a96b;animation:stressBreath 8s ease-in-out infinite}
@keyframes stressBreath{0%,100%{transform:scale(.72);opacity:.55}45%{transform:scale(1);opacity:1}}
/* V10.21 — Priorités & intersections : STOP / Cédez / Priorité à droite */
.priorityHero{background:linear-gradient(145deg,#101011,#242426)}
.priorityMethod{display:flex;align-items:center;gap:8px;overflow:auto;padding:12px 4px 18px;scrollbar-width:none}.priorityMethod b{white-space:nowrap;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:9px 11px;font-size:11px}.priorityMethod i{font-style:normal;color:#e62d2d;font-weight:900}.priorityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.priorityGrid button{border:1px solid #e7e7e7;background:#fff;border-radius:20px;padding:20px;text-align:left;min-height:150px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 24px #0000000b}.priorityGrid em{font-style:normal;font-size:32px}.priorityGrid div{margin-top:auto}.priorityGrid b{display:block;font-size:18px;margin:8px 0 5px}.priorityGrid span{font-size:12px;color:#777}.priorityGrid strong{align-self:flex-end;color:#e62d2d;font-size:22px}
.priorityPartHead{background:#111;color:#fff;border-radius:22px 22px 0 0;padding:22px 20px}.priorityPartHead small{color:#ef3434;font-weight:900;letter-spacing:.12em}.priorityPartHead h2{font-size:30px;margin:7px 0}.priorityPartHead p{color:#ccc;margin:0}
.roadScene{height:235px;position:relative;overflow:hidden;background:#cad1c5;border-radius:0 0 22px 22px;margin-bottom:16px}.roadMain{position:absolute;left:35%;width:30%;top:0;bottom:0;background:#55595c}.roadSide{position:absolute;top:34%;left:0;right:0;height:32%;background:#55595c}.dash{position:absolute;left:49.3%;width:1.4%;height:34px;background:#fff}.d1{top:6px}.d2{bottom:6px}.d3{top:100px}.carStudent,.carOther{position:absolute;width:32px;height:55px;border-radius:9px;background:#e62d2d;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 3px 10px #0005}.carStudent{left:calc(50% - 16px);bottom:25px}.carOther{right:16%;top:calc(50% - 27px);transform:rotate(-90deg);background:#2774c8}.sign{position:absolute;left:29%;bottom:65px;z-index:3}.stopSign{background:#d9232e;color:#fff;border:3px solid #fff;outline:2px solid #d9232e;border-radius:5px;padding:5px;font-size:9px;font-weight:900}.yieldSign{font-size:34px;color:#d9232e;text-shadow:0 0 0 #fff}.stopLine{position:absolute;left:36%;width:28%;height:6px;background:#fff;bottom:83px}.yieldLine{position:absolute;left:36%;width:28%;bottom:81px;color:#fff;font-size:15px;letter-spacing:6px;text-align:center}.lookZone{position:absolute;right:8px;top:8px;background:#fff;border-radius:999px;padding:7px 10px;box-shadow:0 3px 12px #0002}.prioritySteps details{background:#fff;border:1px solid #e8e8e8;border-radius:16px;margin:10px 0;padding:0 16px}.prioritySteps summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:850;padding:17px 0}.prioritySteps summary::-webkit-details-marker{display:none}.prioritySteps p{margin:0 0 18px;color:#555;line-height:1.55}.prioritySteps details[open] summary b{transform:rotate(45deg)}
.situationCompare,.decisionCard{margin-top:16px;border-radius:20px;padding:18px;background:#f5f5f6}.situationCompare h3,.decisionCard h3{margin:2px 0 12px}.situationCompare>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.situationCompare article{background:#fff;border-radius:14px;padding:14px}.situationCompare article b{color:#111}.situationCompare article p{font-size:13px;color:#666;line-height:1.4;margin-bottom:0}.decisionCard small{font-weight:900;color:#e62d2d;letter-spacing:.1em}.decisionCard p{color:#555}.decisionCard button{border:0;background:#111;color:#fff;border-radius:11px;padding:12px 15px;font-weight:850}.decisionCard strong{display:none;margin-top:14px;padding:14px;background:#eaf7ef;color:#176c3b;border-radius:12px;line-height:1.45}.decisionCard.revealed button{display:none}.decisionCard.revealed strong{display:block}
@media(max-width:700px){.priorityGrid{grid-template-columns:1fr}.priorityGrid button{min-height:110px}.roadScene{height:210px}.situationCompare>div{grid-template-columns:1fr}.priorityMethod{margin-right:-10px}}
/* v10.22 — visuels validés + micro-interactions priorités */
.priorityVisual{height:clamp(220px,46vw,430px);position:relative;overflow:hidden;border-radius:0 0 22px 22px;margin-bottom:16px;background:#111;isolation:isolate}.priorityVisual img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015);transition:transform .8s ease}.priorityVisual.playWow img{animation:photoBreathe 3.6s ease both}.wowSweep{position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.20) 49%,transparent 64%);transform:translateX(-120%);pointer-events:none}.playWow .wowSweep{animation:sweepRoad 1.25s .2s ease-out both}.wowFocus{position:absolute;border:3px solid rgba(255,255,255,.92);box-shadow:0 0 0 5px rgba(230,45,45,.18),0 0 28px rgba(230,45,45,.55);border-radius:999px;opacity:0;pointer-events:none}.stop .f1{left:39%;right:26%;top:43%;height:8%}.stop .f2{left:43%;top:23%;width:12%;height:12%}.yield .f1{left:42%;right:22%;top:43%;height:9%}.yield .f2{right:8%;top:17%;width:13%;height:22%}.priority .f1{left:42%;bottom:9%;width:18%;height:24%}.priority .f2{right:4%;top:15%;width:21%;height:26%}.playWow .f1{animation:focusPop .75s 1.25s ease both}.playWow .f2{animation:focusPop .75s 2s ease both}.wowCaption{position:absolute;left:16px;bottom:14px;background:rgba(8,8,9,.86);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;backdrop-filter:blur(8px);opacity:0;transform:translateY(8px)}.stop .wowCaption:after{content:'IMMOBILISE → OBSERVE → REPARs'}.yield .wowCaption:after{content:'OBSERVE → DÉCIDE → CÈDE SI NÉCESSAIRE'}.priority .wowCaption:after{content:'B ARRIVE DE DROITE → A CÈDE LE PASSAGE'}.playWow .wowCaption{animation:captionIn .5s 2.55s ease forwards}.replayWow{position:absolute;right:12px;bottom:12px;border:1px solid rgba(255,255,255,.28);background:rgba(8,8,9,.82);color:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:850;backdrop-filter:blur(8px);z-index:4}.realSign{display:inline-grid;place-items:center;position:relative;box-sizing:border-box}.stopMini{width:48px;height:48px;background:#d8262f;color:#fff;border:4px solid #fff;outline:2px solid #d8262f;clip-path:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);font-size:10px;font-weight:950;letter-spacing:.2px}.yieldMini{width:52px;height:46px;background:#d8262f;clip-path:polygon(50% 100%,0 0,100% 0)}.yieldMini:after{content:'';width:35px;height:29px;background:#fff;clip-path:polygon(50% 100%,0 0,100% 0);position:absolute;top:6px;left:8.5px}.priorityMini{width:52px;height:46px;background:#d8262f;clip-path:polygon(50% 0,100% 100%,0 100%)}.priorityMini:after{content:'';position:absolute;left:8px;top:7px;width:36px;height:32px;background:#fff;clip-path:polygon(50% 0,100% 100%,0 100%)}.priorityMini i,.priorityMini b{position:absolute;z-index:2;background:#111;display:block}.priorityMini i{width:5px;height:20px;left:23.5px;top:14px}.priorityMini b{width:20px;height:5px;left:16px;top:21.5px}
@keyframes sweepRoad{to{transform:translateX(120%)}}@keyframes photoBreathe{0%{transform:scale(1.035)}100%{transform:scale(1.015)}}@keyframes focusPop{0%{opacity:0;transform:scale(.78)}45%{opacity:1}100%{opacity:0;transform:scale(1.08)}}@keyframes captionIn{to{opacity:1;transform:none}}
@media(max-width:700px){.priorityVisual{height:250px}.wowCaption{max-width:67%;white-space:normal;border-radius:14px;font-size:10px;padding:7px 9px}.replayWow{font-size:10px}.priorityGrid em{height:54px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.playWow .wowSweep,.playWow .wowFocus,.playWow img,.playWow .wowCaption{animation:none!important}.wowCaption{opacity:1;transform:none}}
/* V10.23 — panneaux fournis par l'utilisateur + animation pédagogique utile */
.priorityGrid em{width:76px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.userRoadSign{display:block;max-width:70px;max-height:68px;width:auto;height:auto;object-fit:contain}
.userRoadSign.stop{max-width:74px;max-height:74px}
.userRoadSign.yield{max-height:70px}
.userRoadSign.priority{max-height:68px}
.wowSweep,.wowFocus,.wowCaption{display:none!important}
.priorityVisual img{transform:none!important;animation:none!important}
.wowLesson{position:absolute;left:12px;bottom:12px;right:104px;min-height:38px;pointer-events:none;z-index:3}
.wowLesson span{position:absolute;left:0;bottom:0;max-width:100%;opacity:0;transform:translateY(8px);background:rgba(8,8,9,.88);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:13px;padding:8px 11px;font-size:11px;font-weight:900;letter-spacing:.02em;backdrop-filter:blur(8px);box-shadow:0 5px 16px rgba(0,0,0,.16)}
.playWow .wowLesson span:nth-child(1){animation:lessonStep 3.1s .15s ease both}
.playWow .wowLesson span:nth-child(2){animation:lessonStep 3.1s 3.0s ease both}
.playWow .wowLesson span:nth-child(3){animation:lessonFinal .45s 5.85s ease forwards}
.replayWow{bottom:12px;right:12px}
@keyframes lessonStep{0%{opacity:0;transform:translateY(8px)}12%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-4px)}}
@keyframes lessonFinal{to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.priorityGrid em{width:68px;height:62px;margin:0 14px 0 0;flex:0 0 68px}.priorityGrid button{flex-direction:row;align-items:center}.priorityGrid div{margin-top:0;flex:1}.priorityGrid strong{align-self:center}.userRoadSign{max-width:62px;max-height:58px}.userRoadSign.stop{max-width:66px;max-height:66px}.wowLesson{right:92px}.wowLesson span{font-size:9px;padding:7px 9px}}
@media(prefers-reduced-motion:reduce){.wowLesson span{display:none}.wowLesson span:last-child{display:block;opacity:1;transform:none}}

.priorityDidYouKnow{margin:18px 0;padding:18px;border:1px solid #f0d6d3;border-radius:18px;background:#fff8f7;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.priorityDidYouKnow small{display:block;color:#d9362b;font-weight:900;letter-spacing:.08em;margin-bottom:8px}
.priorityDidYouKnow h3{margin:0 0 10px;font-size:20px;color:#151515}
.priorityDidYouKnow p{margin:0 0 9px;line-height:1.55;color:#555}
.priorityDidYouKnow strong{color:#151515}

/* V10.25 — Priorités: photos fixes, sans animation/rejouer */
.priorityVisual .wowLesson,.priorityVisual .replayWow,.priorityVisual .wowSweep,.priorityVisual .wowFocus,.priorityVisual .wowCaption{display:none!important}
.priorityVisual img{animation:none!important;transform:none!important;transition:none!important}
@media(max-width:700px){.priorityGrid .userRoadSign.stop{max-width:82px!important;max-height:82px!important;width:82px;height:82px;object-fit:contain}.priorityGrid em:has(.userRoadSign.stop){width:82px;height:82px;flex-basis:82px;margin-right:10px}}

/* V10.26 — micro-correctif final : alignement visuel du panneau STOP */
@media(max-width:700px){
  .priorityGrid .userRoadSign.stop{transform:translateX(-12px)}
}

/* V10.27 — Croisements */
.priorityGrid .userRoadSign.crossing{max-width:68px;max-height:68px;width:68px;height:68px;object-fit:contain}
.crossingGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.crossingGrid button{border:1px solid #e7e7e7;background:#fff;border-radius:20px;padding:20px;text-align:left;min-height:125px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px #0000000b}
.crossingGrid i{width:52px;height:52px;border-radius:16px;background:#f4f4f4;display:grid;place-items:center;font-size:25px;font-style:normal;flex:0 0 52px}
.crossingGrid div{min-width:0;flex:1}.crossingGrid b{display:block;font-size:17px;margin-bottom:5px}.crossingGrid span{font-size:12px;color:#777}.crossingGrid strong{color:#e62d2d;font-size:22px}
.crossingVideo{background:#111;border-radius:0 0 22px 22px;overflow:hidden;margin-bottom:16px}
.crossingVideo video{display:block;width:100%;height:auto;max-height:520px;background:#111;object-fit:contain}
.crossingVideo small{display:block;color:#ddd;padding:11px 14px 13px;font-size:11px;text-align:center}
@media(max-width:700px){.crossingGrid{grid-template-columns:1fr}.crossingGrid button{min-height:100px}.crossingVideo video{max-height:380px}}

/* V10.32 — Giratoire & rond-point */
.priorityGrid .userRoadSign.roundabout{max-width:68px;max-height:68px;width:68px;height:68px;object-fit:contain}
.roundaboutVideo{background:#111;border-radius:0 0 22px 22px;overflow:hidden;margin-bottom:16px}
.roundaboutVideo video{display:block;width:100%;height:auto;max-height:520px;background:#111;object-fit:contain}
.roundaboutVideo small{display:block;color:#ddd;padding:11px 14px 13px;font-size:11px;text-align:center}
.roundaboutCompare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.roundaboutCompare article{background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:17px;box-shadow:0 8px 24px #0000000b}
.roundaboutCompare b{display:block;margin-bottom:8px;font-size:16px}.roundaboutCompare p{margin:0;color:#555;line-height:1.55}
.roundaboutRule{background:#fff4f2;border:1px solid #f0d6d3;border-radius:17px;padding:16px 17px;margin:14px 0}.roundaboutRule strong{color:#d9362b}.roundaboutRule p{margin:7px 0 0;color:#555;line-height:1.5}
.roundaboutJoke{background:#f5f5f6;border-radius:20px;padding:18px;margin:16px 0}.roundaboutJoke small{font-weight:900;color:#e62d2d;letter-spacing:.08em}.roundaboutJoke h3{margin:8px 0 10px}.roundaboutJoke p{color:#555;line-height:1.55}.roundaboutJoke>strong{display:block;margin-top:10px}
@media(max-width:700px){.roundaboutCompare{grid-template-columns:1fr}.roundaboutVideo video{max-height:380px}}
/* V10.33 — test interactif prise de décision */
.decisionIcon{font-style:normal;font-size:46px;line-height:1}
.decisionPartHead{background:linear-gradient(135deg,#101d34,#203b67)}
.decisionIntro,.decisionExercise,.decisionLesson{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;margin:18px 0;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.decisionIntro>p{font-size:17px;line-height:1.55;color:#4b5563}.decisionIntro>div{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:15px}.decisionIntro b{background:#f3f6fa;border-radius:12px;padding:9px 11px;font-size:13px}.decisionIntro i{font-style:normal;color:#9ca3af}
.decisionExercise>small{font-weight:900;color:#1877d2}.decisionExercise h3{font-size:25px;margin:5px 0 4px}.decisionExercise>p{color:#667085;margin:0 0 14px}.decisionExercise>img{display:block;width:100%;border-radius:18px;object-fit:cover;max-height:430px;border:1px solid #e5e7eb}
.decisionChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.decisionChoices button{border:0;border-radius:16px;padding:15px 10px;color:#fff;font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.12);transition:.18s transform,.18s box-shadow,.18s opacity}.decisionChoices button:active{transform:scale(.98)}.decisionChoices button b{display:block;font-size:16px}.decisionChoices button span{display:block;font-size:12px;font-weight:600;margin-top:3px;opacity:.94}.decisionChoices .go{background:#2da34a}.decisionChoices .slow{background:#f59e0b}.decisionChoices .stop{background:#e3262e}.decisionChoices button.selected{outline:4px solid #111827;outline-offset:2px}.decisionChoices button.wrong{opacity:.65}.decisionChoices button.correct{box-shadow:0 0 0 4px rgba(34,197,94,.22),0 6px 18px rgba(0,0,0,.16)}
.decisionFeedback{display:none}.decisionFeedback.show{display:block;margin-top:16px;border-radius:18px;padding:18px;animation:decisionReveal .25s ease-out}.decisionFeedback.good{background:#eefaf1;border:1px solid #b9e8c3}.decisionFeedback.retry{background:#fff7e8;border:1px solid #f5d39a}.decisionFeedback h3{margin:0 0 8px;font-size:21px}.decisionFeedback p{line-height:1.5;margin:0}.decisionFeedback div{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.75);line-height:1.45}.decisionFeedback button{margin-top:12px;border:0;border-radius:12px;padding:10px 15px;background:#111827;color:#fff;font-weight:800}.decisionLesson h3{margin-top:0}.decisionLesson p{line-height:1.55;color:#4b5563}
@keyframes decisionReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:650px){.decisionIcon{font-size:38px}.decisionIntro,.decisionExercise,.decisionLesson{border-radius:19px;padding:15px}.decisionExercise h3{font-size:21px}.decisionExercise>img{min-height:190px;object-fit:cover}.decisionChoices{grid-template-columns:1fr;gap:8px}.decisionChoices button{display:grid;grid-template-columns:40px 1fr;align-items:center;text-align:left;padding:12px 15px}.decisionChoices button b,.decisionChoices button span{grid-column:2}.decisionChoices button b{font-size:16px}.decisionChoices button span{font-size:12px}.decisionIntro>div{justify-content:flex-start}}

/* V10.34 — Prise de décision enrichie */
.decisionSteps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.decisionSteps article{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.decisionSteps article:last-child{grid-column:1/-1}.decisionSteps b{font-size:15px}.decisionSteps p{margin:7px 0 0;color:#596273;line-height:1.48}.decisionWarning{margin:18px 0;padding:20px;border-radius:22px;background:#fff5f1;border:1px solid #ffd0c5;border-left:6px solid #e3262e}.decisionWarning small{font-weight:900;color:#e3262e;letter-spacing:.08em}.decisionWarning h3{margin:7px 0 10px;font-size:21px}.decisionWarning p{margin:8px 0;line-height:1.52;color:#4b5563}.decisionScene{position:relative}.decisionScene>img:first-child{display:block;width:100%;border-radius:18px;object-fit:cover;max-height:430px;border:1px solid #e5e7eb}.decisionYieldSign{position:absolute!important;right:3.5%;top:7%;width:76px!important;height:76px!important;object-fit:contain!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.25));border:0!important;border-radius:0!important;background:transparent}.decisionExercise>img{display:none}
@media(max-width:650px){.decisionSteps{grid-template-columns:1fr}.decisionSteps article:last-child{grid-column:auto}.decisionWarning{padding:16px;border-radius:18px}.decisionWarning h3{font-size:18px}.decisionScene>img:first-child{min-height:190px;object-fit:cover}.decisionYieldSign{width:54px!important;height:54px!important;right:4%;top:6%}}
/* V10.35 — série interactive prise de décision */
.decisionSeriesIntro{margin:22px 0 8px;padding:18px 20px;border-radius:20px;background:#101d34;color:#fff}.decisionSeriesIntro small{font-weight:900;color:#7cc2ff;letter-spacing:.08em}.decisionSeriesIntro h3{margin:5px 0 4px;font-size:23px}.decisionSeriesIntro p{margin:0;color:#d8e3f1;line-height:1.45}.decisionExercise+.decisionExercise{margin-top:22px}.decisionScene>img:first-child{max-height:none;aspect-ratio:16/9;object-fit:cover}.decisionScene .decisionYieldSign{display:none!important}

/* Visuels validés — Manœuvres */
.manoeuvreVisual{margin:22px 0 8px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.10)}
.manoeuvreVisual img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.manoeuvreVisual{margin-top:16px;border-radius:16px}}
/* v10.44 — prototype sectorisation Olivet */
.sectorOpen{border:0;background:none;color:var(--red);font-weight:800;padding:0;cursor:pointer}.trainingHead{background:#111;color:#fff;padding:34px 28px}.trainingHead span{color:var(--red);font-size:12px;letter-spacing:2px;font-weight:900}.trainingHead h1{font-size:42px;margin:6px 0}.trainingHead p{color:#bbb;max-width:700px}.trainingStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 20px}.trainingStats div{background:#fff;border-radius:16px;padding:16px;text-align:center}.trainingStats b{display:block;font-size:22px;color:var(--red)}.trainingStats span{font-size:12px;color:#666}.trainingActions{display:flex;gap:10px;flex-wrap:wrap;padding:0 20px 16px}.trainingActions button:not(.primary){border:1px solid #ddd;background:#fff;border-radius:12px;padding:13px 16px;font-weight:800}.routeMessage{margin:0 20px 14px;padding:14px 16px;background:#fff;border-radius:12px;color:#555}.sectorInteractiveMap{height:520px;margin:0 20px;border-radius:20px;overflow:hidden;background:#ddd;border:1px solid #ddd}.routeProposal{margin:18px 20px;background:#fff;border-radius:20px;padding:20px}.routeProposal h2{margin:0 0 4px}.routeMeta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.routeMeta span{background:#f3f3f4;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.routeStops{margin:16px 0;padding-left:22px}.routeStops li{padding:5px 0}.routeLaunch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.routeLaunch a,.pointLaunch a{display:block;text-align:center;text-decoration:none;border-radius:12px;padding:13px 10px;font-weight:900}.routeLaunch a:first-child,.pointLaunch a:first-child{background:#111;color:#fff}.routeLaunch a:last-child,.pointLaunch a:last-child{background:#eef3ff;color:#174ea6}.routeDone{width:100%;margin-top:10px;border:0;background:#eaf8f0;color:#087a3d;border-radius:12px;padding:13px;font-weight:900}.sectorLegend{margin:18px 20px;background:#fff;border-radius:16px;padding:18px}.sectorLegend p{margin-bottom:0;color:#666}.leaflet-popup-content{min-width:210px}.pointPopup h3{margin:0 0 10px}.pointLaunch{display:grid;gap:7px}.pointLaunch a{padding:9px}.centerMarker{font-size:24px}
@media(max-width:700px){.trainingStats{grid-template-columns:1fr 1fr}.trainingStats div:first-child{grid-column:1/-1}.sectorInteractiveMap{height:430px;margin:0 12px}.trainingActions,.trainingStats{padding-left:12px;padding-right:12px}.routeMessage,.routeProposal,.sectorLegend{margin-left:12px;margin-right:12px}.routeLaunch{grid-template-columns:1fr}.trainingHead{padding:28px 20px}}

/* Prototype Allure & anticipation : styles limités à son ouverture. */
.paceOpening{overflow:hidden;border-radius:24px;background:#111;color:#fff}
.paceOpening .paceIntro{margin:0;border-radius:0;padding:clamp(26px,5vw,52px);padding-bottom:30px}
.paceOpening .paceIntro span{font-size:11px;letter-spacing:.15em}
.paceOpening .paceIntro h2{font-size:clamp(32px,4.8vw,58px);line-height:1.08;letter-spacing:-.045em;margin:20px 0 18px;max-width:900px;text-wrap:balance}
.paceOpening .paceIntro em{font-style:normal;color:#ff5359}
.paceOpening .paceIntro p{font-size:clamp(16px,1.8vw,19px);line-height:1.55;margin:0;max-width:620px}
.paceOpening .paceScene{position:relative;margin:0 18px;overflow:hidden;border-radius:18px;background:#282828}
.paceOpening .paceScene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.paceOpening .paceScene figcaption{position:absolute;inset:auto 0 0;padding:50px 26px 24px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:grid;gap:7px}
.paceOpening .paceScene figcaption span{font-size:10px;letter-spacing:.16em;font-weight:850;color:#fff}
.paceOpening .paceScene figcaption strong{font-size:clamp(18px,2.4vw,25px);line-height:1.25}
.paceOpening .paceMethod{padding:30px clamp(24px,4vw,44px) 12px}
.paceOpening .paceMethod>p{font-size:10px;letter-spacing:.15em;color:#bbb;font-weight:800;margin:0 0 22px}
.paceOpening .paceMethod ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.paceOpening .paceMethod li{position:relative;display:grid;align-content:start;gap:8px;min-width:0}
.paceOpening .paceMethod li:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:22px;color:#ff5359}
.paceOpening .paceMethod li>span{color:#ff5359;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.paceOpening .paceMethod b{font-size:clamp(17px,2vw,22px);letter-spacing:-.03em}
.paceOpening .paceMethod small{font-size:13px;line-height:1.5;color:#ccc}
.paceOpening .paceReminder{border-top:1px solid #ffffff24;margin:18px clamp(24px,4vw,44px) 0;padding:20px 0 26px;font-size:13px;line-height:1.6;color:#bbb}
@media(max-width:600px){.paceOpening{border-radius:20px}.paceOpening .paceIntro{padding:28px 22px 26px}.paceOpening .paceIntro span{font-size:10px;letter-spacing:.09em}.paceOpening .paceIntro h2{font-size:clamp(30px,8.6vw,46px)}.paceOpening .paceScene{margin:0 10px;border-radius:14px}.paceOpening .paceScene img{aspect-ratio:4/3}.paceOpening .paceScene figcaption{padding:45px 18px 18px}.paceOpening .paceMethod ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.paceOpening .paceMethod li:nth-child(2)::after{content:none}.paceOpening .paceMethod li:nth-child(3)::after{content:'→'}.paceOpening .paceReminder{margin-top:22px}}

/* Écran 2 — sélecteurs dédiés ; ouverture validée inchangée. */
.paceLook{margin-top:24px;background:#111;color:#fff;border-radius:24px;overflow:hidden;padding:28px 18px}
.paceLook header{padding:0 8px 18px}.paceLook header small{color:#ff5359;font-weight:850;letter-spacing:.13em;font-size:11px}.paceLook h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;margin:10px 0}.paceLook header p{color:#ccc;line-height:1.5;margin:0}
.paceLookScene{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;background:#282828}.paceLookScene img{display:block;width:100%;height:auto}.paceLookZone{position:absolute;border:2px solid transparent;border-radius:12px;background:transparent;cursor:pointer;min-width:24px;min-height:36px;padding:0}.paceLookZone span{display:none;border-radius:50%;background:#e3262e;color:#fff;width:28px;height:28px;place-items:center;font-weight:900}.paceLookZone.found,.paceLookZone.revealed{border-color:#fff;background:#e3262e18;box-shadow:0 0 0 2px #e3262e}.paceLookZone.found span,.paceLookZone.revealed span{display:grid}.paceLookZone:focus-visible{outline:3px solid #ffce54;outline-offset:2px;background:#ffce5433}.paceLookTools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.paceLookTools strong{margin-right:auto;font-size:15px}.paceLookTools button{min-height:44px;border:1px solid #555;border-radius:12px;padding:10px 16px;background:#252525;color:#fff;font-weight:800;cursor:pointer}.paceLookTools #paceLookReveal{background:#e3262e;border-color:#e3262e}.paceLookTools button:disabled{opacity:.55;cursor:default}.paceLookStatus{color:#ccc;min-height:2.8em;line-height:1.5;font-size:14px}.paceLookAnswers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.paceLookAnswers[hidden]{display:none}.paceLookAnswers article{background:#222;border:1px solid #ffffff20;border-radius:16px;padding:18px}.paceLookAnswers h3{font-size:17px;margin:0 0 16px}.paceLookAnswers h3>span{color:#ff5359}.paceLookAnswers h3 small{display:block;font-size:10px;color:#bbb;letter-spacing:.1em;margin-top:8px}.paceLookAnswers dl{margin:0;display:grid;gap:12px}.paceLookAnswers dt{font-size:11px;font-weight:900;color:#ff777b;text-transform:uppercase;letter-spacing:.08em}.paceLookAnswers dd{margin:4px 0 0;font-size:14px;line-height:1.5;color:#eee}.paceLookAnswers article:last-child{grid-column:1/-1}
@media(max-width:600px){.paceLook{padding:24px 10px;border-radius:20px}.paceLookTools,.paceLookStatus{margin-left:8px;margin-right:8px}.paceLookTools strong{width:100%}.paceLookTools button{flex:1;padding:10px}.paceLookAnswers{grid-template-columns:1fr}.paceLookZone{border-radius:6px}.paceLookZone span{width:22px;height:22px;font-size:12px}.paceLookAnswers article{padding:16px}.paceLookScene{border-radius:12px}}

/* Cours anticipation — styles strictement limités au nouveau bloc. */
.paceCourse{margin-top:24px;padding:clamp(24px,4vw,44px);border-radius:24px;background:#111;color:#fff;border:1px solid #ffffff20}
.paceCourse header small{color:#ff777b;font-size:11px;font-weight:850;letter-spacing:.13em}.paceCourse h2{font-size:clamp(28px,3.6vw,42px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 28px;text-wrap:balance}.paceCourse h3{line-height:1.4;margin:0 0 14px}.paceCourse p{font-size:16px;line-height:1.7;color:#ccc;margin:0 0 14px}.paceCourse strong{color:#fff}.paceCourseIntro{max-width:820px}.paceCourseIntro h3{font-size:clamp(21px,2.4vw,27px)}.paceCourse .paceCourseKey{color:#fff;font-size:clamp(19px,2vw,24px);font-weight:850;line-height:1.5;border-left:3px solid #ff5359;padding:10px 0 10px 18px;margin:24px 0 30px}.paceCourseCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.paceCourseCards article{min-width:0;background:#222;border:1px solid #ffffff20;border-radius:18px;padding:24px}.paceCourseCards h3{font-size:14px;letter-spacing:.04em}.paceCourseCards h3 span{display:block;font-size:28px;margin-bottom:14px}.paceCourseCards p{font-size:15px}.paceCourseCards p:last-child,.paceCourseTrap p:last-child{margin-bottom:0}.paceCourseTrap{margin-top:24px;padding:24px;border:1px solid #e6b44d66;border-radius:18px;background:#e6b44d0c}.paceCourseTrap h3{color:#ffce72;font-size:19px}
@media(max-width:900px){.paceCourseCards{grid-template-columns:1fr}.paceCourseCards h3 span{display:inline;margin-right:8px;font-size:24px}}
@media(max-width:600px){.paceCourse{padding:26px 20px;border-radius:20px}.paceCourseCards article,.paceCourseTrap{padding:20px}.paceCourse header small{font-size:10px}.paceCourse p{font-size:15px}}

/* Permis B prototype : styles strictement limités à sa fiche. */
.permisB{margin:0 20px 30px;line-height:1.55;color:#202124}.permisB *{box-sizing:border-box}.permisB .pbHero{background:#151515;color:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr}.permisB .pbHero>div{padding:32px}.permisB .pbEyebrow,.permisB small{font-size:11px;font-weight:800;letter-spacing:.08em}.permisB .pbEyebrow{color:#ff7777}.permisB .pbHero h1{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:14px 0}.permisB .pbHero em{color:#ff7777;font-style:normal}.permisB .pbHero p{color:#dedede;max-width:540px;font-size:15px}.permisB .pbHero img{width:100%;height:100%;object-fit:cover}.permisB .pbReading{font-size:12px;color:#ddd}.permisB .pbSection{margin-top:26px}.permisB h2{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.25;margin:0 0 15px}.permisB h2>span{color:#cf2229;background:#fff;border:1px solid #eadbdd;border-radius:10px;padding:8px;font-size:13px}.permisB .pbGrid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.permisB .pbTwo{grid-template-columns:repeat(2,1fr)}.permisB .pbCard{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px}.permisB h3{font-size:18px;line-height:1.3;margin:7px 0 10px}.permisB p{margin:8px 0;font-size:14px}.permisB .pbMetric{font-size:29px;color:#c9232c;line-height:1.2}.permisB .pbNote{border-top:1px solid #eee;padding-top:12px;color:#505050}.permisB .pbGear small,.permisB .pbCard>small{color:#bc252c}.permisB .pbCommon{color:#505050;margin:12px 0}.permisB .pbAdmin{border:1px solid #e2e2e2;border-radius:14px;background:#fff;margin-top:12px;padding:0 18px}.permisB summary{cursor:pointer;font-size:14px;font-weight:750;padding:14px 0;display:flex;justify-content:space-between;gap:12px;list-style:none}.permisB summary::-webkit-details-marker{display:none}.permisB summary span{color:#c9232c}.permisB details[open] summary span{transform:rotate(45deg)}.permisB ul{padding-left:20px;font-size:14px}.permisB li+li{margin-top:8px}.permisB .pbBridge{background:#fff1f1;border:1px solid #f2d4d4;border-radius:20px;padding:22px}.permisB .pbBridgeBody{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.permisB .pbBridgeBody>b{font-size:42px}.permisB .pbBridgeBody small{display:block;font-size:12px;margin-top:4px}.permisB .pbExam{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px;display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.permisB .pbDuration{display:grid;text-align:center}.permisB .pbDuration b{font-size:56px;line-height:1.1}.permisB .pbDuration span{font-size:12px;color:#555}.permisB .pbExam ul{margin:0}.permisB .pbSuccess{background:#181818;color:#fff;border-radius:18px;padding:24px;display:flex;gap:28px;align-items:center;justify-content:center}.permisB .pbSuccess>b{font-size:38px;line-height:1.1}.permisB .pbSuccess small{display:block;font-size:12px;margin-top:6px}.permisB .pbSuccess>span{color:#ff7777;font-size:12px}.permisB .pbSuccess strong{font-size:20px;line-height:1.3}.permisB .pbRevision{background:#fff;border:1px solid #d8d8d8;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:750;color:#222}.permisB .pbTrailer{margin:0}.permisB .pb125{padding:14px 16px;border-left:3px solid #c9232c;background:#fff;border-radius:0 12px 12px 0}.permisB .pbSources{border-top:1px solid #ddd;margin-top:26px;padding-top:18px;color:#666}.permisB .pbSources p{font-size:12px}.permisB a{color:#555;text-underline-offset:3px}.permisB :is(button,summary,a):focus-visible{outline:3px solid #c9232c;outline-offset:4px}
@media(max-width:700px){.permisB{margin:0 14px 24px}.permisB .pbHero{grid-template-columns:1fr}.permisB .pbHero>div{padding:24px}.permisB .pbHero img{height:150px;object-position:center 55%}.permisB .pbGrid,.permisB .pbTwo{grid-template-columns:1fr}.permisB .pbCard{padding:18px}.permisB h2{font-size:20px}.permisB .pbBridge{padding:18px}.permisB .pbBridgeBody{grid-template-columns:1fr;gap:6px}.permisB .pbBridgeBody small{display:inline;margin-left:8px}.permisB .pbExam{grid-template-columns:1fr;gap:12px}.permisB .pbDuration{display:flex;gap:12px;align-items:center;text-align:left}.permisB .pbDuration b{font-size:40px}.permisB .pbSuccess{gap:16px;padding:20px 15px}.permisB .pbSuccess>b{font-size:32px}.permisB .pbSuccess strong{font-size:17px}}

/* Le pied de page externe est masqué uniquement sur la fiche pédagogique B. */
#permitDetail.active:has(.permisB) ~ .siteFooter{display:none}

/* AAC prototype : styles autonomes, limités à cette fiche. */
 styles strictement limités à sa fiche. */
.aac{margin:0 20px 30px;line-height:1.55;color:#202124}.aac *{box-sizing:border-box}.aac .pbHero{background:#151515;color:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr}.aac .pbHero>div{padding:32px}.aac .pbEyebrow,.aac small{font-size:11px;font-weight:800;letter-spacing:.08em}.aac .pbEyebrow{color:#ff7777}.aac .pbHero h1{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:14px 0}.aac .pbHero em{color:#ff7777;font-style:normal}.aac .pbHero p{color:#dedede;max-width:540px;font-size:15px}.aac .pbHero img{width:100%;height:100%;object-fit:cover}.aac .pbReading{font-size:12px;color:#ddd}.aac .pbSection{margin-top:26px}.aac h2{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.25;margin:0 0 15px}.aac h2>span{color:#cf2229;background:#fff;border:1px solid #eadbdd;border-radius:10px;padding:8px;font-size:13px}.aac .pbGrid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.aac .pbTwo{grid-template-columns:repeat(2,1fr)}.aac .pbCard{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px}.aac h3{font-size:18px;line-height:1.3;margin:7px 0 10px}.aac p{margin:8px 0;font-size:14px}.aac .pbMetric{font-size:29px;color:#c9232c;line-height:1.2}.aac .pbNote{border-top:1px solid #eee;padding-top:12px;color:#505050}.aac .pbGear small,.aac .pbCard>small{color:#bc252c}.aac .pbCommon{color:#505050;margin:12px 0}.aac .pbAdmin{border:1px solid #e2e2e2;border-radius:14px;background:#fff;margin-top:12px;padding:0 18px}.aac summary{cursor:pointer;font-size:14px;font-weight:750;padding:14px 0;display:flex;justify-content:space-between;gap:12px;list-style:none}.aac summary::-webkit-details-marker{display:none}.aac summary span{color:#c9232c}.aac details[open] summary span{transform:rotate(45deg)}.aac ul{padding-left:20px;font-size:14px}.aac li+li{margin-top:8px}.aac .pbBridge{background:#fff1f1;border:1px solid #f2d4d4;border-radius:20px;padding:22px}.aac .pbBridgeBody{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.aac .pbBridgeBody>b{font-size:42px}.aac .pbBridgeBody small{display:block;font-size:12px;margin-top:4px}.aac .pbExam{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px;display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.aac .pbDuration{display:grid;text-align:center}.aac .pbDuration b{font-size:56px;line-height:1.1}.aac .pbDuration span{font-size:12px;color:#555}.aac .pbExam ul{margin:0}.aac .pbSuccess{background:#181818;color:#fff;border-radius:18px;padding:24px;display:flex;gap:28px;align-items:center;justify-content:center}.aac .pbSuccess>b{font-size:38px;line-height:1.1}.aac .pbSuccess small{display:block;font-size:12px;margin-top:6px}.aac .pbSuccess>span{color:#ff7777;font-size:12px}.aac .pbSuccess strong{font-size:20px;line-height:1.3}.aac .pbRevision{background:#fff;border:1px solid #d8d8d8;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:750;color:#222}.aac .pbTrailer{margin:0}.aac .pb125{padding:14px 16px;border-left:3px solid #c9232c;background:#fff;border-radius:0 12px 12px 0}.aac .pbSources{border-top:1px solid #ddd;margin-top:26px;padding-top:18px;color:#666}.aac .pbSources p{font-size:12px}.aac a{color:#555;text-underline-offset:3px}.aac :is(button,summary,a):focus-visible{outline:3px solid #c9232c;outline-offset:4px}
@media(max-width:700px){.aac{margin:0 14px 24px}.aac .pbHero{grid-template-columns:1fr}.aac .pbHero>div{padding:24px}.aac .pbHero img{height:150px;object-position:center 55%}.aac .pbGrid,.aac .pbTwo{grid-template-columns:1fr}.aac .pbCard{padding:18px}.aac h2{font-size:20px}.aac .pbBridge{padding:18px}.aac .pbBridgeBody{grid-template-columns:1fr;gap:6px}.aac .pbBridgeBody small{display:inline;margin-left:8px}.aac .pbExam{grid-template-columns:1fr;gap:12px}.aac .pbDuration{display:flex;gap:12px;align-items:center;text-align:left}.aac .pbDuration b{font-size:40px}.aac .pbSuccess{gap:16px;padding:20px 15px}.aac .pbSuccess>b{font-size:32px}.aac .pbSuccess strong{font-size:17px}}


.aac .aacTimeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 28px}.aac .aacTimeline li{border-top:3px solid #c9232c;padding:12px 8px;background:#fff;border-radius:0 0 12px 12px;min-width:0}.aac .aacTimeline b,.aac .aacTimeline span{display:block}.aac .aacTimeline b{font-size:14px}.aac .aacTimeline span{font-size:12px;color:#555;margin-top:6px}.aac .aacMilestone{background:#181818;color:#fff;border-radius:18px;padding:22px;margin-top:16px}.aac .aacMilestone>b{font-size:23px;line-height:1.3}.aac .aacMilestone b span{font-size:12px;color:#ff7777;padding:0 10px}.aac .aacMilestone p{color:#dedede}.aac .aacRole{padding:22px;border-radius:18px;margin-top:16px;background:#fff1f1;border:1px solid #f2d4d4}.aac .aacRole small{color:#bc252c}.aac .pbMetric{font-size:26px}.aac .pbCard{min-width:0}
#permitDetail.active:has(.aac) ~ .siteFooter{display:none}
@media(max-width:700px){.aac .aacTimeline{grid-template-columns:repeat(2,minmax(0,1fr))}.aac .aacMilestone>b{font-size:21px}.aac .aacRole{padding:18px}}

/* BE prototype : tous les styles sont limités à sa fiche. */
.permisBE{margin:0 20px 30px;line-height:1.55;color:#202124}.permisBE *{box-sizing:border-box}.permisBE .pbHero{background:#151515;color:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr}.permisBE .pbHero>div{padding:32px}.permisBE .pbEyebrow,.permisBE small{font-size:11px;font-weight:800;letter-spacing:.08em}.permisBE .pbEyebrow{color:#ff7777}.permisBE .pbHero h1{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:14px 0}.permisBE .pbHero em{color:#ff7777;font-style:normal}.permisBE .pbHero p{color:#dedede;max-width:540px;font-size:15px}.permisBE .pbHero img{width:100%;height:100%;object-fit:cover}.permisBE .pbReading{font-size:12px;color:#ddd}.permisBE .pbSection{margin-top:26px}.permisBE h2{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.25;margin:0 0 15px}.permisBE h2>span{color:#cf2229;background:#fff;border:1px solid #eadbdd;border-radius:10px;padding:8px;font-size:13px}.permisBE .pbGrid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.permisBE .pbTwo{grid-template-columns:repeat(2,1fr)}.permisBE .pbCard{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px}.permisBE h3{font-size:18px;line-height:1.3;margin:7px 0 10px}.permisBE p{margin:8px 0;font-size:14px}.permisBE .pbMetric{font-size:29px;color:#c9232c;line-height:1.2}.permisBE .pbNote{border-top:1px solid #eee;padding-top:12px;color:#505050}.permisBE .pbGear small,.permisBE .pbCard>small{color:#bc252c}.permisBE .pbCommon{color:#505050;margin:12px 0}.permisBE .pbAdmin{border:1px solid #e2e2e2;border-radius:14px;background:#fff;margin-top:12px;padding:0 18px}.permisBE summary{cursor:pointer;font-size:14px;font-weight:750;padding:14px 0;display:flex;justify-content:space-between;gap:12px;list-style:none}.permisBE summary::-webkit-details-marker{display:none}.permisBE summary span{color:#c9232c}.permisBE details[open] summary span{transform:rotate(45deg)}.permisBE ul{padding-left:20px;font-size:14px}.permisBE li+li{margin-top:8px}.permisBE .pbBridge{background:#fff1f1;border:1px solid #f2d4d4;border-radius:20px;padding:22px}.permisBE .pbBridgeBody{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.permisBE .pbBridgeBody>b{font-size:42px}.permisBE .pbBridgeBody small{display:block;font-size:12px;margin-top:4px}.permisBE .pbExam{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px;display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.permisBE .pbDuration{display:grid;text-align:center}.permisBE .pbDuration b{font-size:56px;line-height:1.1}.permisBE .pbDuration span{font-size:12px;color:#555}.permisBE .pbExam ul{margin:0}.permisBE .pbSuccess{background:#181818;color:#fff;border-radius:18px;padding:24px;display:flex;gap:28px;align-items:center;justify-content:center}.permisBE .pbSuccess>b{font-size:38px;line-height:1.1}.permisBE .pbSuccess small{display:block;font-size:12px;margin-top:6px}.permisBE .pbSuccess>span{color:#ff7777;font-size:12px}.permisBE .pbSuccess strong{font-size:20px;line-height:1.3}.permisBE .pbRevision{background:#fff;border:1px solid #d8d8d8;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:750;color:#222}.permisBE .pbTrailer{margin:0}.permisBE .pb125{padding:14px 16px;border-left:3px solid #c9232c;background:#fff;border-radius:0 12px 12px 0}.permisBE .pbSources{border-top:1px solid #ddd;margin-top:26px;padding-top:18px;color:#666}.permisBE .pbSources p{font-size:12px}.permisBE a{color:#555;text-underline-offset:3px}.permisBE :is(button,summary,a):focus-visible{outline:3px solid #c9232c;outline-offset:4px}
@media(max-width:700px){.permisBE{margin:0 14px 24px}.permisBE .pbHero{grid-template-columns:1fr}.permisBE .pbHero>div{padding:24px}.permisBE .pbHero img{height:150px;object-position:center 55%}.permisBE .pbGrid,.permisBE .pbTwo{grid-template-columns:1fr}.permisBE .pbCard{padding:18px}.permisBE h2{font-size:20px}.permisBE .pbBridge{padding:18px}.permisBE .pbBridgeBody{grid-template-columns:1fr;gap:6px}.permisBE .pbBridgeBody small{display:inline;margin-left:8px}.permisBE .pbExam{grid-template-columns:1fr;gap:12px}.permisBE .pbDuration{display:flex;gap:12px;align-items:center;text-align:left}.permisBE .pbDuration b{font-size:40px}.permisBE .pbSuccess{gap:16px;padding:20px 15px}.permisBE .pbSuccess>b{font-size:32px}.permisBE .pbSuccess strong{font-size:17px}}


.permisBE .beNav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.permisBE .beNav a{background:#fff;padding:9px 12px;border:1px solid #e4e4e4;border-radius:10px;text-decoration:none;font-size:12px;font-weight:750}.permisBE .beAccent{border-top:3px solid #c9232c}.permisBE .beMass{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:22px;background:#181818;color:#fff;border-radius:18px}.permisBE .beMass small,.permisBE .beMass b{display:block}.permisBE .beMass b{font-size:20px;margin-top:8px}.permisBE .beMass>span{color:#ff7777;font-size:24px}.permisBE .beSteps{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px;counter-reset:beStep}.permisBE .beSteps li{counter-increment:beStep;background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px;margin:0}.permisBE .beSteps b:before{content:counter(beStep) ' · ';color:#c9232c}.permisBE .beResult{display:flex;align-items:center;gap:20px;background:#181818;color:#fff;border-radius:18px;padding:22px;margin-top:16px}.permisBE .beResult b{font-size:25px;color:#ff7777}.permisBE .beResult span{font-size:14px}.permisBE .beFigure{margin:18px 0 12px;background:#fff;border:1px solid #e4e4e4;border-radius:18px;overflow:hidden}.permisBE .beScroll{overflow-x:auto}.permisBE .beScroll img{display:block;width:100%;min-width:850px;height:auto;max-width:none}.permisBE figcaption{padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px;font-size:12px;border-top:1px solid #eee}.permisBE figcaption span{display:flex;align-items:center;gap:6px}.permisBE .beDot{width:10px;height:10px;border-radius:50%;background:#c9232c}.permisBE .beLine{width:20px;height:3px;background:#30343b}.permisBE .beOriginal{display:inline-block;padding:10px 14px;border:1px solid #ddd;background:#fff;border-radius:10px;font-size:13px}.permisBE .beMobileHint{display:none}.permisBE .bePath{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.permisBE .bePath>div{padding:18px;background:#fff;border-top:3px solid #c9232c;border-radius:0 0 14px 14px}.permisBE .pbSection{scroll-margin-top:96px}.permisBE .pbCard{min-width:0}
#permitDetail.active:has(.permisBE) ~ .siteFooter{display:none}
@media(max-width:700px){.permisBE .beSteps,.permisBE .bePath{grid-template-columns:1fr}.permisBE .beMass{gap:8px;padding:18px}.permisBE .beMass b{font-size:15px}.permisBE .beResult{display:block}.permisBE .beResult span{display:block;margin-top:8px}.permisBE .beMobileHint{display:block}.permisBE .pbHero img{height:160px}}

/* B96 prototype : styles exclusivement limités à cette fiche. */
.b96{margin:0 20px 30px;line-height:1.55;color:#202124}.b96 *{box-sizing:border-box}.b96 .pbHero{background:#151515;color:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr}.b96 .pbHero>div{padding:32px}.b96 .pbEyebrow,.b96 small{font-size:11px;font-weight:800;letter-spacing:.08em}.b96 .pbEyebrow{color:#ff7777}.b96 .pbHero h1{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:14px 0}.b96 .pbHero em{color:#ff7777;font-style:normal}.b96 .pbHero p{color:#dedede;max-width:540px;font-size:15px}.b96 .pbHero img{width:100%;height:100%;object-fit:cover}.b96 .pbReading{font-size:12px;color:#ddd}.b96 .pbSection{margin-top:26px}.b96 h2{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.25;margin:0 0 15px}.b96 h2>span{color:#cf2229;background:#fff;border:1px solid #eadbdd;border-radius:10px;padding:8px;font-size:13px}.b96 .pbGrid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.b96 .pbTwo{grid-template-columns:repeat(2,1fr)}.b96 .pbCard{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px}.b96 h3{font-size:18px;line-height:1.3;margin:7px 0 10px}.b96 p{margin:8px 0;font-size:14px}.b96 .pbMetric{font-size:29px;color:#c9232c;line-height:1.2}.b96 .pbNote{border-top:1px solid #eee;padding-top:12px;color:#505050}.b96 .pbGear small,.b96 .pbCard>small{color:#bc252c}.b96 .pbCommon{color:#505050;margin:12px 0}.b96 .pbAdmin{border:1px solid #e2e2e2;border-radius:14px;background:#fff;margin-top:12px;padding:0 18px}.b96 summary{cursor:pointer;font-size:14px;font-weight:750;padding:14px 0;display:flex;justify-content:space-between;gap:12px;list-style:none}.b96 summary::-webkit-details-marker{display:none}.b96 summary span{color:#c9232c}.b96 details[open] summary span{transform:rotate(45deg)}.b96 ul{padding-left:20px;font-size:14px}.b96 li+li{margin-top:8px}.b96 .pbBridge{background:#fff1f1;border:1px solid #f2d4d4;border-radius:20px;padding:22px}.b96 .pbBridgeBody{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.b96 .pbBridgeBody>b{font-size:42px}.b96 .pbBridgeBody small{display:block;font-size:12px;margin-top:4px}.b96 .pbExam{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px;display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.b96 .pbDuration{display:grid;text-align:center}.b96 .pbDuration b{font-size:56px;line-height:1.1}.b96 .pbDuration span{font-size:12px;color:#555}.b96 .pbExam ul{margin:0}.b96 .pbSuccess{background:#181818;color:#fff;border-radius:18px;padding:24px;display:flex;gap:28px;align-items:center;justify-content:center}.b96 .pbSuccess>b{font-size:38px;line-height:1.1}.b96 .pbSuccess small{display:block;font-size:12px;margin-top:6px}.b96 .pbSuccess>span{color:#ff7777;font-size:12px}.b96 .pbSuccess strong{font-size:20px;line-height:1.3}.b96 .pbRevision{background:#fff;border:1px solid #d8d8d8;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:750;color:#222}.b96 .pbTrailer{margin:0}.b96 .pb125{padding:14px 16px;border-left:3px solid #c9232c;background:#fff;border-radius:0 12px 12px 0}.b96 .pbSources{border-top:1px solid #ddd;margin-top:26px;padding-top:18px;color:#666}.b96 .pbSources p{font-size:12px}.b96 a{color:#555;text-underline-offset:3px}.b96 :is(button,summary,a):focus-visible{outline:3px solid #c9232c;outline-offset:4px}
@media(max-width:700px){.b96{margin:0 14px 24px}.b96 .pbHero{grid-template-columns:1fr}.b96 .pbHero>div{padding:24px}.b96 .pbHero img{height:150px;object-position:center 55%}.b96 .pbGrid,.b96 .pbTwo{grid-template-columns:1fr}.b96 .pbCard{padding:18px}.b96 h2{font-size:20px}.b96 .pbBridge{padding:18px}.b96 .pbBridgeBody{grid-template-columns:1fr;gap:6px}.b96 .pbBridgeBody small{display:inline;margin-left:8px}.b96 .pbExam{grid-template-columns:1fr;gap:12px}.b96 .pbDuration{display:flex;gap:12px;align-items:center;text-align:left}.b96 .pbDuration b{font-size:40px}.b96 .pbSuccess{gap:16px;padding:20px 15px}.b96 .pbSuccess>b{font-size:32px}.b96 .pbSuccess strong{font-size:17px}}



.b96 .b96Nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.b96 .b96Nav a{background:#fff;padding:9px 12px;border:1px solid #ddd;border-radius:10px;text-decoration:none;font-size:12px;font-weight:750}.b96 .b96Accent{border-top:3px solid #c9232c;background:#fff5f5}.b96 .b96Mass{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:22px;background:#181818;color:#fff;border-radius:18px}.b96 .b96Mass small,.b96 .b96Mass b{display:block}.b96 .b96Mass b{font-size:18px;margin-top:8px}.b96 .b96Mass>span{color:#ff7777;font-size:24px}.b96 .b96Timing{display:flex;justify-content:space-around;align-items:center;gap:12px;background:#181818;color:#fff;border-radius:18px;padding:22px;margin:18px 0}.b96 .b96Timing b{font-size:34px}.b96 .b96Timing small{display:block;font-size:10px;color:#ddd}.b96 .b96Timing>span{color:#ff7777}.b96 .b96Path{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:b96step}.b96 .b96Path li{counter-increment:b96step;background:#fff;border-top:3px solid #c9232c;border-radius:0 0 14px 14px;padding:18px;margin:0}.b96 .b96Path b:before{content:counter(b96step) ' · ';color:#c9232c}.b96 .b96Alert{background:#fff1f1;border:1px solid #f2d4d4;border-radius:18px;padding:22px}.b96 .pbSection{scroll-margin-top:96px}.b96 .pbCard{min-width:0}
#permitDetail.active:has(.b96) ~ .siteFooter{display:none}
@media(max-width:700px){.b96 .b96Path{grid-template-columns:1fr}.b96 .b96Mass{gap:8px;padding:18px}.b96 .b96Mass b{font-size:14px}.b96 .b96Timing{gap:8px;padding:18px 12px}.b96 .b96Timing b{font-size:27px}.b96 .b96Timing small{font-size:8px}}

/* AM uniquement : styles isolés du prototype. */
.permisAM{margin:0 20px 30px;line-height:1.55;color:#202124}.permisAM *{box-sizing:border-box}.permisAM .pbHero{background:#151515;color:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.4fr 1fr}.permisAM .pbHero>div{padding:32px}.permisAM .pbEyebrow,.permisAM small{font-size:11px;font-weight:800;letter-spacing:.08em}.permisAM .pbEyebrow{color:#ff7777}.permisAM .pbHero h1{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:14px 0}.permisAM .pbHero em{color:#ff7777;font-style:normal}.permisAM .pbHero p{color:#dedede;max-width:540px;font-size:15px}.permisAM .pbHero img{width:100%;height:100%;object-fit:cover}.permisAM .pbReading{font-size:12px;color:#ddd}.permisAM .pbSection{margin-top:26px}.permisAM h2{display:flex;align-items:center;gap:12px;font-size:22px;line-height:1.25;margin:0 0 15px}.permisAM h2>span{color:#cf2229;background:#fff;border:1px solid #eadbdd;border-radius:10px;padding:8px;font-size:13px}.permisAM .pbGrid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.permisAM .pbTwo{grid-template-columns:repeat(2,1fr)}.permisAM .pbCard{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px}.permisAM h3{font-size:18px;line-height:1.3;margin:7px 0 10px}.permisAM p{margin:8px 0;font-size:14px}.permisAM .pbMetric{font-size:29px;color:#c9232c;line-height:1.2}.permisAM .pbNote{border-top:1px solid #eee;padding-top:12px;color:#505050}.permisAM .pbGear small,.permisAM .pbCard>small{color:#bc252c}.permisAM .pbCommon{color:#505050;margin:12px 0}.permisAM .pbAdmin{border:1px solid #e2e2e2;border-radius:14px;background:#fff;margin-top:12px;padding:0 18px}.permisAM summary{cursor:pointer;font-size:14px;font-weight:750;padding:14px 0;display:flex;justify-content:space-between;gap:12px;list-style:none}.permisAM summary::-webkit-details-marker{display:none}.permisAM summary span{color:#c9232c}.permisAM details[open] summary span{transform:rotate(45deg)}.permisAM ul{padding-left:20px;font-size:14px}.permisAM li+li{margin-top:8px}.permisAM .pbBridge{background:#fff1f1;border:1px solid #f2d4d4;border-radius:20px;padding:22px}.permisAM .pbBridgeBody{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center}.permisAM .pbBridgeBody>b{font-size:42px}.permisAM .pbBridgeBody small{display:block;font-size:12px;margin-top:4px}.permisAM .pbExam{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px;display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:center}.permisAM .pbDuration{display:grid;text-align:center}.permisAM .pbDuration b{font-size:56px;line-height:1.1}.permisAM .pbDuration span{font-size:12px;color:#555}.permisAM .pbExam ul{margin:0}.permisAM .pbSuccess{background:#181818;color:#fff;border-radius:18px;padding:24px;display:flex;gap:28px;align-items:center;justify-content:center}.permisAM .pbSuccess>b{font-size:38px;line-height:1.1}.permisAM .pbSuccess small{display:block;font-size:12px;margin-top:6px}.permisAM .pbSuccess>span{color:#ff7777;font-size:12px}.permisAM .pbSuccess strong{font-size:20px;line-height:1.3}.permisAM .pbRevision{background:#fff;border:1px solid #d8d8d8;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:750;color:#222}.permisAM .pbTrailer{margin:0}.permisAM .pb125{padding:14px 16px;border-left:3px solid #c9232c;background:#fff;border-radius:0 12px 12px 0}.permisAM .pbSources{border-top:1px solid #ddd;margin-top:26px;padding-top:18px;color:#666}.permisAM .pbSources p{font-size:12px}.permisAM a{color:#555;text-underline-offset:3px}.permisAM :is(button,summary,a):focus-visible{outline:3px solid #c9232c;outline-offset:4px}
@media(max-width:700px){.permisAM{margin:0 14px 24px}.permisAM .pbHero{grid-template-columns:1fr}.permisAM .pbHero>div{padding:24px}.permisAM .pbHero img{height:150px;object-position:center 55%}.permisAM .pbGrid,.permisAM .pbTwo{grid-template-columns:1fr}.permisAM .pbCard{padding:18px}.permisAM h2{font-size:20px}.permisAM .pbBridge{padding:18px}.permisAM .pbBridgeBody{grid-template-columns:1fr;gap:6px}.permisAM .pbBridgeBody small{display:inline;margin-left:8px}.permisAM .pbExam{grid-template-columns:1fr;gap:12px}.permisAM .pbDuration{display:flex;gap:12px;align-items:center;text-align:left}.permisAM .pbDuration b{font-size:40px}.permisAM .pbSuccess{gap:16px;padding:20px 15px}.permisAM .pbSuccess>b{font-size:32px}.permisAM .pbSuccess strong{font-size:17px}}
.permisAM .amHeroVehicles{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;gap:14px;background:linear-gradient(135deg,#42232a,#181818)}.permisAM .amHeroVehicles>span{font-size:76px}.permisAM .amHeroVehicles>b{font-size:26px;color:#ff7777}.permisAM .amHeroVehicles small{width:100%;text-align:center;color:#eee;line-height:1.6}.permisAM .amIcon{font-size:44px;display:block;margin-bottom:12px}.permisAM .amVehicle{border-top:4px solid #c9232c}.permisAM .amVehicle>small{display:block}.permisAM .amSteps{padding:0;list-style:none;counter-reset:steps;display:grid;gap:9px;margin:16px 0}.permisAM .amSteps li{counter-increment:steps;background:#fff;border:1px solid #e4e4e4;border-radius:12px;padding:13px 16px 13px 54px;position:relative}.permisAM .amSteps li:before{content:counter(steps);position:absolute;left:18px;top:13px;font-weight:800;color:#c9232c}.permisAM .amSteps b,.permisAM .amSteps span{display:block;font-size:14px}.permisAM .amSteps span{color:#555;margin-top:3px}.permisAM .amCompare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e2cdd0;border:1px solid #e2cdd0;border-radius:18px;overflow:hidden}.permisAM .amCompare>div{padding:20px;background:#fff5f5}body:has(#permitDetail.active .permisAM) .siteFooter{display:none}@media(max-width:700px){.permisAM .amCompare{grid-template-columns:1fr}.permisAM .amHeroVehicles{padding:20px!important}.permisAM .amHeroVehicles>span{font-size:56px}}

/* A1 uniquement : prototype pédagogique isolé. */
.permisA1{margin:0 20px 30px;color:#202124;line-height:1.55}.permisA1 *{box-sizing:border-box}.permisA1 .a1Hero{display:grid;grid-template-columns:1.4fr 1fr;background:#171717;color:#fff;border-radius:24px;overflow:hidden}.permisA1 .a1Hero>div{padding:32px}.permisA1 .a1Hero img{width:100%;height:100%;object-fit:cover}.permisA1 .a1Eyebrow,.permisA1 small{font-size:11px;font-weight:800;letter-spacing:.07em}.permisA1 .a1Eyebrow,.permisA1 em{color:#ff7777;font-style:normal}.permisA1 h1{font-size:clamp(27px,3vw,40px);line-height:1.12;margin:14px 0}.permisA1 p{font-size:14px;margin:9px 0}.permisA1 .a1Hero p{color:#dedede;font-size:15px}.permisA1 .a1Paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.permisA1 .a1Paths a{display:block;text-decoration:none;color:#222;padding:22px;border:1px solid #e7cdd0;background:#fff3f3;border-radius:18px}.permisA1 .a1Paths a:hover{border-color:#c9232c}.permisA1 .a1Paths h2{margin:8px 0;font-size:23px}.permisA1 .a1Paths b,.permisA1 .a1Paths small{color:#b8202a}.permisA1 .a1Section{margin-top:27px;scroll-margin-top:90px}.permisA1 h2{font-size:22px;line-height:1.3;margin:0 0 15px;display:flex;align-items:center;gap:12px}.permisA1 h2>span{font-size:13px;color:#c9232c;border:1px solid #eadbdd;background:#fff;padding:8px;border-radius:10px}.permisA1 .a1Grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.permisA1 .a1Two{grid-template-columns:repeat(2,minmax(0,1fr))}.permisA1 .a1Card{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px}.permisA1 h3{font-size:18px;line-height:1.3;margin:7px 0 10px}.permisA1 .a1Card>small{color:#b8202a}.permisA1 .a1Metric{font-size:29px;color:#c9232c}.permisA1 .a1Timeline{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:16px 0 20px}.permisA1 .a1Timeline li{background:#171717;color:#fff;font-size:13px;font-weight:750;border-radius:10px;padding:12px 16px}.permisA1 .a1Timeline li+li:before{content:'→';color:#ff7777;margin-right:12px}.permisA1 .a1Timeline li:last-child{background:#b8202a}.permisA1 .a1Note{background:#fff;padding:14px 16px;border-left:3px solid #c9232c;border-radius:0 12px 12px 0;color:#505050}.permisA1 ul{font-size:14px;padding-left:20px}.permisA1 li+li{margin-top:5px}.permisA1 .a1Timeline li+li{margin-top:0}.permisA1 details{border:1px solid #e2e2e2;border-radius:12px;background:#fff;padding:0 16px;margin-top:12px}.permisA1 summary{font-size:14px;cursor:pointer;font-weight:750;padding:14px 0}.permisA1 .a1Diagram{margin:18px 0 0;background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:18px}.permisA1 figcaption{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;font-size:14px;margin-bottom:14px}.permisA1 figcaption span{color:#666}.permisA1 .a1Diagram img{display:block;width:100%;height:auto}.permisA1 .a1Diagram a{display:block;cursor:zoom-in}.permisA1 .a1Diagram p{color:#666;font-size:12px}.permisA1 .a1Exam{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:20px}.permisA1 .a1Exam b{font-size:40px;line-height:1.2}.permisA1 .a1Exam small{display:block;margin-top:8px;color:#666}.permisA1 .a1Banner{background:#171717;color:#fff;padding:22px;border-radius:18px;margin-top:14px}.permisA1 .a1Banner strong{color:#ff7777;font-size:21px}.permisA1 .a1Sources{border-top:1px solid #ddd;padding-top:18px;margin-top:26px;color:#666}.permisA1 .a1Sources p{font-size:12px}.permisA1 .a1Sources a{color:#555;text-underline-offset:3px}.permisA1 a:focus-visible,.permisA1 summary:focus-visible{outline:3px solid #c9232c;outline-offset:4px}body:has(#permitDetail.active .permisA1) .siteFooter{display:none}@media(max-width:700px){.permisA1{margin:0 14px 24px}.permisA1 .a1Hero,.permisA1 .a1Paths,.permisA1 .a1Grid,.permisA1 .a1Exam{grid-template-columns:1fr}.permisA1 .a1Hero>div{padding:24px}.permisA1 .a1Hero img{height:170px}.permisA1 .a1Paths a,.permisA1 .a1Card{padding:18px}.permisA1 h2{font-size:20px}.permisA1 .a1Timeline{gap:6px}.permisA1 .a1Timeline li{padding:10px 12px}.permisA1 .a1Diagram{padding:12px}.permisA1 .a1Exam{gap:8px}.permisA1 .a1Banner strong{font-size:19px}}

/* Plateau pas à pas : périmètre A1 uniquement, références sans modification. */
.permisA1 .a1PlateauSteps{margin-top:28px}.permisA1 .a1PlateauIntro{background:#191919;color:#fff;padding:24px;border-radius:18px}.permisA1 .a1PlateauIntro small{color:#ff9c9c}.permisA1 .a1PlateauIntro h3{font-size:26px;color:#fff}.permisA1 .a1PlateauIntro p{color:#e7e7e7;max-width:680px}.permisA1 .a1StepNav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.permisA1 .a1StepNav a{background:#fff;color:#292929;padding:10px 13px;border:1px solid #ddd;border-radius:10px;text-decoration:none;font-size:13px}.permisA1 .a1StepNav b{color:#bc252c;margin-right:5px}.permisA1 .a1PlateauStep{--step:#557a37;background:#fff;border:1px solid #dedede;border-top:4px solid var(--step);border-radius:18px;margin:20px 0;padding:22px;scroll-margin-top:92px}.permisA1 .a1PlateauStep2{--step:#ae3f49}.permisA1 .a1PlateauStep3{--step:#336eb0}.permisA1 .a1PlateauStep4{--step:#a8540b}.permisA1 .a1PlateauStep5{--step:#824699}.permisA1 .a1PlateauStep>header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.permisA1 .a1StepNumber{color:var(--step);font-size:24px;font-weight:850;border:1px solid #ddd;border-radius:12px;padding:8px 12px}.permisA1 .a1PlateauStep h4{font-size:22px;margin:0;line-height:1.25}.permisA1 .a1StepSequence{color:#595959;margin:5px 0 0;font-size:13px}.permisA1 .a1PlateauStep figure{margin:0 0 16px}.permisA1 .a1StepImage{display:block;width:100%;padding:0;border:1px solid #ddd;background:#fafafa;color:var(--step);border-radius:10px;overflow:hidden;cursor:zoom-in;text-align:right;font:inherit}.permisA1 .a1StepImage img{width:100%;height:auto;display:block}.permisA1 .a1StepImage span{display:block;padding:10px 14px;font-size:13px;font-weight:750}.permisA1 .a1PlateauStep figcaption{font-size:12px;color:#595959;padding-top:7px}.permisA1 .a1StepGoal{border-left:3px solid var(--step);padding:8px 12px;background:#f7f7f7}.permisA1 .a1StopCorrection{padding:12px;background:#eef5fc;border-radius:10px}.permisA1 .a1PlateauSource{font-size:12px;color:#595959}.permisA1 .a1PlateauDialog{width:min(96vw,1300px);max-width:96vw;max-height:90dvh;border:1px solid #ddd;border-radius:18px;padding:18px;color:#222;background:#fff}.permisA1 .a1PlateauDialog::backdrop{background:#000b}.permisA1 .a1PlateauDialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.permisA1 .a1PlateauDialog h3{margin:0;font-size:20px}.permisA1 .a1PlateauDialog button{background:#f5f5f5;border:1px solid #ccc;border-radius:8px;padding:10px 13px;color:#222;cursor:pointer;font:inherit;font-size:13px}.permisA1 .a1ZoomTools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.permisA1 .a1ZoomTools output{min-width:55px;text-align:center;font-size:13px}.permisA1 .a1ZoomTools a{font-size:13px;margin-left:auto;color:#555}.permisA1 .a1ZoomCanvas{overflow:auto;max-height:60dvh;background:#f5f5f5;border:1px solid #ddd;border-radius:8px}.permisA1 .a1ZoomCanvas img{display:block;width:100%;height:auto;max-width:none}.permisA1 .a1ZoomCanvas:focus-visible{outline:3px solid #c9232c;outline-offset:2px}
@media(max-width:700px){.permisA1 .a1PlateauStep{padding:14px}.permisA1 .a1PlateauIntro{padding:20px}.permisA1 .a1PlateauStep h4{font-size:19px}.permisA1 .a1StepNumber{font-size:20px;padding:8px}.permisA1 .a1StepNav a{flex:1 1 140px}.permisA1 .a1PlateauDialog{padding:12px}.permisA1 .a1PlateauDialog h3{font-size:17px}.permisA1 .a1ZoomTools a{margin-left:0}.permisA1 .a1ZoomCanvas{max-height:56dvh}}

/* A seulement : tableau pédagogique compact. */
.permisA .aCompare table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;table-layout:fixed}.permisA .aCompare{border:1px solid #ddd;border-radius:16px;overflow:hidden}.permisA .aCompare caption{text-align:left;padding:14px;font-weight:750;background:#fff3f3}.permisA .aCompare th,.permisA .aCompare td{text-align:left;padding:12px;border-bottom:1px solid #e8e8e8;overflow-wrap:anywhere;vertical-align:top}.permisA .aCompare thead{background:#171717;color:#fff}.permisA .aCompare th:first-child{width:23%}.permisA .aCompare tbody tr:last-child>*{border-bottom:0}@media(max-width:400px){.permisA .aCompare th,.permisA .aCompare td{padding:9px 7px;font-size:12px}}

/* Visuel utilisateur : hero A1 uniquement. */
.permisA1 .a1Hero img.a1UserVisual{display:block;min-width:0;object-fit:contain;object-position:center;background:#fff;padding:12px}
@media(max-width:700px){.permisA1 .a1Hero img.a1UserVisual{height:auto;aspect-ratio:628/488;padding:12px}}

/* Carte A1 : photo utilisateur entière. */
#permitGrid .permitImg[src="assets/permit-a1-user.jpeg"]{object-fit:contain;object-position:center;background:#fff;padding:8px}

/* Photo utilisateur : carte et hero A2 uniquement. */
#permitGrid .permitImg[src="assets/permit-a2-user.jpeg"]{object-fit:contain;object-position:center;background:#fff;padding:8px}
.permisA2 .a1Hero img.a2UserVisual{display:block;min-width:0;object-fit:contain;object-position:center;background:#fff;padding:12px}
@media(max-width:700px){.permisA2 .a1Hero img.a2UserVisual{height:auto;aspect-ratio:631/485;padding:12px}}

/* Photo utilisateur : carte et hero A uniquement. */
#permitGrid .permitImg[src="assets/permit-a-user.jpeg"]{object-fit:contain;object-position:center;background:#fff;padding:8px}
.permisA .a1Hero img.aUserVisual{display:block;min-width:0;object-fit:contain;object-position:center;background:#fff;padding:12px}
@media(max-width:700px){.permisA .a1Hero img.aUserVisual{height:auto;aspect-ratio:618/495;padding:12px}}

/* Photo utilisateur : cartes et heroes B96 / BE uniquement. */
#permitGrid .permitImg[src="assets/permit-trailer-user.png"]{object-fit:contain;object-position:center;background:#fff;padding:8px}
.permisBE .pbHero img[src="assets/permit-trailer-user.png"],.b96 .pbHero img[src="assets/permit-trailer-user.png"]{display:block;min-width:0;object-fit:contain;object-position:center;background:#fff;padding:8px}
@media(max-width:700px){.permisBE .pbHero img[src="assets/permit-trailer-user.png"],.b96 .pbHero img[src="assets/permit-trailer-user.png"]{height:auto;aspect-ratio:2079/756;padding:8px}}

/* Nos véhicules : cadrage intégral des visuels studio dans les cartes existantes. */
.fleet .scroller{scroll-snap-type:x proximity}
.fleet .scroller img{object-fit:contain;flex-shrink:0;scroll-snap-align:start}

/* Prototype footer réseaux sociaux — NON VALIDÉ */
.siteFooter .footerSocials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.siteFooter .footerSocials a{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#333;background:#fff;border:1px solid #d4d4d8;border-radius:12px}
.siteFooter .footerSocials svg{width:24px;height:24px;flex-shrink:0}
@media(hover:hover){.siteFooter .footerSocials a:hover{color:var(--red);border-color:var(--red);background:#fff4f4}}
.siteFooter .footerSocials a:focus-visible{outline:3px solid #b51b22;outline-offset:3px;color:#b51b22}
