/* Course paper skins are isolated from other themes and learning screens. */
.notebook-brand-row,.notebook-course-title,.notebook-notes { display: none; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .notebook-notes { display: grid; gap: 8px; margin: 16px 0 20px; padding-top: 14px; border-top: 1px solid var(--native-line); font-size: 16px; color: var(--native-muted); }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .notebook-notes textarea { width: 100%; min-height: 68px !important; height: 68px; line-height: 32px !important; padding: 0 !important; background-image: repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#b9ad9580 31px,#b9ad9580 32px) !important; resize: vertical; }
html body.student-page.museum-refined #reviewPanel.output-practice-active { padding: 0 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen {
  --native-fg: #292720; --native-muted: #716753; --native-accent: #8d3330;
  --native-line: #b9ad95; --fg: #292720; --muted: #716753; --accent: #8d3330;
  --line: #b9ad95; --ink: #f5f1e7; --notebook-left: 12%;
  background: #f5f1e7 url('/notebook-china-20260914.webp') left top / 100% 100% no-repeat !important;
  color: var(--native-fg) !important; color-scheme: light;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  letter-spacing: 0 !important;
  gap: 0 !important;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen[data-notebook="foreign"] {
  --native-fg: #202c38; --native-muted: #616975; --native-line: #b7c5ce;
  --fg: #202c38; --muted: #616975; --line: #b7c5ce; --ink: #f5f5f3; --notebook-left: 19%;
  background-image: url('/notebook-foreign-20260914.webp') !important;
  background-color: #f5f5f3 !important;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(.output-practice-header,.output-practice-quiz) {
  background: transparent !important; border: 0 !important;
  padding: 22px 6% 12px var(--notebook-left) !important;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen .notebook-brand-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 0 0 8px; color: var(--native-muted); font-size: 14px;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen .notebook-brand-row button {
  display: inline-flex; align-items: center; gap: 8px; padding: 0 !important;
  min-height: 44px; font-size: 17px !important;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen .notebook-brand-row img { width: 21px; height: 21px; filter: brightness(.35); }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .notebook-course-title {
  display: block; margin: 0 0 8px; font: 500 36px/1.35 var(--font-display); color: var(--native-fg); letter-spacing: 0;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen[data-notebook="foreign"] .notebook-course-title { font-size: 25px; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-header small { color: var(--native-muted) !important; font-size: 14px !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-header { gap: 3px !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-header h3 { display: none; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-meta > span { display: none; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-meta { justify-content: flex-end !important; margin-top: -24px !important; min-height: 30px; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-header small { padding-right: 70px; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-top-actions:not(:has(.output-practice-previous)) { display: none !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-quiz { padding-top: 4px !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-header h3 { font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: 0 !important; margin: 6px 0 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-top-actions { margin: 0 !important; min-height: 0 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-top-actions .output-practice-back { display: none !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-meta { border-bottom: 1px solid var(--native-line); padding-bottom: 12px; font-size: 14px !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-meta strong { color: #8d3330 !important; font-size: 19px !important; font-weight: 400 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-stats { font-size: 12px !important; color: var(--native-muted) !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(.output-practice-stats,.output-practice-progress) { display: none !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .output-practice-progress { height: 1px !important; background: transparent !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-question-row {
  padding: 8px 0 16px !important; min-width: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-question-row > strong { font: 500 20px/1.8 var(--font-display) !important; color: var(--native-fg) !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(legend,.subjective-quiz-meta) { font-size: 14px !important; color: var(--native-muted) !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-list { gap: 8px !important; margin-top: 18px !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option {
  position: relative; display: flex !important; align-items: flex-start !important; gap: 12px !important;
  min-height: 64px !important; padding: 12px 0 !important; background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--native-fg) !important;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option em {
  flex: 0 0 30px; width: 30px !important; height: 32px !important; position: relative;
  border: 0 !important; background: transparent !important; color: var(--native-muted) !important;
  font: 400 25px/32px Georgia,serif !important; border-radius: 0 !important;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option b { font: 400 18px/1.7 var(--font-display) !important; color: inherit !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option :is(em,b) { pointer-events: none; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option:has(input:checked) { color: #8d3330 !important; background: transparent !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option:has(input:checked) em::after {
  content: ''; position: absolute; width: 26px; height: 26px; left: -5px; top: 20px;
  background: #8d3330; mask: url('/assets/museum/r210/icons/check.svg') center / contain no-repeat;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen[data-notebook="foreign"] .quiz-choice-option:has(input:checked) em::after {
  width: 53px; height: 49px; left: -12px; top: -8px; transform: rotate(-20deg);
  mask: none; background: url('/notebook-circle-20260914.webp') center / 100% 100% no-repeat; mix-blend-mode: multiply;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(input:not([type="radio"]):not([type="checkbox"]),textarea,select) {
  background-color: transparent !important; color: var(--native-fg) !important; border: 0 !important;
  border-bottom: 1px solid var(--native-line) !important; border-radius: 0 !important; box-shadow: none !important; caret-color: var(--native-fg);
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-question-row textarea {
  background-image: repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#b7b1a580 31px,#b7b1a580 32px) !important;
  background-origin: content-box !important; line-height: 32px !important; padding: 8px 0 !important; min-height: 192px; resize: vertical;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(.quiz-fill-inline > span,.quiz-fill-blank input) { color: var(--native-fg) !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen button {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  color: var(--native-muted) !important; letter-spacing: 0 !important; min-height: 44px;
}
html body.student-page.museum-refined #reviewPanel .output-practice-screen button.primary { color: #8d3330 !important; font-size: 19px !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen button:disabled { opacity: .45 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .module-quiz-pager { border-top: 1px solid var(--native-line) !important; padding-top: 14px !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .chapter-paper-answer-panel { padding: 4px 0 12px !important; border: 0 !important; background: transparent !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .chapter-paper-answer-card > summary { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--native-line) !important; border-radius: 0 !important; padding: 10px 0 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .chapter-paper-answer-card { border: 0 !important; background: transparent !important; box-shadow: none !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen [data-quiz-ignore] { position: absolute !important; right: 0 !important; top: auto !important; bottom: 22px !important; transform: none !important; font-size: 11px !important; min-height: 24px; margin: 0 !important; padding: 0 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-question-row > strong { clear: both; display: block; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .chapter-paper-answer-card button { min-width: 40px; border-bottom: 1px solid var(--native-line) !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .chapter-paper-answer-card button.answered { color: #8d3330 !important; font-weight: 700; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(.quiz-choice-option.answer-correct,.quiz-fill-blank.correct input,.chapter-paper-answer-card button.correct) { color: #315b3d !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(.quiz-choice-option.answer-wrong,.quiz-fill-blank.wrong input,.chapter-paper-answer-card button.wrong) { color: #913c39 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(.quiz-feedback-card,.quiz-feedback-item,.quiz-relearning-panel,.module-quiz-result) { background: transparent !important; color: var(--native-fg) !important; border-radius: 0 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-feedback-card.wrong .quiz-feedback-summary :is(strong,span) { color: #913c39 !important; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen :is(input,textarea,button,summary):focus-visible { outline: 2px solid #8d3330 !important; outline-offset: 3px; }
html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option:focus-within { outline: 1px dashed #8d3330; outline-offset: 4px; }
@media (min-width: 761px) {
  html body.student-page.museum-refined #reviewPanel .output-practice-screen { max-width: 850px !important; margin: 0 auto !important; }
  html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option { min-height: 76px !important; }
}
@media (max-width: 360px) {
  html body.student-page.museum-refined #reviewPanel .output-practice-screen .notebook-course-title { font-size: 30px; }
  html body.student-page.museum-refined #reviewPanel .output-practice-screen .quiz-choice-option b { font-size: 17px !important; }
}