/* Answer semantics are independent of the page palette. Layout stays in component files. */
html[data-theme] :is(.answer-button.is-correct,.exam-review-choices li.is-correct,.score-code-review-choices li.is-correct){background:var(--state-success-bg);border-color:var(--state-success-border);color:var(--state-success)}
html[data-theme] :is(.answer-button.is-wrong,.exam-review-choices li.is-wrong,.score-code-review-choices li.is-wrong){background:var(--state-danger-bg);border-color:var(--state-danger-border);color:var(--state-danger)}
html[data-theme] .answer-button.is-correct .answer-letter{background:var(--state-success-solid);color:var(--state-on-solid)}
html[data-theme] .answer-button.is-wrong .answer-letter{background:var(--state-danger-solid);color:var(--state-on-solid)}
.answer-feedback{background:var(--state-success-bg);border:1px solid var(--state-success-border);border-left-width:4px}
.answer-feedback.is-error{background:var(--state-danger-bg);border-color:var(--state-danger-border)}
.answer-feedback .feedback-explain{color:var(--theme-ink)}
.feedback-title,.exam-review-marker{color:var(--state-success)}
.is-error .feedback-title,.is-wrong .exam-review-marker{color:var(--state-danger)}
.status.done{background:var(--state-success-bg);color:var(--state-success)}