/* Décors de séance d'origine, choisis par le mode ou le thème.
   La question garde les tailles et les commandes validées. */
html .app-session{background-color:#182155!important;background-image:none!important}
html .app-session>div[aria-hidden=true]{display:block!important}
html .app-session-scroll{background:transparent!important}
html .app-session-head{background:rgba(34,45,100,.88)!important}

/* Le filet de combo reste visible, sans créer une bande de décor au-dessus de la barre. */
html .app-session-head{margin-top:-3px!important;padding-top:9px!important;max-width:900px!important}
@media(min-width:760px){html .app-session-head{padding-inline:20px!important}}
/* 06/10/2026 · refonte, lot 4 : fin d’examen blanc. Une action pleine sous le verdict, à la forme de « Commencer ma
   séance » dans le violet de l’examen ; « Nouvel examen », « Partager » et l’accueil en liens. */
.v34-result .rap-suite{margin:0 0 22px}
.v34-result .rap-suite .certoly-start-button{--certoly-start-gradient:linear-gradient(135deg,#A692FA,#7C62DE);--certoly-start-lip:#3B2C74;width:100%}
@media(min-width:768px){.v34-result .rap-suite .certoly-start-button{width:auto;min-width:240px}}
.v34-result .rap-liens{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 20px;margin-top:2px}
.v34-result .rap-liens button{min-height:44px;padding:0 4px;border:0;background:none;color:#A3C4FF;font:600 15px/1.3 InterBody,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#A3C4FF66}
.v34-result .rap-liens button:focus-visible{outline:2px solid #A3C4FF;outline-offset:2px;border-radius:6px}
/* 06/10/2026 · refonte, lot 4, point 10 (capture 05 : « le truc moche en haut, à mettre à jour partout dans chaque mode ») :
   une seule barre de séance. Pleine largeur, fond opaque, contenu calé sur la colonne du mode ; × nu, piste de 8 px
   à la couleur du mode, compteur, chrono s'il existe, le reste dans « ⋯ ». Le rang du Classé se lit au bilan. */
html .app-session .seance-barre{position:relative!important;z-index:3!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:56px!important;margin:0!important;padding:6px max(16px,calc((100% - 748px)/2))!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html .app-session .seance-barre-flash{margin-bottom:10px!important;padding-inline:max(20px,calc((100% - 720px)/2))!important}
html .app-session .seance-barre-examen{padding-inline:max(16px,calc((100% - 780px)/2))!important}
@media(min-width:760px){html .app-session .seance-barre-examen{padding-inline:max(20px,calc((100% - 780px)/2))!important}}
/* 08/10 · demande de Kenan (« la barre en haut, j’aimerais qu’elle soit transparente, il y a une bande qui recouvre la croix ») :
   plus de bande opaque, le décor de la séance monte jusqu’en haut derrière la croix, la piste et « ⋯ ». */
html .app-session>div[style*="height:3px"]:has(+ .seance-barre){background:transparent!important}
html .app-session .seance-barre>button,html .app-session .seance-barre .seance-options>button{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#F5F6FF!important;display:grid!important;place-items:center!important;box-shadow:none!important}
html .app-session .seance-barre>button:first-child{margin-left:-12px!important}
html .app-session .seance-barre>button svg,html .app-session .seance-barre .seance-options>button svg{width:20px!important;height:20px!important}
html .app-session .seance-barre button:hover{background:rgba(245,246,255,.08)!important}
html .app-session .seance-barre button:focus-visible{outline:2px solid #A3C4FF!important;outline-offset:2px!important}
html .app-session .seance-barre .seance-piste{flex:1 1 auto!important;min-width:40px!important;max-width:none!important;height:8px!important;border-radius:999px!important;background:rgba(245,246,255,.12)!important;overflow:hidden!important}
html .app-session .seance-barre .seance-piste-sections{display:flex!important;gap:4px!important;background:none!important}
html .app-session .seance-barre .seance-piste-sections>span{height:8px!important;border-radius:999px!important}
html .app-session .seance-barre>.seance-compteur{flex:0 0 auto!important;padding:0!important;font-size:14px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;color:rgba(245,246,255,.78)!important}
html .app-session .seance-barre>.seance-chrono{flex:0 0 auto!important;min-width:0!important;gap:6px!important;padding:0!important;border:0!important;background:none!important;font-size:15px!important;line-height:1!important}
html .app-session .seance-barre>.seance-chrono svg{width:16px!important;height:16px!important}
html .app-session .seance-barre>.seance-options{position:relative!important;flex:0 0 auto!important;min-width:0!important;margin-right:-12px!important;padding:0!important;font-size:15px!important}
html .app-session .seance-barre .seance-menu button:hover,html .app-session .seance-barre .seance-menu button:focus-visible{background:#2A3260!important}
html .app-session .seance-barre .seance-menu svg{flex:0 0 20px;width:20px;height:20px}
html .app-session .v34-rank-chip{display:none!important}
/* 06/10/2026 · refonte, lot 4 (NOTES-PAR-PAGE-APP § 11) : la correction. Le bouton plein à la forme de « Commencer ma
   séance » (coins de 16 px, 16 px gras ; couleur et relief du mode : liaison.js) ; ✓ et ✗ dans la pastille du numéro,
   sans changer sa place, au lieu des mentions collées au texte, gardées pour les lecteurs d'écran ; l'explication en 15 px. */
html body .app-session .app-session-footer button{border-radius:16px!important}
html body .app-session .app-session-footer button:last-child{font-size:16px!important;font-weight:800!important}
/* 09/10/2026 · choix de Kenan dans le carnet. Le pied d’attente ne sert qu’à partir de la tablette ; sur grand écran, question
   et réponses plus grandes, colonne de 900 px au lieu de 760, pied et barre alignés sur elle. */
@media(max-width:760px){html body .app-session .app-session-footer-attente{display:none!important}}
@media(min-width:1200px) and (min-height:800px){html body .app-session .app-session-scroll{max-width:900px!important}html body .app-session .app-session-scroll h1{font-size:31px!important;margin-bottom:22px!important}html body .app-session .app-answer{font-size:18px!important;padding:22px 24px!important}html body .app-session .app-session-footer>div{max-width:900px!important}html body .app-session .seance-barre{padding-inline:max(16px,calc((100% - 888px)/2))!important}}
html body .app-session .app-answer>span:last-child>strong{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html body .app-session .app-answer[data-etat=bonne]>span:first-child,html body .app-session .app-answer[data-etat=fausse]>span:first-child{position:relative!important;flex:0 0 14px!important;width:14px!important;height:14px!important;border-radius:50%!important;font-size:0!important;background:#7BD8B8!important;box-shadow:0 0 0 4px #7BD8B8!important}
html body .app-session .app-answer[data-etat=fausse]>span:first-child{background:#E98080!important;box-shadow:0 0 0 4px #E98080!important}
.app-session .app-answer[data-etat=bonne]>span:first-child::before{content:'';position:absolute;left:4.5px;top:1px;width:4px;height:8.5px;border:solid #12182F;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.app-session .app-answer[data-etat=fausse]>span:first-child::before,.app-session .app-answer[data-etat=fausse]>span:first-child::after{content:'';position:absolute;left:0;top:5.75px;width:14px;height:2.5px;border-radius:2px;background:#12182F;transform:rotate(45deg)}
.app-session .app-answer[data-etat=fausse]>span:first-child::after{transform:rotate(-45deg)}
html body .app-session .app-session-feedback>div:last-child{font-size:15px!important;line-height:1.5!important}
/* 09/10/2026 · deuxième tour du carnet (choix de Kenan : « en or »), en calme : 12 px au lieu de 8, or doux à plat, pas de reflet. */
html .app-session .seance-barre .seance-piste,html .app-session .seance-barre .seance-piste-sections>span{height:12px!important}
html .app-session .seance-barre .seance-piste:not(.seance-piste-sections)>div,html .app-session .seance-barre .seance-piste-sections>span>span{background:#E6C063!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)!important}