:root{--navy:#123f5d;--navy2:#0b567a;--blue:#147aa5;--aqua:#21a49e;--aqua2:#e7f7f5;--red:#cb3e43;--ink:#173241;--muted:#617582;--paper:#fff;--bg:#edf3f5;--line:#d8e4e8;--amber:#f6b73c;--shadow:0 14px 38px #123f5d17}
:root[data-brand="fps"]{--navy:#154c33;--navy2:#247142;--blue:#4f8b37;--aqua:#84bd46;--aqua2:#eff8e5}
:root[data-brand="visa-vie"]{--navy:#18565c;--navy2:#087d7a;--blue:#087f7b;--aqua:#08a39c;--aqua2:#e5f8f6}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}.skip{position:fixed;left:12px;top:-70px;z-index:50;background:#fff;color:var(--navy);padding:10px;border-radius:8px}.skip:focus{top:12px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:30}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;color:var(--navy);text-align:left;cursor:pointer}.brand span:last-child{display:grid}.brand small{color:var(--muted)}.brand-symbol{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:27px;font-weight:900}.course-name{font-size:.84rem;color:var(--muted);font-weight:700}main{width:min(1180px,calc(100% - 34px));margin:auto;padding:26px 0 70px}.hero{background:radial-gradient(circle at 85% 10%,#39c4bb35,transparent 28%),linear-gradient(125deg,var(--navy),var(--navy2));color:#fff;border-radius:24px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;color:#6ee0d7;margin:0 0 8px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.04em;line-height:1.05;margin:0}.hero p:last-child{color:#d9eaf0;font-size:1.06rem;max-width:720px;margin:13px 0 0}.hero-count{min-width:145px;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff45;background:#ffffff12;display:grid;place-content:center;text-align:center}.hero-count strong{font-size:2.2rem}.hero-count span{font-size:.75rem;color:#d9eaf0}.progress{background:#fff;border:1px solid var(--line);border-radius:16px;margin:18px 0;padding:15px 24px}.progress ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.progress li{display:flex;align-items:center;gap:9px;color:#93a2aa;position:relative}.progress li:not(:last-child):after{content:"";height:2px;background:#dfe8eb;position:absolute;left:54%;right:8%;top:16px}.progress span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8eef0;font-weight:900}.progress .current{color:var(--navy)}.progress .current span{background:var(--blue);color:#fff}.progress .done span{background:var(--aqua);color:#fff}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 22px #123f5d0a;padding:30px}.loading{text-align:center;color:var(--muted)}.step-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:23px}.step-number{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--aqua2);color:var(--aqua);display:grid;place-items:center;font-weight:950;font-size:1.15rem}.step-heading p{margin:0;color:var(--aqua);font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.step-heading h2,.solution-head h2,.form-layout h2,.result h2{color:var(--navy);font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.15;margin:3px 0}.step-heading small{color:var(--muted)}.search{width:min(600px,100%);display:flex;align-items:center;gap:9px;border:1px solid #bfd0d7;border-radius:12px;padding:0 14px;margin-bottom:24px}.search span{font-size:1.5rem;color:var(--blue)}.search input{width:100%;border:0;outline:0;padding:13px 0;font-size:1rem}.activity-list{display:grid;gap:22px}.chapter h3{color:var(--navy);border-bottom:2px solid #b9e1df;padding-bottom:8px;margin:0 0 10px}.activity-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-button{border:1px solid var(--line);border-radius:13px;background:#fff;padding:15px 16px;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:5px 12px;color:var(--ink)}.activity-button:hover,.activity-button:focus-visible{border-color:var(--aqua);box-shadow:0 7px 17px #123f5d10;outline:0;transform:translateY(-1px)}.activity-button strong{color:var(--navy)}.activity-button small{color:var(--muted)}.count{grid-row:1/3;grid-column:2;align-self:center;background:var(--aqua2);color:#15736f;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}.back{border:0;background:transparent;color:var(--blue);padding:4px 0 18px;font-weight:800;cursor:pointer}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:14px}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:0;overflow:hidden;text-align:left;cursor:pointer;color:var(--ink)}.quiz-card:hover,.quiz-card:focus-visible{border-color:var(--aqua);box-shadow:var(--shadow);outline:0;transform:translateY(-2px)}.quiz-image{aspect-ratio:16/9;background:#17313e;display:grid;place-items:center;overflow:hidden}.quiz-image img{width:100%;height:100%;object-fit:contain}.quiz-image .fallback{color:#fff;padding:18px;text-align:center;font-weight:800}.quiz-copy{padding:14px}.quiz-copy b{color:var(--red)}.quiz-copy p{margin:6px 0;color:var(--ink);font-weight:700;line-height:1.35}.quiz-copy small{color:var(--muted)}.selection-summary{display:flex;align-items:center;gap:15px;background:#eef6f8;border-radius:14px;padding:12px;margin-bottom:25px}.selection-summary img{width:132px;aspect-ratio:16/9;object-fit:contain;background:#17313e;border-radius:9px}.selection-summary div{display:grid;gap:3px}.selection-summary small{color:var(--muted)}.selection-summary strong{color:var(--navy)}.issue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.issue-button{border:1px solid var(--line);border-radius:15px;background:#fff;padding:19px;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;text-align:left;cursor:pointer;color:var(--ink)}.issue-button:hover,.issue-button:focus-visible{border-color:var(--aqua);box-shadow:var(--shadow);outline:0}.issue-button[disabled]{display:none}.issue-icon{width:48px;height:48px;border-radius:13px;background:var(--aqua2);color:var(--navy);display:grid;place-items:center;font-size:1.4rem}.issue-button strong{color:var(--navy);display:block}.issue-button small{color:var(--muted)}.arrow{color:var(--blue);font-size:1.4rem}.solution-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.solution-head p:not(.eyebrow){margin:9px 0 0;color:var(--muted);max-width:720px}.context-pill{background:var(--aqua2);color:#116f6a;border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:850}.solution-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px}.video-frame{background:#061924;border-radius:14px;overflow:hidden;aspect-ratio:16/9}.video-frame video{width:100%;height:100%;display:block;object-fit:contain}.video-note{color:var(--muted);font-size:.8rem}.concrete-help{background:#f2f8f8;border:1px solid #d2e9e7;border-radius:15px;padding:21px}.concrete-help h3{color:var(--navy);margin:0}.concrete-help ol{padding-left:21px;display:grid;gap:10px}.quiz-fact{border-left:4px solid var(--amber);background:#fff8e9;padding:12px;border-radius:7px;color:#714d10;font-size:.9rem}.resolution{margin-top:24px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.resolution>div:first-child{display:grid}.resolution span{color:var(--muted);font-size:.86rem}.resolution>div:last-child{display:flex;gap:9px}.button{border:0;border-radius:11px;min-height:47px;padding:0 18px;font-weight:850;cursor:pointer}.primary{background:var(--blue);color:#fff}.success{background:var(--aqua);color:#fff}.secondary,.quiet{background:#eaf1f3;color:var(--navy)}.full{width:100%}.result{text-align:center;padding:55px 30px}.result-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--aqua);color:#fff;font-size:2rem;font-weight:900;margin:0 auto 20px;box-shadow:0 0 0 10px var(--aqua2)}.result>p:not(.eyebrow){color:var(--muted);max-width:600px;margin:12px auto 25px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.form-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.form-layout>div>p{color:var(--muted);line-height:1.6}.ticket-summary{display:grid;gap:8px;background:#eef7f7;border-radius:13px;padding:17px;margin-top:20px}.ticket-summary b{color:var(--navy)}form{display:grid;gap:17px;border:1px solid var(--line);border-radius:16px;padding:24px}form label{display:grid;gap:7px;color:var(--navy);font-weight:800}form label small{color:var(--muted);font-weight:400}textarea,input[type=email],input[type=file]{width:100%;border:1px solid #c7d6dc;border-radius:10px;padding:12px;background:#fff;color:var(--ink);font-size:1rem}textarea{resize:vertical}.prototype-note{text-align:center;color:var(--muted);font-size:.74rem;margin:0}pre{text-align:left;white-space:pre-wrap;background:#102f43;color:#dceff4;padding:18px;border-radius:12px;max-width:780px;margin:20px auto}footer{min-height:72px;background:#102f43;color:#b7c9d1;padding:18px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;font-size:.78rem}
@media(max-width:760px){.course-name{display:none}main{width:calc(100% - 20px);padding-top:10px}.hero{padding:28px 22px;border-radius:18px}.hero-count{display:none}.progress{padding:11px}.progress li{justify-content:center}.progress b{display:none}.progress li:not(:last-child):after{left:66%;right:-28%}.panel{padding:19px}.activity-buttons,.issue-grid,.solution-layout,.form-layout{grid-template-columns:1fr}.selection-summary img{width:95px}.solution-head,.resolution{display:grid}.resolution>div:last-child{display:grid}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-copy p{font-size:.87rem}footer{display:grid;gap:3px;text-align:center;justify-content:center}.brand small{display:none}}
@media(max-width:470px){.quiz-grid{grid-template-columns:1fr}.selection-summary{align-items:flex-start}.selection-summary img{width:82px}.issue-button{grid-template-columns:42px 1fr}.issue-icon{width:42px;height:42px}.arrow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Cartes de quiz uniformisées. */
.quiz-grid{gap:17px}.quiz-card{display:flex;flex-direction:column;min-height:390px;border-radius:17px;box-shadow:0 5px 16px #123f5d0a}.quiz-card:hover,.quiz-card:focus-visible{transform:translateY(-3px)}.quiz-image{position:relative;border-bottom:1px solid var(--line)}.quiz-number{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;border-radius:999px;padding:6px 11px;font-size:.76rem;font-weight:900;box-shadow:0 3px 8px #0004}.quiz-copy{padding:16px;display:flex;flex:1;flex-direction:column;gap:10px}.quiz-type{align-self:flex-start;color:var(--blue);background:#eaf5f8;border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:850}.quiz-question{color:var(--navy);font-weight:780;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.6em}.quiz-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-footer strong{color:#13756f;font-size:.79rem}.quiz-footer small{color:var(--muted);font-size:.73rem}
.gallery-link{display:inline-flex;margin-top:1rem;padding:.7rem 1rem;border-radius:999px;background:#fff;color:#123f5d;font-weight:800;text-decoration:none;box-shadow:0 5px 18px rgba(7,44,67,.13)}.gallery-link:hover,.gallery-link:focus-visible{background:#e8f7f7;outline:3px solid rgba(29,166,166,.3)}
.quiz-code{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:8px;background:rgba(12,52,74,.94);color:#fff;font-size:.79rem;font-weight:950;letter-spacing:.06em;box-shadow:0 3px 9px #0004}

/* Aide propre aux quiz qui génèrent le plus de demandes. */
.targeted-alert{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;padding:18px;border:2px solid #56b8b1;border-radius:16px;background:#eefaf8}.targeted-alert-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--aqua);color:#fff;font-size:1.35rem;font-weight:950}.targeted-alert .eyebrow{color:#167a75}.targeted-alert h2{margin:3px 0 6px;color:var(--navy);font-size:clamp(1.45rem,3vw,2rem);line-height:1.2}.targeted-alert p:last-child{margin:0;line-height:1.45}.targeted-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);gap:18px;align-items:start}.annotated-quiz{position:relative;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#dce8ec}.annotated-quiz img{display:block;width:100%;height:auto}.annotated-quiz figcaption{padding:10px 14px;background:var(--navy);color:#fff;font-size:.78rem}.zone-marker{position:absolute;display:grid;place-items:center;width:38px;height:38px;border:4px solid #fff;border-radius:50%;background:#e54857;color:#fff;font-size:1.05rem;font-weight:950;box-shadow:0 3px 12px #0006;transform:translate(-50%,-50%)}.targeted-check{padding:18px;border-radius:16px;background:#edf6f8}.targeted-check h3{margin:0 0 10px;color:var(--navy)}.targeted-total{margin:0 0 14px;padding:11px;border-radius:10px;background:#fff}.targeted-total strong{color:#c55b18;font-size:1.08rem}.zone-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.zone-list li{display:flex;align-items:center;gap:9px;margin:0;padding:9px;border-radius:10px;background:#fff}.zone-list li span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}.targeted-reminder{margin:14px 0 0;padding:12px;border-left:4px solid var(--amber);border-radius:8px;background:#fff8e9;line-height:1.4}.targeted-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px 18px;border-radius:15px;background:var(--navy);color:#fff}.targeted-actions p{margin:0}.targeted-actions strong,.targeted-actions small{display:block}.targeted-actions small{margin-top:3px;opacity:.82}.targeted-actions .success{flex:0 0 auto;background:#ffd05b;color:#442e00}
@media(max-width:900px){.targeted-layout{grid-template-columns:1fr}.targeted-actions{align-items:stretch;flex-direction:column}.targeted-actions .button{width:100%}}
@media(max-width:580px){.targeted-alert{padding:14px}.targeted-alert h2{font-size:1.22rem}.zone-marker{width:30px;height:30px;border-width:3px;font-size:.86rem}}

/* Identité et dernier recours configurés dans data/config-marques.js. */
.brand-logo{width:154px;height:46px;object-fit:contain;object-position:left center}
.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.support-final{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:30px;align-items:start}
.support-final h2{color:var(--navy);font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.15;margin:3px 0}
.support-final>div>p:not(.eyebrow){color:var(--muted);line-height:1.6}
.support-card{display:grid;gap:14px;border:1px solid var(--line);border-radius:16px;background:var(--aqua2);padding:24px}
.support-card>strong{color:var(--navy);font-size:1.08rem}.support-card ul{margin:0;padding-left:22px;line-height:1.7}.support-card small{text-align:center;color:var(--muted)}
@media(max-width:760px){.brand-logo{width:116px;height:40px}.support-final{grid-template-columns:1fr}}

/* Deux portes d’entrée distinctes : connexion ou aide aux quiz. */
.entry-panel{margin-top:18px}.entry-grid,.connection-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.entry-card,.connection-topic{width:100%;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:22px;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 5px 16px #123f5d0a}.entry-card.connection{border-color:#b8ddd9;background:linear-gradient(135deg,var(--aqua2),#fff)}.entry-card:hover,.entry-card:focus-visible,.connection-topic:hover,.connection-topic:focus-visible{border-color:var(--aqua);box-shadow:var(--shadow);outline:0;transform:translateY(-2px)}.entry-icon,.connection-play{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--aqua2);color:var(--navy);font-size:1.55rem;font-weight:950}.entry-card.connection .entry-icon,.connection-play{background:var(--aqua);color:#fff}.entry-card strong,.entry-card small,.connection-topic strong,.connection-topic small,.connection-topic em{display:block}.entry-card strong,.connection-topic strong{color:var(--navy);font-size:1.08rem}.entry-card small,.connection-topic small{margin-top:5px;color:var(--muted);line-height:1.35}.connection-topic em{margin-top:8px;color:var(--blue);font-size:.76rem;font-style:normal;font-weight:900}.connection-topic-grid{margin-top:8px}.connection-topic{grid-template-columns:54px 1fr auto}.connection-play{width:52px;height:52px;border-radius:50%;font-size:1rem}
@media(max-width:760px){.entry-grid,.connection-topic-grid{grid-template-columns:1fr}.entry-card,.connection-topic{grid-template-columns:48px 1fr auto;padding:17px}.entry-icon,.connection-play{width:46px;height:46px;font-size:1.2rem}}
.connection-reset{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.connection-reset[hidden]{display:none}.connection-reset strong{color:var(--navy)}.connection-reset p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}

/* Lecture des indicateurs de correction H5P, sans dévoiler les réponses. */
.correction-legend{display:grid;gap:9px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.correction-legend h4{margin:0 0 2px;color:var(--navy)}.correction-legend>div{display:flex;align-items:center;gap:10px}.correction-legend p{margin:0}.correction-legend strong,.correction-legend small{display:block}.correction-legend small{color:var(--muted)}.feedback-symbol{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;color:#fff;font-size:1.15rem;font-weight:950}.feedback-symbol.accepted{background:#24965b}.feedback-symbol.refused{background:#d6414e}.correction-legend .legend-note{padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem;line-height:1.4}
.activity-help-button{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;margin:0 0 22px;padding:15px 17px;border:1px solid #bcdad7;border-radius:14px;background:var(--aqua2);color:var(--navy);text-align:left;cursor:pointer}.activity-help-button>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--aqua);color:#fff}.activity-help-button strong,.activity-help-button small{display:block}.activity-help-button small{margin-top:3px;color:var(--muted)}.activity-help-button>span:last-child{font-size:1.4rem;color:var(--blue)}.activity-help-button:hover,.activity-help-button:focus-visible{border-color:var(--aqua);box-shadow:var(--shadow);outline:0}.solution-layout.no-video{grid-template-columns:minmax(0,760px);justify-content:center}.solution-layout.no-video .concrete-help{padding:26px}