/* Passage 13 — page cours : ce qui n'est PAS dans les maquettes (cours, fiche, quiz, cartes, fin) et qu'exige le réel.
   Chaque règle ici complète un gabarit sans le contredire : boutons réels, états (choisi, vu), figures générées, vidéo en préparation,
   fin du quiz, cartes sur iPhone. */
a.rond,a.suiv,.btns a,a.askz{text-decoration:none;color:#173B2C}
a.askz{color:#5d675f}
button.tb,button.pp,button.v{border:0;font:inherit;cursor:pointer}
button.tb{border:2px solid #d9cdb4;font:900 15px Nunito;color:#173B2C}
button.tb.on{border-color:#8cc957}button.tb.done{border-color:#bfe2a0}
button.v{font:800 13px Nunito;color:#173B2C}
button.v[aria-pressed=true]{background:#173B2C;color:#fff}
.co-etape{display:flex;flex-direction:column}
#e-quiz{flex:1}
#e-quiz>#qz{flex:1;display:flex;flex-direction:column}
.co-msg{margin-top:16px;background:#fff;border:2px solid #e6dcc6;border-radius:16px;padding:14px;font-weight:600}
/* VIDÉO : le lecteur du tableau remplit le cadre bois de la maquette */
.co-tab{overflow:hidden;height:min(590px,calc(100dvh - 250px))!important;min-height:420px}
.co-tab iframe{width:100%;height:100%;border:0;display:block;background:#163a2d}
.co-tab .attente{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#f4f1e6;font:400 24px/1.25 Kalam;text-align:center;padding:24px}
.co-tab .attente small{font:600 14px Inter;opacity:.8}
.co-tab .rond-att{width:46px;height:46px;border-radius:50%;border:4px solid rgba(244,241,230,.25);border-top-color:#a6e36f;animation:co-tourne 1s linear infinite}
@keyframes co-tourne{to{transform:rotate(360deg)}}
.barre{cursor:pointer}.barre i{transition:width .25s linear}
/* figures générées (traits 0-100) : craie sur le tableau, encre sur la feuille */
.fig .t{fill:none;stroke:#f4f1e6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fig .t.jaune{stroke:#FFD24A}.fig .t.vert{stroke:#a6e36f}.fig .t.bleu{stroke:#9fd3ff}.fig .t.rose,.fig .t.rouge{stroke:#ffb4a2}
.fig text{fill:#f4f1e6;font:6px Kalam}
.qdef .fig{width:132px;height:auto;flex:none}
#figc .fig{width:100%;height:auto}
.fs .row2 .fig{width:104px;flex:none}.fs .fig-l{display:flex;justify-content:center}.fs .fig-l .fig{width:200px;max-width:70%}
.fs .fig .t{stroke:#173B2C;stroke-width:1.2}.fs .fig .t.rouge{stroke:#d64545}.fs .fig .t.bleu{stroke:#2a5bc4}.fs .fig .t.vert,.fs .fig .t.jaune{stroke:#2f9e44}
.fs .fig text{font:700 6px Inter;fill:#173B2C}
.fs .katex,.cb .katex,.qdef .katex,.carte .katex{font-size:1em}
.fx2 .katex{font-size:1.05em}
.stp .pq,.steps .pq{display:block;font:500 13px/1.35 Inter;color:#5d675f;margin-top:1px}
.pgb .l1{flex-wrap:wrap!important;white-space:normal!important}
/* QUIZ : réponse choisie avant validation, bravo, fin du quiz */
#e-quiz button.r{width:100%;text-align:left;color:#173B2C;cursor:pointer}
#e-quiz button.r.sel{border-color:#173B2C;background:#f1fae6}
#e-quiz button.r[disabled]{cursor:default}
#e-quiz .ch.ok b{color:#2f7d32}
#e-quiz .cta[disabled]{opacity:.55}
.qz-fin{text-align:center;margin-top:16px}.qz-fin .score{font:900 54px Nunito;color:#173B2C}.qz-fin .score small{font-size:26px;color:#6b6a63}
.qz-fin h3{font:900 22px Nunito;margin-top:4px}.qz-fin>p{color:#5d675f;font-weight:600;margin-top:6px}
.coince{margin:14px auto 0;max-width:360px;text-align:left;background:#fff6dc;border-radius:14px;padding:10px 14px}.coince b{font:900 15px Nunito;color:#a3560f}.coince ul{margin:4px 0 0 18px}.coince li{font-weight:600;font-size:14.5px}
.qz-recap{list-style:none;text-align:left;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.qz-recap li{background:#fff;border:2px solid #e6dcc6;border-radius:14px;padding:10px 12px;font-size:14.5px}.qz-recap li b{display:block;font:800 14px Nunito}
.qz-recap li.ok{border-color:#bfe2a0}.qz-recap li.ko{border-color:#f0b4a8}
/* CARTES : verso jamais en miroir sur iPhone (passage 12), halo pendant le geste, fin du paquet */
#e-cartes .fc .face{-webkit-backface-visibility:hidden;overflow:auto}
#e-cartes .fc .face{transition:transform .5s,visibility 0s linear .25s}
#e-cartes .fc:not(.flip) .ar{visibility:hidden}#e-cartes .fc.flip .av{visibility:hidden}
#e-cartes .fc.halo-ok .face{box-shadow:0 0 0 4px #a6e36f,0 0 30px #a6e36f}#e-cartes .fc.halo-rev .face{box-shadow:0 0 0 4px #FFB95E,0 0 30px #FFB95E}
#e-cartes .pile{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.ct-fin{text-align:center;margin-top:24px}.ct-fin h3{font:900 24px Nunito}.ct-fin p{color:#5d675f;font-weight:600;margin-top:6px}
/* FIN : bouton défi (le défi arrive plus tard) */
#co-fin .bientot{font:600 13.5px/1.35 Inter;color:#cfe7b6;text-align:center;margin-top:8px}
#co-fin button{cursor:pointer}
/* résultat réel parfois long (phrase entière) : le surlignage de la maquette (nowrap) passe à la ligne au lieu de déborder de l écran */
#e-fiche .stp mark{white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* passage 15 (V5-8) : une formule très longue reste sur UNE ligne et défile dans son cadre (jamais repliée en se chevauchant, jamais hors écran) */
.fx2{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.fx2 .katex,.fx2 .katex-html{white-space:nowrap}
.katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%}
.fx-txt{font-family:"KaTeX_Main","Times New Roman",serif;font-style:italic}