/* Selection must win over the shared cream card surface, before grading. */
html[data-design] #modal :is(.option,.pairCard,.workshopPairs button,.workshopAnswers button,.characterChoice,.walkingChoices button,.miniChoice,.storyOptions button,.quizChoice):is(.selected,[aria-pressed="true"],[data-answer-selected="true"]):not(.correct):not(.wrong):not(.isCorrect):not(.isWrong):not(.miniCorrect):not(.miniWrong):not(.paired){background:color-mix(in srgb,var(--lesson-accent,#64e0b7) 55%,white)!important;color:#163c34!important;border-color:var(--lesson-accent,#64e0b7)!important;box-shadow:inset 0 0 0 2px var(--lesson-accent,#64e0b7),0 3px 0 #00000020!important;opacity:1!important}
html[data-design] #modal .option:is(.selected,[aria-pressed="true"],[data-answer-selected="true"]):not(.correct):not(.wrong) :is(.choiceContent,.thai,.reading,small,.foundationChoiceReading,.foundationChoiceScript){color:#163c34!important;-webkit-text-fill-color:#163c34}
html[data-design] #modal .option:is(.selected,[aria-pressed="true"],[data-answer-selected="true"]) .choiceNumber{background:#1c6355!important;color:#effff7!important;box-shadow:0 0 0 2px #effff7;font-weight:800}
/* Dialogue choices grade immediately; retain the visible result on the chosen card. */
html[data-design] #modal .workshopAnswers button.correct{background:#d3f7dd!important;border-color:#60d7a3!important;color:#184d36!important}
html[data-design] #modal .workshopAnswers button.wrong{background:#ffdfd3!important;border-color:#e49d80!important;color:#6e312b!important}
html[data-design] #modal .workshopAnswers button:is(.correct,.wrong) *{color:inherit!important}