/* Le quiz du jour (src/barre-quiz.mjs, assets/quiz-barre.js) : le panneau posé sous le bandeau. Couleurs et polices
   propres : le même panneau vit sous la barre de la une, des éditions et des pages du gabarit, qui n'ont pas les mêmes
   feuilles. Le bandeau et les couleurs communes : assets/quiz-bandeau.css, écrite dans la tête de chaque page. */

.lc-quiz{position:fixed;z-index:95;right:16px;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 110px);max-height:calc(100svh - 110px);overflow:auto;padding:20px 24px 24px;border-radius:20px;background:var(--q-carte);color:var(--q-encre);box-shadow:0 0 0 1px var(--q-filet),0 30px 70px -20px rgba(13,34,65,.55);font-family:Spectral,Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased;animation:lc-quiz-descend .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes lc-quiz-descend{from{opacity:0;transform:translateY(-10px)}}
.lc-quiz button{font:inherit;cursor:pointer}
.lc-quiz :focus-visible{outline:2px solid var(--q-rouge);outline-offset:2px}
.lc-quiz-tete{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.lc-quiz-titre{flex:1;margin:0;font:600 12.5px/1.2 Spectral,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--q-rouge)}
.lc-quiz-x{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--q-gris);font:400 22px/1 Spectral,Georgia,serif!important}
.lc-quiz-x:hover{background:rgba(13,34,65,.07);color:var(--q-nuit)}

/* Le jeu (assets/sections/quiz-jour.js) */
.lc-quiz .lc-quiz-jeu p{margin:0}
.lc-quiz .lc-quiz-jeu .qj-etape{font:600 12px/1.3 Spectral,Georgia,serif;letter-spacing:.1em;text-transform:uppercase;color:var(--q-gris)}
.lc-quiz .lc-quiz-jeu .qj-question{margin:8px 0 16px;font:400 21px/1.3 Spectral,Georgia,serif;color:var(--q-nuit);text-wrap:balance}
.lc-quiz .lc-quiz-jeu .qj-choix{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lc-quiz .lc-quiz-jeu .qj-choix button{padding:12px 14px;border:0;border-radius:12px;background:var(--q-papier);box-shadow:inset 0 0 0 1px var(--q-filet);color:var(--q-encre);text-align:left;font:400 16px/1.3 Spectral,Georgia,serif;transition:box-shadow .2s,background .2s}
.lc-quiz .lc-quiz-jeu .qj-choix button:hover{box-shadow:inset 0 0 0 1.5px var(--q-nuit)}
.lc-quiz .lc-quiz-jeu .qj-score{font:400 18px/1.4 Spectral,Georgia,serif;color:var(--q-nuit)}
.lc-quiz .lc-quiz-jeu .qj-score b{font:400 44px/1 Spectral,Georgia,serif;letter-spacing:-.02em;margin-right:8px}
.lc-quiz .lc-quiz-jeu .qj-corrige{display:grid;gap:6px;margin:14px 0;padding:0;list-style:none}
.lc-quiz .lc-quiz-jeu .qj-corrige li{display:grid;gap:2px;padding:9px 12px;border-radius:10px;background:#f7dedc;font-size:15px;line-height:1.35}
.lc-quiz .lc-quiz-jeu .qj-corrige li.qj-juste{background:#dfeadf}
.lc-quiz .lc-quiz-jeu .qj-corrige li::before{content:none}
.lc-quiz .lc-quiz-jeu .qj-corrige b{font-weight:600;color:var(--q-nuit)}
.lc-quiz .lc-quiz-jeu .qj-bilan,.lc-quiz .lc-quiz-jeu .qj-fin,.lc-quiz .lc-quiz-jeu .cp-note{font:400 17px/1.5 Spectral,Georgia,serif;color:var(--q-encre)}
.lc-quiz .lc-quiz-jeu .qj-bilan{margin:6px 0 12px}
.lc-quiz .lc-quiz-jeu .qj-lien,.lc-quiz .lc-quiz-jeu .cp-lien{color:var(--q-nuit);font-weight:600;text-decoration:underline;text-decoration-color:var(--q-rouge);text-underline-offset:3px}
.lc-quiz .lc-quiz-jeu .cp-lien{display:inline-block;margin:4px 18px 0 0;text-decoration:none;border-bottom:1.5px solid var(--q-rouge)}

@media (max-width:640px){
  .lc-quiz{left:8px;right:8px;width:auto;padding:16px 16px 18px}
  .lc-quiz .lc-quiz-jeu .qj-question{font-size:19px}
  .lc-quiz .lc-quiz-jeu .qj-choix{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.lc-quiz{animation:none}}