/* Status colours remain distinct after all light-theme overrides. */
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="training"] #screenLessons #quizCardContent #optionsContainer .option-item.correct,
html[data-theme="light"] #screenLessons #quizCardContent #optionsContainer .option-item.correct{background:#d2f8dd!important;border-color:#087b45!important;color:#07512f!important;box-shadow:inset 5px 0 #087b45,0 0 0 1px #087b45!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="training"] #screenLessons #quizCardContent #optionsContainer .option-item.wrong,
html[data-theme="light"] #screenLessons #quizCardContent #optionsContainer .option-item.wrong{background:#ffe0e5!important;border-color:#bf2347!important;color:#851b32!important;box-shadow:inset 5px 0 #bf2347,0 0 0 1px #bf2347!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent #optionsContainer .option-item.correct :is(.audio-neon-answer,.reading-text-answer){color:#07512f!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent #optionsContainer .option-item.wrong :is(.audio-neon-answer,.reading-text-answer){color:#851b32!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent #optionsContainer .option-item.correct::before{background:#087b45!important;color:#fff!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent #optionsContainer .option-item.wrong::before{background:#bf2347!important;color:#fff!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent #optionsContainer .option-item.correct :is(.audio-neon-letter,.reading-text-letter){background:#087b45!important;color:#fff!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent #optionsContainer .option-item.wrong :is(.audio-neon-letter,.reading-text-letter){background:#bf2347!important;color:#fff!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent.words-no-audio #optionsContainer .option-item.correct::before{content:"✓"!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons #quizCardContent.words-no-audio #optionsContainer .option-item.wrong::before{content:"×"!important}
html[data-mobile][data-mtheme="light"] #pathLessonOverlay #pathLessonBody .path-option.correct{background:#d2f8dd!important;color:#07512f!important;border-color:#087b45!important;box-shadow:inset 5px 0 #087b45!important}
html[data-mobile][data-mtheme="light"] #pathLessonOverlay #pathLessonBody .path-option.wrong{background:#ffe0e5!important;color:#851b32!important;border-color:#bf2347!important;box-shadow:inset 5px 0 #bf2347!important}
html[data-mtheme="light"] #screenLessons .image-option-card.correct{background:#d2f8dd!important;border:3px solid #087b45!important}
html[data-mtheme="light"] #screenLessons .image-option-card.wrong{background:#ffe0e5!important;border:3px solid #bf2347!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons .reading-order-entry input.correct{background:#d2f8dd!important;border-color:#087b45!important;color:#07512f!important}
html[data-mobile][data-mtheme="light"] #mRoot #screenLessons .reading-order-entry input.wrong{background:#ffe0e5!important;border-color:#bf2347!important;color:#851b32!important}
/* The artwork already contains the complete icon. Preserve its layout space. */
html[data-mobile] #mRoot[data-mpage="knowledge"] .m-kb-item>.m-dot{visibility:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;filter:none!important}
/* Light artwork has empty icon tiles; show one symbol inside each tile. */
html[data-mobile][data-mtheme="light"] #mRoot[id][data-mpage="knowledge"] .m-kb-item>.m-dot{visibility:visible!important;color:#fff!important;font-size:30px!important;font-weight:800!important;text-shadow:0 2px 4px #087b4566!important}
html[data-mobile][data-mtheme="dark"] #mRoot[id][data-mpage="knowledge"]{background:#0b2346!important}
html[data-mobile][data-mtheme="dark"] #mRoot[id][data-mpage="knowledge"] .m-header{background:#0b2346!important;box-shadow:none!important}