/* Boutons de réponse des QCM : crème au repos, violet quand l'élève a cliqué (avant « Valider »),
   vert si bonne réponse, rouge sinon. Chargé en dernier : il prime sur les anciens styles. */
@media screen{
html body :is(button.opt,button.ch,.ch>button,button.tl){background:#fff6df!important;background-image:none!important;color:#14213d!important;border:3px solid #d8c388!important;box-shadow:0 5px 0 #d8c388!important;opacity:1!important;filter:none!important;transition:transform .08s,box-shadow .08s,background-color .15s}
html body :is(button.opt,button.ch,.ch>button,button.tl) *{color:inherit!important}
/* 1) cliqué mais pas encore validé : violet */
html body :is(button.opt,button.ch,.ch>button,button.tl):is(.sel,.on,.selected,.picked){background:linear-gradient(180deg,#8d80f5,#6c5ce7)!important;border-color:#4b3fc4!important;box-shadow:0 5px 0 #4b3fc4!important;color:#fff!important}
/* 2) bonne réponse : vert */
html body :is(button.opt,button.ch,.ch>button,button.tl):is(.ok,.good,.right){background:linear-gradient(180deg,#4ade80,#16a34a)!important;border-color:#0f6b30!important;box-shadow:0 5px 0 #0f6b30!important;color:#fff!important}
/* 3) mauvaise réponse : rouge */
html body :is(button.opt,button.ch,.ch>button,button.tl):is(.ko,.bad,.wrong){background:linear-gradient(180deg,#f87171,#dc2626)!important;border-color:#991b1b!important;box-shadow:0 5px 0 #991b1b!important;color:#fff!important}
html body :is(button.opt,button.ch,.ch>button,button.tl):is(.sel,.on,.selected,.picked,.ok,.good,.right,.ko,.bad,.wrong) *{color:#fff!important}
html body :is(button.opt,button.ch,.ch>button):is(.sel,.on,.selected,.picked,.ok,.good,.right,.ko,.bad,.wrong)>b{background:rgba(255,255,255,.28)!important;box-shadow:none!important;color:#fff!important}
/* bonne réponse oubliée (cases à cocher) : contour vert */
html body button.tl.miss{background:#fff6df!important;border-color:#16a34a!important;box-shadow:0 5px 0 #16a34a!important;color:#14213d!important}
html body button.tl.miss *{color:#14213d!important}
html body :is(button.opt,button.ch,.ch>button,button.tl):is(.dim){opacity:.8!important}
html body :is(button.opt,button.ch,.ch>button,button.tl):active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #d8c388!important}
}

/* Bouton « Valider » : l'élève choisit (violet), réfléchit, puis valide. */
.scm-va{display:block;width:100%;box-sizing:border-box;margin:14px 0 6px;padding:14px 16px;border:3px solid #0f6b30;border-radius:16px;background:linear-gradient(180deg,#4ade80,#16a34a);color:#fff;font-family:inherit;font-weight:800;font-size:1.15rem;line-height:1.2;letter-spacing:.01em;box-shadow:0 5px 0 #0f6b30;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.25);transition:transform .08s,box-shadow .08s}
.scm-va:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #0f6b30}
.scm-va:disabled{background:#efe9d6;border-color:#d8c388;box-shadow:0 5px 0 #d8c388;color:#9a8c5d;text-shadow:none;cursor:not-allowed}
.scm-va[hidden]{display:none}
@media print{.scm-va{display:none!important}}