/* Shared result cards: readable surfaces and status cues in each theme. */
.exercise-page [data-exercise-screen="results"] .exercise-mastery-item {
  background:#f4faf7; color:#173e37; border:1px solid #90b7aa;
}
.exercise-page [data-exercise-screen="results"] .exercise-mastery-item > :is(span,strong,small) {color:inherit;}
.exercise-page [data-exercise-screen="results"] .exercise-mastery-bar {background:#c6d7d0;}
.exercise-page [data-exercise-screen="results"] .exercise-summary-item {border:1px solid #90b7aa;}
.exercise-page [data-exercise-screen="results"] .exercise-summary-item.is-correct {background:#e5f4ed;color:#173e37;border-color:#72aa95;}
.exercise-page [data-exercise-screen="results"] .exercise-summary-item.is-wrong {background:#fce9e4;color:#672e29;border-color:#cc958a;}
.exercise-page [data-exercise-screen="results"] .exercise-summary-item :is(p,strong) {color:inherit;}
.exercise-page [data-exercise-screen="results"] .exercise-summary-item > span {background:#d0e6dc;color:#173e37;}
.exercise-page [data-exercise-screen="results"] .exercise-summary-item.is-wrong > span {background:#f3d0c8;color:#672e29;}
html[data-theme="dark"] .exercise-page [data-exercise-screen="results"] .exercise-mastery-item {background:#263f4d;color:#edf5f8;border-color:#72919e;}
html[data-theme="dark"] .exercise-page [data-exercise-screen="results"] .exercise-mastery-bar {background:#142b36;}
html[data-theme="dark"] .exercise-page [data-exercise-screen="results"] .exercise-summary-item.is-correct {background:#244c40;color:#edf5f8;border-color:#82cbb4;}
html[data-theme="dark"] .exercise-page [data-exercise-screen="results"] .exercise-summary-item.is-wrong {background:#592f34;color:#fff1ef;border-color:#eca299;}
html[data-theme="dark"] .exercise-page [data-exercise-screen="results"] .exercise-summary-item > span {background:#335d51;color:#edf5f8;}
html[data-theme="dark"] .exercise-page [data-exercise-screen="results"] .exercise-summary-item.is-wrong > span {background:#79454a;color:#fff1ef;}
.exercise-page [data-exercise-screen="results"] .exercise-summary-item > div {min-width:0;overflow-wrap:anywhere;}

/* The hint is a reading panel, so its text and surface change together. */
.exercise-page[data-exercise-page] .exercise-hint-panel {
  background:#f5f0fc; color:#342947; border-left-color:#705091;
}
.exercise-page[data-exercise-page] .exercise-hint-panel :is(strong,p) {color:inherit;}
html[data-theme="dark"] .exercise-page[data-exercise-page] .exercise-hint-panel {
  background:#314152; color:#edf5f8; border-left-color:#c7b1eb;
}
html[data-theme="dark"] .exercise-page[data-exercise-page] .exercise-answer-actions :is(.button--secondary,.exercise-reveal) {
  background:#304956; color:#edf3f5; border-color:#839daa;
}
html[data-theme="dark"] .exercise-page[data-exercise-page] .exercise-answer-actions :is(.button--secondary,.exercise-reveal):not(:disabled):hover {
  background:#3b5967; border-color:#b6cdd5;
}
html[data-theme="dark"] .exercise-page[data-exercise-page] .exercise-answer-actions :is(.button--secondary,.exercise-reveal):disabled {
  background:#263c48; color:#c7d5dc; border-color:#617988; opacity:1;
}