/* Zaza Academy — styles par écran. */
.toast{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);background:var(--encre);color:#fff;padding:12px 18px;border-radius:14px;font-size:15px;max-width:92vw;opacity:0;transition:.25s;z-index:60;pointer-events:none;text-align:center}
.toast.vu{opacity:1;transform:translate(-50%,0)}
.lien{text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600;color:var(--encre)}

/* =================== 1. ACCUEIL =================== */
.acc-haut{display:flex;align-items:flex-start;gap:14px;padding-top:4px}
.acc-haut .logo{margin-top:8px}
.acc-haut .fin{margin-left:auto;margin-top:12px}
.acc-haut .btn-rond{width:46px;height:46px}
.acc-bulle{margin:8px 0 2px 0;align-self:center;display:table;margin-left:auto;margin-right:auto}
.acc-titre{position:relative;margin-top:10px}
.acc-titre h1{font-family:var(--f-titre);font-weight:900;font-size:37px;line-height:1.02;text-align:center;letter-spacing:-.6px}
.acc-sous{text-align:center;font-family:var(--f-titre);font-weight:800;font-size:17.5px;margin-top:8px;position:relative;color:#1b2b26}
.acc-sous svg{position:absolute;left:50%;transform:translateX(-46%);bottom:-11px}
.acc-actions{display:flex;flex-direction:column}
.acc-actions .btn-p{margin-top:12px}
.acc-actions .btn-s{margin-top:10px}
.acc-actions .milieu{margin:0 auto 0 4px}
.acc-actions .info{margin:10px 0 2px}
.acc-actions .ch{width:26px;height:26px;stroke-width:3}
.acc-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.acc-duo .d{display:flex;align-items:center;gap:9px;min-height:56px;border-radius:20px;padding:10px 12px;background:#fbf7ee;border:2px solid #d9cdb4;font-family:var(--f-titre);font-weight:900;font-size:16px;line-height:1.1;color:var(--encre);text-align:left;text-decoration:none;cursor:pointer}
.acc-duo .d svg,.acc-duo .d .ic{flex:none}.acc-duo .d .ic{width:26px;height:26px;stroke-width:2.4}
.acc-duo .d:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:2px}
.e-accueil .deco{position:relative;height:22px}
.e-accueil .deco svg{position:absolute;top:-6px}
/* Illustration cahier → tableau (maquette de A) */
.illu{margin:16px -20px 0;height:236px;position:relative}
.illu .ca{position:absolute;left:12px;top:24px;width:166px;height:184px;transform:rotate(-6deg);background:#fffaf7;border-radius:4px 8px 8px 4px;box-shadow:0 10px 20px rgba(60,40,10,.18);background-image:linear-gradient(90deg,transparent 30px,#f2a3a3 30px,#f2a3a3 31px,transparent 31px),repeating-linear-gradient(0deg,transparent 0 11px,#d7e3f4 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,#e6eef9 11px 12px)}
.illu .spirale{position:absolute;left:-9px;top:8px;bottom:8px;width:18px;display:flex;flex-direction:column;justify-content:space-between}
.illu .spirale i{display:block;width:20px;height:9px;border:2.5px solid #5f6368;border-radius:10px 4px 4px 10px;background:linear-gradient(90deg,#fff 0,#fff 45%,transparent 45%)}
.illu .c{position:absolute;left:34px;top:12px;right:8px}
.illu .ca h4{font-family:var(--f-craie);font-weight:400;color:#2a48b0;font-size:15.5px;line-height:1.12;border-bottom:1.5px solid #2a48b0;padding-bottom:4px;width:116px}
.illu .tel{position:absolute;left:52px;top:35px;width:86px;height:160px;border-radius:16px;background:#15181c;padding:5px;box-shadow:0 16px 22px rgba(0,0,0,.38),0 2px 0 #3b4048 inset;z-index:5;transform:scale(.75);transform-origin:50% 50%}
.illu .encoche{position:absolute;left:50%;top:8px;width:26px;height:6px;margin-left:-13px;border-radius:4px;background:#0b0c0e}
.illu .ecran{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:radial-gradient(120% 70% at 50% 45%,#efe2c8,#d9c6a2)}
.illu .clone{position:absolute;left:3px;top:35px;width:166px;height:184px;background-color:#fffaf7;background-image:linear-gradient(90deg,transparent 30px,#f2a3a3 30px,#f2a3a3 31px,transparent 31px),repeating-linear-gradient(0deg,transparent 0 11px,#d7e3f4 11px 12px),repeating-linear-gradient(90deg,transparent 0 11px,#e6eef9 11px 12px);transform:scale(.425);transform-origin:0 0;box-shadow:0 4px 8px rgba(0,0,0,.25);border-radius:4px}
.illu .clone h4{font-family:var(--f-craie);font-weight:400;color:#2a48b0;font-size:15.5px;line-height:1.12;border-bottom:1.5px solid #2a48b0;padding-bottom:4px;width:116px}
.illu .ui-haut{position:absolute;left:0;right:0;top:0;height:20px;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}
.illu .ui-haut span{font:600 6.5px Inter;color:#FFD24A;letter-spacing:.06em}
.illu .ui-bas{position:absolute;left:0;right:0;bottom:0;height:26px;background:rgba(0,0,0,.55);display:grid;place-items:center}
.illu .ui-bas i{width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.4),0 0 0 3.5px #fff}
.illu .cadre{position:absolute;left:1px;right:1px;top:31px;bottom:36px;--j:#FFD24A;background:linear-gradient(var(--j),var(--j)) left top/9px 2px no-repeat,linear-gradient(var(--j),var(--j)) left top/2px 9px no-repeat,linear-gradient(var(--j),var(--j)) right top/9px 2px no-repeat,linear-gradient(var(--j),var(--j)) right top/2px 9px no-repeat,linear-gradient(var(--j),var(--j)) left bottom/9px 2px no-repeat,linear-gradient(var(--j),var(--j)) left bottom/2px 9px no-repeat,linear-gradient(var(--j),var(--j)) right bottom/9px 2px no-repeat,linear-gradient(var(--j),var(--j)) right bottom/2px 9px no-repeat}
.illu .foc{position:absolute;left:28px;top:62px;width:20px;height:20px;border:1.5px solid #FFD24A;border-radius:3px;opacity:.9}
.illu .reflet{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28) 0,rgba(255,255,255,0) 38%)}
.illu .lect{position:absolute;right:10px;top:0;width:214px;background:#fbf8f0;border-radius:16px;padding:7px;box-shadow:0 12px 24px rgba(60,40,10,.22);border:1px solid #e6dcc6}
.illu .tab{position:relative;background:linear-gradient(160deg,#1f4a3a,#163a2d 60%,#123227);color:#f4f1e6;border:6px solid var(--bois);border-radius:8px;padding:2px 7px 6px;box-shadow:inset 0 0 0 1.5px var(--bois-fonce)}
.illu .tab h4{font-family:var(--f-craie);font-weight:400;font-size:13px;line-height:1.08;text-align:center;margin-top:2px}
.illu .tab .trait{width:130px;height:1.5px;background:#f4f1e6;opacity:.8;margin:2px auto 4px}
.illu .corps{display:flex;align-items:center;gap:4px}
.illu .expl{font-family:var(--f-craie);font-size:10.5px;line-height:1.2;color:#f4f1e6}
.illu .expl .f{display:inline-block;border:1.8px solid #a6e36f;border-radius:4px;padding:0 4px;margin:3px 0;font-size:12px}
.illu .ex{font-family:var(--f-craie);font-size:9.5px;color:#f4f1e6;margin-top:3px}.illu .ex b{color:#FFD24A}
.illu .ctrl{display:flex;align-items:center;gap:6px;margin:7px 2px 6px}
.illu .pp{width:22px;height:22px;border-radius:50%;background:var(--encre);display:grid;place-items:center;flex:none}
.illu .barre{flex:1;height:5px;border-radius:5px;background:#e3dccb;overflow:hidden}.illu .barre i{display:block;width:12%;height:100%;background:#7cbf4c}
.illu .tps{font-size:9px;color:#5d5a52;font-weight:600}
.illu .onglets{display:flex;gap:3px}
.illu .onglets span{flex:1 1 auto;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:var(--encre);background:#efe8d8;border-radius:9px;padding:5px 3px}.illu .onglets span.on{background:#c3ec96}
.illu .fleche{position:absolute;left:150px;top:150px;z-index:6;width:46px;height:34px}
/* passage 12 (fondateur 14/11 5h30-5h40) : accueil ISO accueil-A.html — bulle « Viens… » à pointe vers Zaza, cahier à GAUCHE qui déborde
   (avec le téléphone) PAR-DESSUS la carte vidéo à DROITE (bloc /*dessus*/ de la maquette), bouton lecture + « Regarde le cours », « Quand ? »,
   onglets Vidéo · Fiche · Quiz · Cartes ; boutons plus petits (≈ 60 px / 48 px) pour voir les 4 chiffres de la bibliothèque sans défiler */
.acc-bulle{display:table;margin:10px 0 2px 30px;background:#d8efbf;font-weight:700;font-size:16px;padding:10px 16px;color:#173B2C}
.acc-bulle::after{left:22px;top:-10px;bottom:auto;border:11px solid transparent;border-bottom-color:#d8efbf;border-top:0;border-right-width:3px;border-left-width:12px}
.acc-titre{margin-top:6px}
.illu{height:254px;margin-top:18px}
.illu .ca{z-index:6;left:-16px;top:22px;transform:rotate(-6deg) scale(.96);transform-origin:30% 40%}
.illu .lect{z-index:1}
.illu .tab{position:relative}
.illu .tab>h4,.illu .tab>.trait,.illu .tab>.corps,.illu .tab>.cas,.illu .tab>.ex{filter:brightness(.8)}
.illu .cas{font-family:var(--f-craie);font-size:11px;line-height:1.25;color:#FFD24A;border-top:1px dashed rgba(244,241,230,.35);padding-top:3px;margin-top:3px}.illu .cas b{color:#fff3c4}
.illu .jouer{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;border:3px solid #fff;background:#A6E36F;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(166,227,111,.28),0 8px 18px rgba(0,0,0,.35);z-index:4;animation:acc-pulse 1.8s ease-in-out infinite}
.illu .jouer svg{margin-left:4px}
.illu .regarde{position:absolute;left:50%;top:calc(50% + 40px);transform:translateX(-50%);z-index:4;white-space:nowrap;font:800 12px var(--f-titre);color:#173B2C;background:#fff;padding:3px 10px;border-radius:999px;box-shadow:0 3px 8px rgba(0,0,0,.25)}
@keyframes acc-pulse{50%{box-shadow:0 0 0 14px rgba(166,227,111,.12),0 8px 18px rgba(0,0,0,.35)}}
@media (prefers-reduced-motion:reduce){.illu .jouer{animation:none}}
.illu .onglets span{gap:3px}
.acc-actions .cta{min-height:60px;font-size:20px;padding:6px 18px;gap:12px;white-space:nowrap;border-radius:22px}
.acc-actions .cta svg:first-child{width:36px;height:31px;flex:none}.acc-actions .ch{width:22px;height:22px}
.acc-duo{margin-top:8px}
.acc-duo .d{min-height:48px;padding:4px 12px;font-size:15px;border-radius:16px;gap:8px}
.acc-duo .d svg{width:22px;height:24px}.acc-duo .d .ic{width:22px;height:22px}
.acc-actions .info{margin:6px 0 0;font-size:13.5px}.acc-actions .info svg{width:20px;height:20px}
.acc-biblio{margin-top:8px}
.acc-biblio .vt{font:800 15px var(--f-titre);color:#173B2C;text-align:center}
.acc-biblio .vg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}
.acc-biblio .vi{display:flex;flex-direction:column;align-items:center;animation:acc-vup .5s cubic-bezier(.3,1.4,.5,1) both}
.acc-biblio .vi:nth-child(2){animation-delay:.12s}.acc-biblio .vi:nth-child(3){animation-delay:.24s}.acc-biblio .vi:nth-child(4){animation-delay:.36s}
.acc-biblio .ill{display:block;filter:drop-shadow(0 6px 8px rgba(60,40,10,.18));transform:rotate(-2deg)}.acc-biblio .vi:nth-child(even) .ill{transform:rotate(3deg)}
.acc-biblio .vi b{font:900 19px var(--f-titre);color:#173B2C;margin-top:2px;line-height:1;white-space:nowrap}
.acc-biblio .vi small{font:700 11.5px/1.15 var(--f-texte);color:#5d675f;text-align:center}
@keyframes acc-vup{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.acc-biblio .vi{animation:none}}
/* passage 12 (fondateur 14/11 5h40) : téléphone — les 4 illustrations ET leurs nombres visibles au-dessus de la barre du bas, sans défiler
   (vérifié par capture 390 × 844 et 375 × 667) : on resserre selon la HAUTEUR de l'écran, l'ordre et les proportions de la maquette restent */
@media (max-width:899px) and (max-height:900px){
  .e-accueil .app{padding-top:8px}
  .e-accueil .acc-haut .zaza.m{--t:66px}.e-accueil .acc-haut .logo{font-size:27px;margin-top:4px}
  .acc-bulle{margin:6px 0 0 24px;font-size:15px;padding:7px 14px}
  .acc-titre{margin-top:4px}.acc-titre h1{font-size:33px}.acc-titre .eclat{transform:scale(.8)}
  .acc-sous{font-size:16px;margin-top:4px}
  .illu{height:254px;transform:scale(.9);transform-origin:50% 0;margin-top:12px;margin-bottom:-25px}
  .acc-actions .cta{margin-top:6px}
  .acc-biblio{margin-top:4px}.acc-biblio .vt{font-size:14px}.acc-biblio .ill svg{width:44px;height:44px}
  .acc-biblio .vi b{font-size:17px}.acc-biblio .vi small{font-size:10.5px}
  .e-accueil .deco{display:none}
}
@media (max-width:899px) and (max-height:720px){
  .e-accueil .acc-haut .zaza.m{--t:52px}.e-accueil .acc-haut .logo{font-size:23px}
  .acc-bulle{display:none}
  .acc-titre h1{font-size:27px}.acc-titre .eclat{display:none}.acc-sous{font-size:14.5px}.acc-sous svg{display:none}
  .illu{transform:scale(.7);margin-top:8px;margin-bottom:-84px}
  .acc-titre{margin-top:10px}
  .acc-actions .cta{min-height:54px;font-size:18px}
  .acc-duo .d{min-height:44px;font-size:14px}
  .acc-actions .info{display:none}
  .acc-biblio .ill svg{width:36px;height:36px}.acc-biblio .vi b{font-size:15px}
}
@media (max-width:360px){.illu{transform:scale(.9);transform-origin:50% 0;margin-bottom:-20px}.acc-titre h1{font-size:33px}.cta{font-size:21px}}
@media (min-width:1024px){
  .e-accueil .app{max-width:1100px;justify-content:center}
  .acc-grille{display:grid;grid-template-columns:440px 1fr;grid-template-areas:"texte illu" "actions illu";column-gap:56px;align-items:center;margin:auto 0}
  .acc-texte{grid-area:texte;align-self:end}.acc-actions{grid-area:actions;align-self:start;max-width:440px}
  .acc-texte .acc-haut .logo,.acc-texte .acc-haut .btn-rond{display:none}.acc-texte .acc-haut{margin-bottom:6px}
  .acc-bulle{margin-left:0}
  .acc-titre h1{text-align:left;font-size:50px}.acc-titre .eclat:first-child{left:-36px!important}.acc-titre .eclat:last-child{display:none}.acc-actions .btn-p{margin-top:30px}
  .acc-sous{text-align:left;font-size:21px}.acc-sous svg{left:0;transform:none}
  .illu{grid-area:illu;width:436px;height:236px;margin:90px auto;transform:scale(1.12);transform-origin:50% 50%}
  .e-accueil .deco{display:none}
}
/* l'illustration agrandie débordait de 16 px à 1280 (défilement horizontal) : agrandie seulement s'il y a la place ; empilée entre 1024 et 1279 px */
@media (min-width:1440px){.illu{transform:scale(1.32)}}
@media (min-width:1024px) and (max-width:1279px){
  .acc-grille{grid-template-columns:minmax(0,520px);grid-template-areas:"texte" "illu" "actions";justify-content:center;row-gap:8px}
  .illu{transform:none;margin:20px auto}.acc-actions{max-width:none}
}

/* =================== 2. VÉRIFIER =================== */
.ver-apercu{position:relative;margin-top:12px;border-radius:18px;overflow:hidden;background:#2b2620;box-shadow:var(--ombre-forte);aspect-ratio:3/4;max-height:min(46vh,400px);margin-left:auto;margin-right:auto;width:100%}
.ver-apercu img{width:100%;height:100%;object-fit:contain;transition:transform .2s}
.ver-apercu .num{position:absolute;left:12px;top:12px;background:rgba(20,41,35,.82);color:#fff;font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px}
.ver-apercu .etat{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;font-size:14.5px;font-weight:600;background:rgba(252,250,244,.95);color:var(--encre)}
.ver-apercu .etat.flou{background:#FFF1DC;color:#7a4a06}
.ver-apercu .etat .ic{color:var(--vert-fonce)}.ver-apercu .etat.flou .ic{color:#c27c12}
.ver-actions{display:flex;gap:8px;margin-top:12px;justify-content:center;flex-wrap:wrap}
.ver-actions .btn-pastille{padding:0 14px;font-size:14.5px}
.ver-actions .btn-rond{background:var(--carte);border:1.5px solid var(--ligne)}.ver-actions .danger{color:#a3322e}
.ver-pouce{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none}
.ver-pouce button,.ver-pouce label{flex:none;width:64px;height:84px;border-radius:12px;overflow:hidden;position:relative;border:2.5px solid transparent;background:#e9e2d2;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.ver-pouce img{width:100%;height:100%;object-fit:cover}
.ver-pouce [aria-current=true]{border-color:var(--vert-fonce)}
.ver-pouce .n{position:absolute;right:4px;bottom:4px;background:var(--encre);color:#fff;font-size:11px;font-weight:700;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.ver-pouce .f{position:absolute;left:4px;top:4px;background:#FFB95E;width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
.ver-pouce .f .ic{width:12px;height:12px;stroke-width:3;color:#5a3500}
.ver-pouce label{display:grid;place-items:center;border:2px dashed #b9ad94;background:var(--carte);cursor:pointer;color:var(--encre-2);font-size:11.5px;font-weight:700;text-align:center;line-height:1.1}
.ver-pouce label .ic{display:block;margin:0 auto 4px}
.ver-pied{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:10px}
.ver-rassure{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--encre-2);background:var(--carte-2);padding:10px 12px;border-radius:14px}
.ver-rassure .ic{color:var(--vert-fonce);width:20px;height:20px;margin-top:1px}
.ver-apercu .compteur-p{left:auto;right:12px;color:#fff;font-weight:600}.ver-apercu .compteur-p b{color:#fff}
#compteur-pdf{margin:4px 0 6px}
.compteur{font-weight:700;font-size:15px;color:var(--encre-2);white-space:nowrap}
.compteur b{color:var(--encre)}
/* Choix des pages d'un PDF */
.pdf-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.pdf-grille button{position:relative;aspect-ratio:3/4;border-radius:10px;background:#fffdf8;border:2.5px solid #e2d9c5;box-shadow:0 2px 6px rgba(0,0,0,.08);overflow:hidden;padding:10px 8px;text-align:left}
.pdf-grille button .l{display:block;height:5px;border-radius:3px;background:#d9e2ef;margin-bottom:6px}
.pdf-grille button .t{display:block;height:7px;width:70%;border-radius:3px;background:#e7b0ab;margin-bottom:8px}
.pdf-grille button .p{position:absolute;left:6px;bottom:6px;font-size:12px;font-weight:700;color:var(--gris)}
.pdf-grille button[aria-pressed=true]{border-color:var(--vert-fonce);background:#f4fbea}
.pdf-grille button .coche{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;border:2px solid #c9bfa9;background:#fff;display:grid;place-items:center}
.pdf-grille button[aria-pressed=true] .coche{background:var(--vert-fonce);border-color:var(--vert-fonce);color:#fff}
.pdf-grille button .coche .ic{width:14px;height:14px;stroke-width:3.2;opacity:0}
.pdf-grille button[aria-pressed=true] .coche .ic{opacity:1}
@media (min-width:1024px){
  .e-verifier .app{max-width:980px}.e-verifier .haut .titre-ecran{font-size:30px}
  .ver-corps{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start;margin-top:12px}
  .ver-apercu{max-height:none;margin-top:0}
  .ver-pied{margin-top:20px}
  .pdf-grille{grid-template-columns:repeat(4,1fr)}
}

/* =================== 3. PRÉPARATION =================== */
.prep-haut{display:flex;justify-content:center;padding-top:6px}
.prep-zaza{position:relative;margin:16px auto 4px;width:118px;height:118px}
.prep-zaza .zaza{--t:118px;position:absolute;inset:0}
.prep-zaza .anneau{position:absolute;inset:-10px;border-radius:50%;border:4px solid transparent;border-top-color:var(--vert);border-right-color:var(--orange);animation:tourne 1.6s linear infinite}
.prep-zaza.fini .anneau{animation:none;border-color:var(--vert)}
.prep-zaza .ardoise{position:absolute;right:-30px;bottom:-4px;width:64px;height:46px;border-radius:6px;background:var(--tableau);border:4px solid var(--bois);box-shadow:0 6px 12px rgba(0,0,0,.2);overflow:hidden}
.prep-zaza .ardoise svg{width:100%;height:100%}
.prep-zaza .ardoise path{stroke:var(--craie);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60;animation:ecrit 2.4s ease-in-out infinite}
.prep-zaza .ardoise path:nth-child(2){animation-delay:.5s}.prep-zaza .ardoise path:nth-child(3){animation-delay:1s}
@keyframes tourne{to{transform:rotate(360deg)}}
@keyframes ecrit{0%{stroke-dashoffset:60}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.prep-titre{text-align:center;margin-top:8px}.prep-titre .titre-ecran{font-size:26px}
.prep-titre p{margin-top:6px}
.etapes{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px}
.etape{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:16px;background:var(--carte);border:1.5px solid #ece4d2;min-height:56px;transition:background .3s,border-color .3s}
.etape .pt{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--craie-gris);color:var(--gris);font-weight:800;font-family:var(--f-titre)}
.etape .tx{flex:1}
.etape .tx b{display:block;font-weight:700;font-size:15.5px}
.etape .tx small{display:block;font-size:13px;color:var(--gris);margin-top:1px}
.etape .st{font-size:12.5px;font-weight:700;color:var(--gris);white-space:nowrap}
.etape[data-etat=encours]{background:#fff;border-color:var(--vert-bord);box-shadow:0 4px 14px rgba(120,180,70,.18)}
.etape[data-etat=encours] .pt{background:var(--vert-clair);color:var(--vert-fonce)}
.etape[data-etat=encours] .pt .ic{animation:tourne 1s linear infinite}
.etape[data-etat=encours] .st{color:var(--vert-fonce)}
.etape[data-etat=fini] .pt{background:var(--vert);color:var(--encre)}
.etape[data-etat=fini] .st{color:var(--vert-fonce)}
.etape[data-etat=erreur]{background:var(--rouge-clair);border-color:#f0b5b0}
.etape[data-etat=erreur] .pt{background:var(--rouge);color:#fff}
.etape[data-etat=erreur] .st{color:#a3322e}
.etape[data-etat=saute]{display:none}
.prep-pret{margin-top:16px;display:none;gap:14px;align-items:center;padding:14px;border-radius:18px;background:var(--tableau);color:var(--craie);box-shadow:var(--ombre-forte)}
.prep-pret.vu{display:flex;animation:monte .35s ease}
.prep-pret .mini{width:86px;height:62px;border-radius:6px;border:4px solid var(--bois);background:#1d3d33;flex:none;display:grid;place-items:center;font-family:var(--f-craie);font-size:11px;text-align:center;line-height:1.05;padding:3px}
.prep-pret b{font-family:var(--f-titre);font-size:17px;display:block}
.prep-pret small{font-size:13px;opacity:.85}
.prep-pret .btn{margin-top:10px;min-height:44px;font-size:16px;padding:8px 16px;width:auto}
@keyframes monte{from{opacity:0;transform:translateY(10px)}}
.prep-erreur{display:none;margin-top:14px}
.prep-erreur.vu{display:block}
.prep-quitter{margin-top:auto;padding-top:16px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.prep-quitter .note{display:flex;gap:8px;align-items:center}
.prep-quitter .note .ic{width:18px;height:18px;color:var(--vert-fonce)}
.prep-biblio{display:none;margin-top:12px;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;background:var(--vert-clair)}
.prep-biblio.vu{display:flex}
.prep-biblio .ic{color:var(--vert-fonce);margin-top:2px}
.demo-marque{position:fixed;left:50%;transform:translateX(-50%);top:4px;font-size:11px;font-weight:700;letter-spacing:.04em;background:rgba(119,104,232,.12);color:var(--violet-fonce);padding:4px 8px;border-radius:8px;z-index:70}
@media (min-width:1024px){
  .e-preparation .app{max-width:980px}
  .e-preparation .prep-haut{display:none}
  .prep-grille{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start;margin-top:30px}
  .prep-gauche{position:sticky;top:40px;text-align:center}
  .prep-titre{text-align:center}
  .etapes{margin-top:0}
}

/* =================== 4. LECTEUR =================== */
.e-lecteur .app{padding-top:10px}
.lec-haut{display:flex;align-items:center;gap:12px;min-height:60px;position:relative;z-index:3}
.lec-haut .puce{min-height:44px;padding:0 18px;font-size:16px;background:#ebe7da}
.lec-zaza{position:absolute;right:-6px;top:6px;z-index:4}
.lec-zaza .zaza{--t:92px;background:var(--creme);padding:5px}
.lec-zaza .eclat{right:-6px;top:-10px}
.lec-tableau{margin:22px -12px 0;aspect-ratio:10/12;container-type:inline-size}
.craie-titre{position:absolute;left:4cqw;right:12cqw;top:6cqw;font-family:var(--f-craie);font-weight:400;font-size:10.4cqw;line-height:1.02;text-align:center}
.craie-sous{position:absolute;left:12cqw;width:66cqw;top:30cqw;height:3cqw}
.craie-sous path{stroke:var(--craie);stroke-width:3;fill:none;stroke-linecap:round;opacity:.75}
.lec-fig{position:absolute;left:3cqw;top:36cqw;width:44cqw}
.lec-fig path,.lec-fig line{stroke:var(--craie);stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.lec-fig .hyp{stroke:var(--vert)}
.lec-fig text{fill:var(--craie);font-family:var(--f-craie);font-size:26px}
.lec-fig .lib{fill:var(--vert);font-size:18px}
.lec-formule{position:absolute;right:4cqw;top:47cqw;width:49cqw;border:3px solid var(--vert);border-radius:6px;padding:2.4cqw 1cqw;text-align:center;color:var(--craie);font-size:5.5cqw;box-shadow:0 0 12px rgba(166,227,111,.18);white-space:nowrap}
.lec-formule .katex{font-size:1em}
.lec-texte{position:absolute;left:6cqw;right:5cqw;top:79cqw;font-family:var(--f-craie);font-size:6.3cqw;line-height:1.28}
.lec-texte .m{color:#FFD24A}
/* Écriture progressive : chaque morceau [data-t] apparaît à son instant ; les tracés se dessinent. */
.ecr{opacity:0;transition:opacity .35s ease}
.ecr.on{opacity:1}
.lettres .l{opacity:0}
.lettres .l.on{opacity:1}
.trace{stroke-dasharray:var(--lg,400);stroke-dashoffset:var(--lg,400);transition:stroke-dashoffset 1.1s ease}
.trace.on{stroke-dashoffset:0}
.saut .trace,.saut .ecr{transition:none!important}
.lec-ctrl{display:flex;align-items:center;gap:12px;margin-top:18px}
.lec-ctrl .pp{width:52px;height:52px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 4px 10px rgba(23,59,44,.25)}
.lec-ctrl .pp .ic{width:22px;height:22px}
.lec-ctrl .barre{flex:1;height:10px;border-radius:10px;background:#e0dccd;overflow:hidden;position:relative;cursor:pointer}
.lec-ctrl .barre i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#8fd456,var(--vert));border-radius:10px}
.lec-ctrl .tps{font-size:14px;font-weight:600;color:var(--encre-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.lec-ctrl .btn-pastille{min-height:46px;padding:0 14px}
.lec-onglets{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin-top:16px}
.lec-onglets .btn{font-family:var(--f-texte);font-weight:700;font-size:16px;min-height:52px;padding:8px 10px;gap:8px;background:#ebe7da;border:0;border-radius:26px}
.lec-onglets .btn.quiz{background:linear-gradient(180deg,#b9ea86,var(--vert));box-shadow:0 4px 10px rgba(120,180,70,.3)}
.lec-transcript{display:none;margin-top:14px;font-size:15px;line-height:1.5;background:var(--carte);border-radius:14px;padding:12px 14px;border:1px solid #ece4d2}
.lec-transcript.vu{display:block}
.lec-transcript p{color:var(--gris);transition:color .2s}
.lec-transcript p.on{color:var(--encre);font-weight:600}
.lec-vague{margin:auto -20px 0;height:90px;background:radial-gradient(120% 100% at 50% 100%,#efe9d8 0,#efe9d8 60%,transparent 61%)}
.fiche h3{font-family:var(--f-titre);font-weight:800;font-size:17px;margin:14px 0 6px}
.fiche p,.fiche li{font-size:15px;line-height:1.5}
.fiche ul{padding-left:18px}
.encadre{border-radius:14px;padding:12px 14px;margin:8px 0}
.encadre.vert{background:var(--vert-clair)}.encadre.orange{background:#FFEBD0}
.encadre .titre{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;margin-bottom:4px}
.pas{counter-reset:pas;list-style:none;padding:0!important}
.pas li{counter-increment:pas;position:relative;padding:8px 0 8px 40px;border-bottom:1px dashed #e0d6c2}
.pas li::before{content:counter(pas);position:absolute;left:0;top:8px;width:28px;height:28px;border-radius:50%;background:var(--tableau);color:var(--craie);font-weight:800;display:grid;place-items:center;font-size:14px}
@media (min-width:1024px){
  .e-lecteur .app{max-width:900px}
  .lec-tableau{margin:22px 0 0;aspect-ratio:16/9.4}
  .craie-titre{left:10cqw;right:14cqw;top:3cqw;font-size:5.8cqw}
  .craie-sous{left:24cqw;width:46cqw;top:11.5cqw;height:2cqw}
  .lec-fig{left:5cqw;top:16cqw;width:30cqw}
  .lec-formule{left:41cqw;right:auto;top:18cqw;width:40cqw;font-size:4cqw;padding:1.4cqw 1cqw}
  .lec-texte{left:41cqw;right:5cqw;top:31cqw;font-size:3.3cqw}
  .lec-zaza{right:-40px;top:0}.lec-zaza .zaza{--t:110px}
  .lec-onglets{max-width:640px;margin-left:auto;margin-right:auto}
  .lec-vague{display:none}
}

/* =================== 5. QUIZ =================== */
.qz-prog{display:flex;align-items:center;gap:12px;margin-top:8px}
.qz-prog .segs{flex:1;display:grid;grid-auto-flow:column;gap:6px}
.qz-prog .segs i{height:8px;border-radius:8px;background:#e0dccd}
.qz-prog .segs i.bon{background:var(--vert)}.qz-prog .segs i.faux{background:#f2a7a3}.qz-prog .segs i.ici{background:var(--encre)}
.qz-q{display:flex;gap:12px;align-items:flex-start;margin-top:16px}
.qz-q .zaza{--t:56px}
.qz-bulle{flex:1;background:#fff;border-radius:6px 18px 18px 18px;padding:14px 16px;box-shadow:var(--ombre);border:1px solid #eee5d3}
.qz-bulle h2{font-family:var(--f-titre);font-weight:800;font-size:19px;line-height:1.25}
.qz-fig{display:block;margin:8px auto 0;max-width:190px}
.qz-fig path{stroke:var(--encre);stroke-width:2.4;fill:none;stroke-linejoin:round}
.qz-fig text{font-family:var(--f-texte);font-weight:700;font-size:15px;fill:var(--encre)}
.qz-fig .cote{fill:var(--vert-fonce);font-size:13px}
.qz-rep{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:16px}
.qz-rep button{width:100%;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border-radius:16px;background:var(--carte);border:2px solid #e2d9c5;text-align:left;font-size:16.5px;font-weight:600;transition:border-color .15s,background .15s,transform .1s}
.qz-rep button:active{transform:scale(.99)}
.qz-rep .lt{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--craie-gris);font-weight:800;font-family:var(--f-titre)}
.qz-rep .mk{margin-left:auto;display:none}
.qz-rep button[aria-pressed=true]{border-color:var(--encre);background:#fff;box-shadow:0 0 0 3px rgba(23,59,44,.12)}
.qz-rep button[aria-pressed=true] .lt{background:var(--encre);color:#fff}
.qz-rep button.bon{border-color:var(--vert-fonce);background:#EEF9E2}
.qz-rep button.bon .lt{background:var(--vert-fonce);color:#fff}
.qz-rep button.bon .mk{display:block;color:var(--vert-fonce)}
.qz-rep button.faux{border-color:var(--rouge);background:var(--rouge-clair)}
.qz-rep button.faux .lt{background:var(--rouge);color:#fff}
.qz-rep button.faux .mk{display:block;color:var(--rouge)}
.qz-rep button:disabled{cursor:default}
.qz-rep button.eteint{opacity:.55}
.qz-corr{display:none;margin-top:14px;border-radius:16px;padding:14px 16px;animation:monte .3s ease}
.qz-corr.vu{display:block}
.qz-corr.bon{background:#EEF9E2;border:1.5px solid #bfe39a}
.qz-corr.faux{background:#FFF4E5;border:1.5px solid #f6d29c}
.qz-corr .tete{display:flex;align-items:center;gap:10px;font-family:var(--f-titre);font-weight:900;font-size:18px}
.qz-corr .tete .rond{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff}
.qz-corr.bon .rond{background:var(--vert-fonce)}.qz-corr.faux .rond{background:var(--rouge)}
.qz-corr .tete .ic{width:18px;height:18px;stroke-width:3.2}
.qz-corr p{margin-top:8px;font-size:15.5px;line-height:1.5}
.qz-corr .pourquoi{font-size:14.5px;color:var(--encre-2);margin-top:6px}
.qz-pied{margin-top:auto;padding-top:16px;padding-bottom:6px}
.qz-fin{text-align:center}
.qz-fin .score{font-family:var(--f-titre);font-weight:900;font-size:56px;line-height:1;margin-top:8px}
.qz-fin .score small{font-size:24px;color:var(--gris)}
.qz-recap{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px;text-align:left}
.qz-recap li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--carte);border:1px solid #ece4d2;font-size:14.5px}
.qz-recap li .ic{width:20px;height:20px;flex:none;margin-top:1px}
.qz-recap li.bon .ic{color:var(--vert-fonce)}.qz-recap li.faux .ic{color:var(--rouge)}
@media (min-width:1024px){.e-quiz .app{max-width:720px}}

/* =================== 6. COURS OFFERT UTILISÉ =================== */
.off-tete{text-align:center;margin-top:8px}
.off-tete .zaza{margin:4px auto 8px;--t:88px}.off-tete .titre-ecran{font-size:25px}
.off-garde{display:flex;gap:12px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:16px;background:var(--carte);border:1px solid #ece4d2}
.off-garde .mini{width:58px;height:44px;border-radius:5px;border:3px solid var(--bois);background:var(--tableau);flex:none;color:var(--craie);font-family:var(--f-craie);font-size:9px;display:grid;place-items:center;text-align:center;line-height:1}
.off-garde b{display:block;font-size:15px}
.off-garde small{font-size:13px;color:var(--gris)}
.prem{margin-top:12px;border-radius:22px;padding:14px 16px;background:linear-gradient(160deg,#f3f1ff 0,#e9e6ff 100%);border:2px solid #cfc8ff;box-shadow:0 10px 26px rgba(119,104,232,.16)}
.prem .nom{display:flex;align-items:center;gap:10px;font-family:var(--f-titre);font-weight:900;font-size:20px;color:var(--violet-fonce)}
.prem .nom .rond{width:38px;height:38px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center}
.offres{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.offres button{border-radius:16px;padding:12px;background:#fff;border:2px solid #ddd8fb;text-align:left;min-height:76px}
.offres button[aria-pressed=true]{border-color:var(--violet);box-shadow:0 0 0 3px rgba(119,104,232,.18)}
.offres .px{font-family:var(--f-titre);font-weight:900;font-size:25px;color:var(--encre);display:block;line-height:1.1}
.offres .px small{font-size:15px;font-weight:700;color:var(--gris)}
.offres .lb{font-size:13px;font-weight:600;color:var(--gris)}
.avantages{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:7px}
.avantages li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.35}
.avantages .ok{width:24px;height:24px;border-radius:50%;background:var(--violet);color:#fff;display:grid;place-items:center;flex:none}
.avantages .ok .ic{width:14px;height:14px;stroke-width:3.4}
.off-pied{margin-top:14px;display:flex;flex-direction:column;gap:6px;padding-bottom:10px}
.off-pied .btn-v{font-size:20px;min-height:58px}
.off-legal{font-size:12.5px;color:var(--gris);text-align:center;margin-top:4px}
/* Feuille « Faire payer un parent » */
.partage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.partage button,.partage a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;min-height:76px;justify-content:center;border-radius:16px;background:var(--carte);border:1.5px solid #ece4d2}
.partage .rd{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff}
.message{margin-top:12px;background:#fff;border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.45;border:1px solid #ece4d2}
.message .url{color:var(--violet-fonce);font-weight:600;word-break:break-all}
.attente{display:none;margin-top:14px;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--violet-clair);color:var(--violet-fonce);font-weight:600;font-size:14.5px}
.attente.vu{display:flex}
.qr{width:150px;height:150px;margin:12px auto 0;display:none;background:#fff;padding:8px;border-radius:12px;border:1px solid #ece4d2}
.qr.vu{display:block}
@media (min-width:1024px){
  .e-offert .app{max-width:1000px}
  .off-grille{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;margin:auto 0}
  .off-tete{text-align:left}.off-tete .zaza{margin-left:0;--t:112px}.off-tete .titre-ecran{font-size:34px}
}

/* =================== Pages annexes (mes cours, profil, parent, index) =================== */
.liste-cours{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:16px}
.liste-cours a{display:flex;gap:14px;align-items:center;text-decoration:none;padding:12px;border-radius:18px;background:var(--carte);border:1px solid #ece4d2;box-shadow:var(--ombre)}
.liste-cours .mini{width:74px;height:54px;border-radius:6px;border:3px solid var(--bois);background:var(--tableau);flex:none;color:var(--craie);font-family:var(--f-craie);font-size:10px;display:grid;place-items:center;text-align:center;line-height:1.05;padding:2px}
.liste-cours b{display:block;font-size:16px}
.liste-cours small{display:block;font-size:13px;color:var(--gris);margin-top:2px}
.liste-cours .ic.ch{margin-left:auto;color:var(--gris)}

/* =================== « JE DÉCRIS MON PROBLÈME » (3e entrée) =================== */
.dec-corps{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.dec-zaza{display:flex;align-items:flex-end;gap:12px}
.dec-zaza .zaza{flex:none}
.dec-champ{position:relative}
.dec-champ textarea{width:100%;min-height:170px;resize:vertical;border-radius:18px;border:2px solid #d9cdb4;background:var(--carte);padding:14px 14px 30px;font:500 17px/1.4 var(--f-texte,Inter),sans-serif;color:var(--encre)}
.dec-champ textarea:focus{outline:none;border-color:var(--vert-fonce);box-shadow:0 0 0 3px rgba(124,191,76,.25)}
.dec-compte{position:absolute;right:14px;bottom:10px;font-size:12.5px;color:var(--gris)}
.dec-compte.trop{color:#b3261e;font-weight:700}
.dec-idees{display:flex;flex-wrap:wrap;gap:8px}
.dec-idees button{border:1.5px solid #d9cdb4;background:#fbf7ee;border-radius:14px;padding:8px 12px;font:600 14px var(--f-texte,Inter),sans-serif;color:var(--encre);cursor:pointer;min-height:40px;text-align:left}
.dec-erreur{background:#fdecea;color:#8c1d18;border-radius:14px;padding:10px 12px;font-size:14.5px}
.dec-corps .btn-p[disabled]{opacity:.5;cursor:not-allowed}
@media (min-width:900px){.dec-corps{max-width:640px}}
/* Mes cours (réel) */
.liste-cours .etat-prep small{color:var(--vert-fonce);font-weight:600}
.liste-cours .etat-echec small{color:#b3261e;font-weight:600}
.liste-cours .vide{padding:18px;border-radius:18px;background:var(--carte-2);text-align:center;color:var(--encre-2)}
/* passage 12 : MES COURS iso ecrans-A/5-mes-cours.html (invité compris) */
.mc-haut{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:6px}
.mc-haut .titre-ecran{font-size:34px;line-height:1}.mc-sous{font:600 15.5px var(--f-texte);color:#4a514c;margin-top:4px}
.mc-av{width:56px;height:56px;border-radius:50%;padding:3px;background:#bfe48f;flex:none;display:grid;place-items:center;overflow:hidden}
.mc-av img{width:100%;height:100%;border-radius:50%}.mc-av.eleve{padding:2px}.mc-av svg{display:block;border-radius:50%}
.mc-bascule{display:grid;grid-template-columns:1fr 1fr;background:#ece4d2;border-radius:999px;padding:4px;margin-top:16px}
.mc-bascule button{min-height:44px;border:0;border-radius:999px;background:none;font:800 15px var(--f-titre);color:#5d5a52;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}
.mc-bascule button[aria-selected=true]{background:#fff;color:var(--encre);box-shadow:0 2px 6px rgba(60,40,10,.12)}
.e-cours .liste-cours a{background:#fff;border:2px solid #ece4d2;border-radius:20px;box-shadow:none;padding:10px 12px}
.e-cours .liste-cours .etat-prep a{background:#f3faea;border:2px dashed #a6e36f}
.e-cours .liste-cours .mini{width:84px;height:62px;border:4px solid var(--bois);border-radius:7px;background:linear-gradient(160deg,#1f4a3a,#163a2d 60%,#123227);font-size:11.5px;padding:3px 5px}
.e-cours .liste-cours .mini span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;hyphens:auto}
.e-cours .liste-cours .tx{flex:1;min-width:0}
.e-cours .liste-cours b{font:900 16.5px/1.15 var(--f-titre);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.e-cours .liste-cours small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-cours .liste-cours .bar{display:block;height:6px;border-radius:6px;background:#e7dfcd;margin-top:8px;overflow:hidden}
.e-cours .liste-cours .bar i{display:block;height:100%;background:#7cbf4c;border-radius:6px}
.e-cours .liste-cours .bar.prep i{width:60%;background:repeating-linear-gradient(90deg,#7cbf4c 0 14px,#c3ec96 14px 22px);animation:mc-av 1.2s linear infinite;background-size:22px 100%}
@keyframes mc-av{to{background-position:22px 0}}@media (prefers-reduced-motion:reduce){.e-cours .liste-cours .bar.prep i{animation:none}}
.e-cours .liste-cours .vide{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 14px;border-radius:20px;background:#fff;border:2px dashed #d9cdb4;color:#4a514c}
.e-cours .liste-cours .vide b{font-size:17px;color:var(--encre)}
.mc-quota{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:16px;background:#efe8d8;font:800 15px var(--f-titre)}
.mc-quota b{margin-left:auto;font-size:17px}.mc-quota svg{width:24px;height:24px}
.mc-nouveau{margin-top:14px;font-size:20px}
.mc-garder{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:14px;color:#4a514c;font-size:14px;text-decoration:none;border:1px solid #e3dccb;min-height:44px}
.mc-garder svg{width:20px;height:20px;flex:none}.mc-garder .ch{margin-left:auto}
.mc-vide{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-top:18px;padding:18px;border-radius:20px;background:#fff;border:2px solid #ece4d2;color:#4a514c}
.mc-vide b{color:var(--encre);font-size:17px}.mc-vide .btn{margin-top:6px}
/* passage 12 : PROFIL invité iso ecrans-A/6-profil.html */
.pf-haut{display:flex;align-items:center;gap:14px;padding-top:6px}
.pf-av{position:relative;width:92px;height:92px;border-radius:50%;padding:4px;background:#bfe48f;border:0;cursor:pointer;flex:none}
.pf-av svg{display:block;width:84px;height:84px;border-radius:50%}
.pf-cr{position:absolute;right:-2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #bfe48f;display:grid;place-items:center}.pf-cr svg{width:15px;height:15px}
.pf-pseudo{font:900 26px var(--f-titre);color:#173B2C;position:relative;display:inline-block;padding-bottom:6px;background:linear-gradient(#F6A53A,#F6A53A) left bottom/100% 4px no-repeat;border-radius:2px;word-break:break-all}
.pf-lieu{font:800 14px var(--f-titre);color:#5d5a52;margin-top:4px}
.pf-bulle{position:relative;margin:12px 0 0 32px;background:#d8efbf;border-radius:16px;padding:10px 14px;font-size:14.5px;color:#173B2C;line-height:1.35}
.pf-bulle::before{content:"";position:absolute;left:22px;top:-10px;border:11px solid transparent;border-bottom-color:#d8efbf;border-top:0;border-right-width:3px;border-left-width:12px}
.pf-tab{margin-top:18px;border:12px solid var(--bois);border-radius:8px;background:linear-gradient(160deg,#1f4a3a,#163a2d 60%,#123227);color:#f4f1e6;padding:10px 14px 12px;box-shadow:inset 0 0 0 2px var(--bois-fonce),0 10px 18px rgba(60,40,10,.2);position:relative}
.pf-tab h2{font-family:var(--f-craie);font-weight:400;font-size:22px;text-align:center;border-bottom:1.5px solid rgba(244,241,230,.7);width:60%;margin:0 auto 8px;padding-bottom:4px}
.pf-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;text-align:center;font-family:var(--f-craie)}
.pf-stats b{display:block;font-size:30px;line-height:1.05;color:#FFD24A;font-weight:700}.pf-stats div:nth-child(2) b{color:#a6e36f}.pf-stats div:nth-child(3) b{color:#a6e36f}
.pf-stats b small{font-size:16px}.pf-stats span{display:block;font-size:14px}.pf-stats div>small{display:block;font-size:12px;color:#a6e36f}
.pf-tab.vide .pf-stats b{color:rgba(244,241,230,.55)}
.pf-sem{display:flex;justify-content:space-between;gap:6px;margin-top:10px;font-family:var(--f-craie);font-size:12px}
.pf-sem span{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}
.pf-sem i{display:block;width:100%;height:12px;border-radius:3px 3px 0 0;background:rgba(244,241,230,.18);border:1px solid rgba(244,241,230,.3)}
.pf-sem .on i{height:26px;background:#a6e36f;border-color:#a6e36f}
.pf-coince{margin-top:22px}
.pf-ct{display:flex;align-items:center;justify-content:space-between}.pf-ct h2{font:900 22px var(--f-titre);color:#173B2C;padding-bottom:5px;background:linear-gradient(#F6A53A,#F6A53A) left bottom/70% 3px no-repeat}
.pf-nb{font:800 12.5px var(--f-titre);background:#ece4d2;color:#5d5a52;border-radius:999px;padding:4px 10px}.pf-nb.on{background:#ffe1c4;color:#8a4a0b}
.pf-ctx{font:600 13.5px var(--f-texte);color:#4a514c;margin-top:4px}
.pf-cartes{display:flex;gap:12px;overflow-x:auto;margin:10px -20px 0;padding:6px 20px 10px;scroll-snap-type:x mandatory}
.pf-c{flex:0 0 78%;scroll-snap-align:start;position:relative;border:10px solid var(--bois);border-radius:8px;background:linear-gradient(160deg,#1f4a3a,#163a2d 60%,#123227);color:#f4f1e6;padding:22px 12px 12px;min-height:180px;display:flex;flex-direction:column;gap:6px}
.pf-c h3{font-family:var(--f-craie);font-size:21px;line-height:1.1}.pf-c p{font-size:13px;color:#d9e8cf}
.pf-c .tag{position:absolute;left:-6px;top:-8px;background:#8fb8ff;color:#173B2C;font:800 11.5px var(--f-titre);padding:3px 8px;border-radius:6px}
.pf-c .prio{position:absolute;right:6px;top:-8px;background:#FFD24A;color:#3b2f00;font:900 11px var(--f-titre);padding:3px 8px;border-radius:999px}
.pf-c .btn{margin-top:auto;min-height:44px;font-size:16px}
.pf-c.vide i{display:block;height:12px;border-radius:6px;background:rgba(244,241,230,.18)}.pf-c.vide i:first-child{width:70%;height:16px}.pf-c.vide i:nth-child(2){width:50%}.pf-c.vide i:nth-child(3){width:60%}
.pf-c.vide span{margin-top:auto;text-align:center;border-radius:14px;background:rgba(166,227,111,.4);color:#173B2C;font:800 15px var(--f-titre);padding:10px}
.pf-offre{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:14px 16px;border-radius:22px;background:linear-gradient(160deg,#8a7cf0,#6c5ce0);color:#fff;text-decoration:none;box-shadow:0 10px 22px rgba(108,92,224,.3)}
.pf-offre .l1{display:flex;align-items:center;gap:8px;font:900 17px var(--f-titre)}.pf-offre .l1 svg{width:18px;height:18px;color:#FFD24A}.pf-offre .l1 .ch{margin-left:auto;color:#fff}
.pf-offre #of-prix{font:800 14px var(--f-titre);opacity:.9}
.pf-offre .bar{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.3);overflow:hidden}.pf-offre .bar i{display:block;height:100%;background:#FFD24A}
.pf-offre .l2{display:flex;justify-content:space-between;font:700 13.5px var(--f-texte)}
.pf-offre .cta{display:block;text-align:center;background:#c3ec96;color:#173B2C;border-radius:16px;padding:12px;font:900 17px var(--f-titre)}
.pf-garder{margin-top:14px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e3dccb}
.pf-garder .note{text-align:left;margin-top:4px;font-size:13.5px}.pf-opt{font:700 11.5px var(--f-texte);color:#5d5a52;background:#efe8d8;border-radius:999px;padding:2px 8px}
.pf-bas{text-align:center;font-size:13px;color:#5d5a52;margin:14px 0 6px}.pf-bas a{color:inherit;font-weight:700}
#f-modifier .pf-m-av{display:grid;place-items:center;margin:4px 0 8px}#f-modifier .pf-m-av svg{border-radius:50%;box-shadow:0 0 0 5px #bfe48f}
.pf-lab{display:block;font:900 15px var(--f-titre);margin:10px 0 6px}
.pf-champ{display:flex;align-items:center;gap:8px;border:2px solid #d9cdb4;border-radius:16px;background:#fff;padding:4px 14px}
.pf-champ input{flex:1;min-width:0;border:0;outline:0;font:800 17px var(--f-titre);color:#173B2C;min-height:44px;background:none}.pf-champ small{font-size:12px;color:#7a776d;white-space:nowrap}
.pf-grille{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-items:center}
.pf-grille button{border:0;background:none;border-radius:50%;padding:3px;cursor:pointer}.pf-grille button svg{display:block;border-radius:50%}
.pf-grille button[aria-checked=true]{box-shadow:0 0 0 3px #7cbf4c}
.pf-pc{display:flex;gap:8px;flex-wrap:wrap}.pf-pc span,.pf-pc a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:14px;font:800 14px var(--f-titre);background:#c3ec96;border:2px solid #8cc957;color:#173B2C;text-decoration:none}
.pf-pc a{background:#fbf7ee;border-color:#d9cdb4}
#f-modifier .btn{margin-top:16px}
.mc-quota[hidden],.mc-garder[hidden],.pf-offre .bar[hidden],.mc-haut [hidden]{display:none}
.pf-sem span{justify-content:flex-end;height:44px}.pf-c .tag{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* fondateur 14/11 : quiz pas allumé pendant la vidéo */
.lec-onglets .btn.quiz{background:var(--carte,#ece5d4);box-shadow:none;color:inherit}