/* Component overrides: keep form-wide styles out of the lesson player. */
.learning-page .brand>.learning-wordmark{display:inline-block;direction:ltr;unicode-bidi:isolate;font-size:26px;font-weight:800;letter-spacing:-.7px;line-height:1.2;white-space:nowrap}
.learning-wordmark>span{color:var(--green)}
.lesson-stage.quiz .quiz-option input[type=radio]{appearance:auto;display:inline-block;box-sizing:border-box;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;padding:0;margin:2px 0;flex:0 0 20px;box-shadow:none;border:0;border-radius:50%;align-self:flex-start;accent-color:var(--blue)}
.lesson-stage.quiz .quiz-option>span{flex:1;min-width:0;overflow-wrap:anywhere;text-align:start}
.lesson-stage.quiz .quiz-option{align-items:flex-start;width:100%}
.quiz-options{width:100%}
.lesson-player #quiz-form .player-footer .button{width:auto;max-width:100%;margin:0;flex:0 1 auto}
.lesson-player #quiz-form .player-footer>span{flex:1;min-width:70px}
.learning-wrap .lesson-subject-bar select{width:auto;flex:0 1 250px;min-width:0;max-width:100%}
.lesson-subject-bar{flex-wrap:wrap}
.lesson-subject-bar label{flex:0 0 auto}
.lesson-load-error{border-inline-start:4px solid #b54732}
.lesson-load-error p{white-space:pre-line}
.lesson-sample-card{border-top-color:var(--blue)}
.lesson-check input[type=checkbox]{width:18px;height:18px;padding:0;flex:0 0 18px}
.report-summary{display:flex;gap:12px;flex-wrap:wrap}
.report-summary .lesson-badge{border-radius:6px;padding:8px 12px}
.lesson-report-empty{padding:22px;background:var(--light);border-radius:8px}
@media(max-width:700px){.learning-page .brand>.learning-wordmark{font-size:23px}.lesson-subject-bar{flex-direction:row;align-items:center}.learning-wrap .lesson-subject-bar select{flex:1}.lesson-stage.quiz .quiz-option{padding:12px;gap:10px}.lesson-player #quiz-form .player-footer .button{padding:9px 10px;font-size:15px}}