/* Approved museum boards 02–04: native practice, account and annotation surfaces.
   Presentation only. Original IDs, hidden states and canvas geometry stay intact. */

/* r213: keep the native knowledge-detail surface in the selected museum theme.
   Do not override visual/text sizing, image fit, module visibility or authored table marks. */
body.student-page.museum-refined[data-mobile-target="knowledgeStudyPanel"][data-knowledge-view="detail"] #knowledgeStudyPanel {
  background: transparent !important;
  color: var(--fg) !important;
  box-shadow: none !important;
}
body.student-page.museum-refined[data-knowledge-view="detail"] #knowledgeStudyPanel::before { display: none !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #knowledgeStudyPanel :is(.student-knowledge-layout, .student-knowledge-detail, .knowledge-split-learning, .knowledge-visual-pane, .knowledge-text-pane, .knowledge-visual-list, .student-module-list, .student-module-group-section, .student-module-group-head, .student-module-card, .student-module-head, .knowledge-module-content, .knowledge-pane-empty, .knowledge-table-version-window, .knowledge-table-version-panel, .tablet-knowledge-header) {
  background: transparent !important;
  border-color: var(--line) !important;
  color: var(--fg) !important;
  box-shadow: none !important;
}
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.knowledge-visual-pane, .student-module-card, .knowledge-table-version-window) { border-radius: 3px !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.student-gallery-module, .student-gallery-stage, .student-gallery-image, .student-gallery-grid-card, .student-gallery-meta, .memory-palace-viewer, .memory-palace-stage, .student-module-image) {
  background: transparent !important;
  border-color: var(--line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  color: var(--fg) !important;
}
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.student-gallery-grid-card > span, .student-gallery-meta > strong, .student-module-image > span, .memory-palace-viewer > p, .student-module-head > strong, .student-module-group-head > span, .tablet-knowledge-title > h2) {
  background: transparent !important;
  color: var(--fg) !important;
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
}
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.knowledge-pane-empty, .knowledge-pane-empty > span, .student-module-group-head > em, .tablet-knowledge-title > span, .knowledge-completion-actions > div > span) { color: var(--muted) !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.knowledge-completion-actions, .knowledge-neighbor-card) {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  color: var(--fg) !important;
}
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.knowledge-completion-actions strong, .knowledge-neighbor-card > strong) { color: var(--fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail .knowledge-neighbor-card > span { color: var(--muted) !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.knowledge-completion-actions button, .tablet-knowledge-back, .knowledge-table-version-buttons button, .student-gallery-module > .compact-link) {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
  color: var(--accent) !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
}
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(.knowledge-completion-actions button.primary, .knowledge-completion-actions button.active, .knowledge-table-version-buttons button.active) { border-color: var(--accent) !important; background: #bba06d14 !important; color: var(--fg) !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail .knowledge-table-version-buttons { background: transparent !important; border-color: var(--line) !important; border-radius: 3px !important; box-shadow: none !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail .knowledge-neighbor-card:disabled { background: transparent !important; border-color: var(--line) !important; color: var(--muted) !important; opacity: .45 !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail :is(button, [tabindex]):focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 3px; }
body.student-page.museum-refined[data-knowledge-view="detail"] #mobileStudyNav.knowledge-module-dock { background: var(--ink) !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; box-shadow: none !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #mobileStudyNav.knowledge-module-dock button { color: var(--muted) !important; background: transparent !important; box-shadow: none !important; font-family: var(--font-body) !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #mobileStudyNav.knowledge-module-dock button:is(.active, .playing) { color: var(--accent) !important; }
body.student-page.museum-refined[data-knowledge-view="detail"] #mobileStudyNav.knowledge-module-dock button.active::after { background: var(--accent) !important; box-shadow: none !important; }

/* The lesson's own flashcard module shares the archival card, not the old cream shell. */
body.student-page.museum-refined #studentKnowledgeDetail .student-flashcard-shell { background: transparent !important; border-color: var(--line) !important; border-radius: 3px !important; box-shadow: none !important; }
body.student-page.museum-refined #studentKnowledgeDetail :is(.student-flashcard-summary strong, .student-flashcard-nav > span) { color: var(--fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined #studentKnowledgeDetail :is(.student-flashcard-summary span, .student-flashcard-instruction, .student-flashcard-empty, .student-flashcard-complete, .student-flashcard-complete p) { color: var(--muted) !important; }
body.student-page.museum-refined #studentKnowledgeDetail :is(.student-flashcard-filter, .student-flashcard-nav button, .student-flashcard-ratings button) { background: transparent !important; border: 1px solid var(--line) !important; border-radius: 3px !important; color: var(--accent) !important; box-shadow: none !important; font-weight: 400 !important; }
body.student-page.museum-refined #studentKnowledgeDetail :is(.student-flashcard-filter.active, .student-flashcard-ratings button.good) { border-color: var(--accent) !important; background: #bba06d14 !important; color: var(--fg) !important; }
body.student-page.museum-refined #studentKnowledgeDetail .student-flashcard-stage { border-radius: 3px !important; }
body.student-page.museum-refined #studentKnowledgeDetail .student-flashcard-face {
  background: #e7dcc4 url('/assets/museum/r210/card-paper.png') center / cover !important;
  border: 1px solid #a991653d !important;
  border-radius: 3px !important;
  box-shadow: inset 0 0 0 5px #e7dcc480, inset 0 0 0 6px #a991653d !important;
}
body.student-page.museum-refined #studentKnowledgeDetail .student-flashcard-face strong { color: #302c24 !important; font-family: var(--font-display) !important; font-weight: 400 !important; }
body.student-page.museum-refined #studentKnowledgeDetail .student-flashcard-face :is(small, em) { color: #71654e !important; font-family: var(--font-body) !important; font-weight: 400 !important; }
body.student-page.museum-refined #studentKnowledgeDetail .student-flashcard-ratings :is(span, small) { color: inherit !important; font-weight: 400 !important; }

@media (max-width: 699px) {
  /* Keep the real carousel image as the primary artwork. Use the r212 aspect
     controller's height so landscape/portrait images remain complete on change. */
  body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail .knowledge-visual-pane .student-gallery-module:not(.gallery-grid-mode) {
    width: 100% !important;
    min-width: 0 !important;
    gap: 0 !important;
  }
  body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail .knowledge-visual-pane .student-gallery-module:not(.gallery-grid-mode) .student-gallery-stage {
    width: 100% !important;
    height: var(--knowledge-visual-height, min(68dvh, 520px)) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail .knowledge-visual-pane .student-gallery-module:not(.gallery-grid-mode) .student-gallery-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  body.student-page.museum-refined[data-knowledge-view="detail"] #studentKnowledgeDetail .knowledge-visual-pane .student-gallery-module:not(.gallery-grid-mode) .student-gallery-image img[data-gallery-main-image] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 3px !important;
  }
  /* Shared compact planner: do not override the existing hidden/detail states. */
  body.student-page.museum-refined #studentAssistantFab.student-planner-fab {
    position: fixed !important;
    left: auto !important;
    right: 18px !important;
    bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 3px !important;
    background: var(--ink) !important;
    color: var(--accent) !important;
    box-shadow: none !important;
  }
  body.student-page.museum-refined #studentAssistantFab > strong { display: none !important; }
  body.student-page.museum-refined #studentAssistantFab .student-planner-fab-icon {
    width: 20px; height: 20px; border: 0; border-radius: 0; font-size: 0;
    background: var(--accent);
    -webkit-mask: url('/assets/museum/r210/icons/clipboard-list.svg') center / contain no-repeat;
    mask: url('/assets/museum/r210/icons/clipboard-list.svg') center / contain no-repeat;
  }
  body.student-page.museum-refined #studentAssistantFab .student-assistant-dot { top: 0; right: 0; min-width: 14px; height: 14px; padding: 0 2px; border: 0; background: var(--accent); color: var(--ink); font-size: 9px; }
  /* The planner owns a 44px lane plus 8px clearance while profile rows scroll.
     Move both helper copy and chevrons out of that lane; retain their full text. */
  body.student-page.museum-refined[data-mobile-target="accountPanel"] #accountPanel { padding-bottom: calc(144px + env(safe-area-inset-bottom, 0px)) !important; }
  body.student-page.museum-refined[data-mobile-target="accountPanel"] #accountPanel .account-action-list > button { padding-right: 70px !important; }
  body.student-page.museum-refined[data-mobile-target="accountPanel"] #accountPanel .account-action-list > button::after { right: 52px; }
}

body.student-page.museum-refined #accountPanel #profileAvatarMessage:empty { display: none !important; }

body.student-page.museum-refined :is(#reviewPanel, #accountPanel, #imageViewer) {
  --native-muted: #aaa28f;
  --native-line: var(--line, rgba(181, 154, 101, .24));
  --native-accent: var(--accent, #b59a65);
  --native-fg: var(--fg, #e7e1d4);
  color: var(--native-fg) !important;
  font-family: var(--font-body, "Songti SC", serif) !important;
}

body.student-page.museum-refined :is(#reviewPanel, #accountPanel, #imageViewer) :is(button, input, select, textarea) {
  font-family: var(--font-body, "Songti SC", serif) !important;
}

body.student-page.museum-refined :is(#reviewPanel, #accountPanel, #imageViewer) button:focus-visible,
body.student-page.museum-refined :is(#reviewPanel, #accountPanel) :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--native-accent) !important;
  outline-offset: 3px;
}

/* The profile is a collection record, with statistics divided by rules. */
body.student-page.museum-refined #accountPanel {
  width: min(100%, 760px) !important;
  margin-inline: auto !important;
  padding: 30px 26px calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  gap: 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ink, #171816) !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #accountPanel > .panel-heading {
  margin: 0 !important;
  padding: 0 0 6px !important;
  border: 0 !important;
  align-items: start;
  background: transparent !important;
}

body.student-page.museum-refined #accountPanel .panel-heading h2 {
  color: var(--native-fg) !important;
  font-family: var(--font-display, "Songti SC", serif) !important;
  font-size: clamp(30px, 5vw, 40px) !important;
  font-weight: 400 !important;
  letter-spacing: .1em;
  line-height: 1.3;
}

body.student-page.museum-refined #accountPanel :is(.panel-heading p, .profile-summary-copy span, .profile-summary-copy small) {
  color: var(--native-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

body.student-page.museum-refined #accountPanel .profile-summary-card {
  grid-template-columns: 74px minmax(0, 1fr) auto !important;
  gap: 20px !important;
  padding: 3px 0 22px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--native-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #accountPanel :is(.profile-avatar, .profile-avatar-button, .profile-avatar-image) {
  width: 74px !important;
  height: 74px !important;
  border: 1px solid var(--native-accent) !important;
  border-radius: 50% !important;
  background: #25261f !important;
  color: var(--native-accent) !important;
  box-shadow: none !important;
  font-family: var(--font-display, "Songti SC", serif) !important;
  font-size: 30px !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #accountPanel .profile-avatar-button :is(.profile-avatar, .profile-avatar-image) {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  object-fit: cover;
}

body.student-page.museum-refined #accountPanel .profile-summary-copy strong {
  color: var(--native-fg) !important;
  font-family: var(--font-display, "Songti SC", serif) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: .08em;
}

body.student-page.museum-refined #accountPanel #profileStatus {
  align-self: start;
  border: 1px solid var(--native-line) !important;
  border-radius: 3px !important;
  padding: 4px 7px !important;
  color: var(--native-muted) !important;
  background: transparent !important;
  font-size: 11px !important;
  font-style: normal;
  font-weight: 400 !important;
}

body.student-page.museum-refined #accountPanel .account-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: -12px 0 0 !important;
}

body.student-page.museum-refined #accountPanel .account-metric {
  min-height: 88px !important;
  padding: 14px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center;
}

body.student-page.museum-refined #accountPanel .account-metric:nth-child(odd) { border-right: 1px solid var(--native-line) !important; }
body.student-page.museum-refined #accountPanel .account-metric:nth-child(-n + 2) { border-bottom: 1px solid var(--native-line) !important; }

body.student-page.museum-refined #accountPanel .account-metric strong {
  color: var(--native-fg) !important;
  font-family: var(--font-display, "Songti SC", serif) !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.3;
}

body.student-page.museum-refined #accountPanel .account-metric span {
  color: var(--native-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .06em;
}

body.student-page.museum-refined #accountPanel .account-action-list {
  border: 0 !important;
  border-top: 1px solid var(--native-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #accountPanel .account-action-list > button {
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  text-align: left !important;
  min-height: 60px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--native-line) !important;
  border-radius: 0 !important;
  padding: 13px 24px 13px 34px !important;
  color: var(--native-fg) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #accountPanel .account-action-list > button::before,
body.student-page.museum-refined #accountPanel .account-action-list > button::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: var(--native-accent);
  mask: var(--native-account-icon) center / contain no-repeat;
  -webkit-mask: var(--native-account-icon) center / contain no-repeat;
}

body.student-page.museum-refined #accountPanel .account-action-list > button::before { left: 0; }
body.student-page.museum-refined #accountPanel .account-action-list > button::after {
  right: 0;
  width: 14px;
  mask-image: url('/assets/museum/r210/icons/chevron-right.svg');
  -webkit-mask-image: url('/assets/museum/r210/icons/chevron-right.svg');
  opacity: .75;
}

body.student-page.museum-refined #accountPanel [data-account-open="calendar"] { --native-account-icon: url('/assets/museum/r210/icons/calendar.svg'); }
body.student-page.museum-refined #accountPanel [data-account-open="favorites"] { --native-account-icon: url('/assets/museum/r210/icons/bookmark.svg'); }
body.student-page.museum-refined #accountPanel [data-account-open="review"] { --native-account-icon: url('/assets/museum/r210/icons/brain.svg'); }
body.student-page.museum-refined #accountPanel [data-account-open="history"] { --native-account-icon: url('/assets/museum/r210/icons/clipboard-list.svg'); }
body.student-page.museum-refined #accountPanel [data-account-open="courses"] { --native-account-icon: url('/assets/museum/r210/icons/building-pavilion.svg'); }
body.student-page.museum-refined #accountPanel [data-account-open="report"] { --native-account-icon: url('/assets/museum/r210/icons/notebook.svg'); }
body.student-page.museum-refined #accountPanel [data-account-open="settings"] { --native-account-icon: url('/assets/museum/r210/icons/settings.svg'); }

body.student-page.museum-refined #accountPanel .account-action-list strong {
  color: var(--native-fg) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  letter-spacing: .06em;
}

body.student-page.museum-refined #accountPanel .account-action-list span {
  color: var(--native-muted) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #accountPanel :is(.account-subsection, .account-topic-row, .account-detail-list, .course-access-list, .course-access-card, .watch-history-item, .student-theme-settings, .student-table-mark-settings) {
  border-color: var(--native-line) !important;
  border-radius: 3px !important;
  background: transparent !important;
  color: var(--native-fg) !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #accountPanel :is(.account-subsection-head, .account-detail-list > div, .student-theme-setting-row) { border-color: var(--native-line) !important; }
body.student-page.museum-refined #accountPanel :is(.account-subsection, .account-detail-list, .course-access-list) :is(strong, h3) { color: var(--native-fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined #accountPanel :is(.account-subsection, .account-detail-list, .course-access-list) :is(span, small, p) { color: var(--native-muted) !important; }

body.student-page.museum-refined #accountPanel :is(.secondary, .primary, .danger-soft, .account-calendar-day, .student-theme-option) {
  border: 1px solid var(--native-line) !important;
  border-radius: 3px !important;
  color: var(--native-accent) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #accountPanel :is(.account-action-list > button.active, .account-calendar-day.active, .student-theme-option.active) {
  background: #28281f !important;
  color: var(--native-fg) !important;
}

body.student-page.museum-refined #accountPanel .account-calendar-day.today { border-color: var(--native-accent) !important; }
body.student-page.museum-refined #accountPanel :is(#profileStatus.danger, .danger-soft) { color: #c98e7b !important; }

/* The active chapter supplies the material and accent; blue belongs to its theme,
   not to every practice page. The answer-status colors remain independently legible. */
body.student-page.museum-refined #reviewPanel {
  --native-accent: var(--accent, #b59a65);
  --native-muted: var(--muted, #aaa28f);
  --native-line: var(--line, rgba(181, 154, 101, .24));
  --forest-ink: #e7e1d4;
  --forest-muted: var(--native-muted);
  --forest-orange-deep: var(--native-accent);
  --forest-brown: #d1d5d0;
  --forest-card: var(--ink, #171816);
  width: min(100%, 800px) !important;
  margin-inline: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ink, #171816) !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #reviewPanel.active-mobile-panel {
  padding: 24px 20px calc(100px + env(safe-area-inset-bottom, 0px)) !important;
}

body.student-page.museum-refined #reviewPanel :is(.output-mode-chooser, .output-directory-intro, .output-practice-screen, .output-practice-header, .output-practice-quiz, .student-module-quiz-form, .quiz-question-row) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--native-fg) !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #reviewPanel :is(.output-mode-chooser-head > strong, .output-directory-intro > strong, .output-practice-header h3) {
  color: var(--native-fg) !important;
  font-family: var(--font-display, "Songti SC", serif) !important;
  font-size: clamp(25px, 4.7vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: .06em !important;
}

body.student-page.museum-refined #reviewPanel :is(.output-mode-chooser-head > p, .output-directory-intro > p, .output-practice-meta, .output-practice-stats, .output-practice-header > small, .student-module-quiz-head, .quiz-question-row legend, .quiz-question-row > span, .module-quiz-result) {
  color: var(--native-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

body.student-page.museum-refined #reviewPanel .output-mode-choice {
  position: relative;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 5px !important;
  min-height: 118px !important;
  padding: 20px 24px 20px 48px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--native-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #reviewPanel .output-mode-choice > img[src*="deer-"] { display: none !important; }
body.student-page.museum-refined #reviewPanel .output-mode-choice.knowledge { --native-choice-icon: url('/assets/museum/r210/icons/brush.svg'); }
body.student-page.museum-refined #reviewPanel .output-mode-choice.chapter { --native-choice-icon: url('/assets/museum/r210/icons/clipboard-list.svg'); }
body.student-page.museum-refined #reviewPanel .output-mode-choice::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 28px;
  height: 32px;
  transform: translateY(-50%);
  background: var(--native-accent);
  mask: var(--native-choice-icon) center / contain no-repeat;
  -webkit-mask: var(--native-choice-icon) center / contain no-repeat;
}
body.student-page.museum-refined #reviewPanel .output-mode-choice::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
  height: 20px;
  transform: translateY(-50%);
  background: var(--native-accent);
  mask: url('/assets/museum/r210/icons/arrow-right.svg') center / contain no-repeat;
  -webkit-mask: url('/assets/museum/r210/icons/arrow-right.svg') center / contain no-repeat;
}
body.student-page.museum-refined #reviewPanel .output-mode-choice :is(em, strong, small) { grid-column: 1 / -1 !important; }
body.student-page.museum-refined #reviewPanel .output-mode-choice span { grid-column: 1 / -1 !important; justify-self: start !important; }
body.student-page.museum-refined #reviewPanel .output-mode-choice strong { color: var(--native-fg) !important; font-family: var(--font-display, "Songti SC", serif) !important; font-size: 23px !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel .output-mode-choice :is(em, small, span) { color: var(--native-muted) !important; font-weight: 400 !important; }

body.student-page.museum-refined #reviewPanel :is(.output-quiz-view-tabs, .output-course-directory, .output-chapter-directory, .output-topic-quiz-group, .output-quiz-row, .chapter-paper-answer-card, .chapter-paper-review-toolbar, .quiz-relearning-panel) {
  border: 1px solid var(--native-line) !important;
  border-radius: 4px !important;
  color: var(--native-fg) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory) > summary {
  border-color: var(--native-line) !important;
  background: transparent !important;
  color: var(--native-fg) !important;
}

body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory, .output-quiz-row) strong { color: var(--native-fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory, .output-quiz-row) :is(small, em, summary > span) { color: var(--native-muted) !important; font-weight: 400 !important; }

body.student-page.museum-refined #reviewPanel :is(.primary, .secondary, .output-continue-button, .quiz-feedback-next, .output-single-submit, .module-quiz-pager button, .output-quiz-view-tabs button, .chapter-paper-review-filter button) {
  min-height: 44px !important;
  border: 1px solid var(--native-line) !important;
  border-radius: 3px !important;
  color: var(--native-fg) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #reviewPanel :is(.output-section-back, .output-practice-back, .output-practice-previous, .quiz-ignore-button, .quiz-dont-know-button) {
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--native-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #reviewPanel :is(.output-quiz-view-tabs button.active, .chapter-paper-review-filter button.active) { background: #233240 !important; border-color: #8aa3b7 !important; }
body.student-page.museum-refined #reviewPanel .output-practice-header { padding-inline: 0 !important; }
body.student-page.museum-refined #reviewPanel .output-practice-quiz { padding-inline: 0 !important; }
body.student-page.museum-refined #reviewPanel .quiz-question-row { padding: 18px 0 !important; }
body.student-page.museum-refined #reviewPanel .quiz-question-row > strong { color: var(--native-fg) !important; font-family: var(--font-display, "Songti SC", serif) !important; font-size: 21px !important; font-weight: 400 !important; line-height: 1.75 !important; }
body.student-page.museum-refined #reviewPanel .quiz-choice-list { gap: 12px !important; margin-top: 18px !important; }

body.student-page.museum-refined #reviewPanel .quiz-choice-option {
  min-height: 58px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--native-line) !important;
  border-radius: 4px !important;
  color: var(--native-fg) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #reviewPanel .quiz-choice-option em {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid var(--native-line) !important;
  border-radius: 50% !important;
  color: var(--native-fg) !important;
  background: transparent !important;
  font-family: var(--font-display, "Songti SC", serif) !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #reviewPanel .quiz-choice-option b { color: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6; }
body.student-page.museum-refined #reviewPanel .quiz-choice-option:has(input:checked),
body.student-page.museum-refined #reviewPanel .quiz-choice-option.answer-correct { border-color: #a0b7c8 !important; color: #d0e0e9 !important; background: #1b2b39 !important; }
body.student-page.museum-refined #reviewPanel .quiz-choice-option.answer-wrong { border-color: #ac8177 !important; color: #e2beb2 !important; background: #30262a !important; }
body.student-page.museum-refined #reviewPanel .quiz-choice-option:is(.answer-correct, .answer-wrong) em { border-color: currentColor !important; color: inherit !important; background: transparent !important; }

body.student-page.museum-refined #reviewPanel :is(.quiz-feedback-card, .quiz-feedback-item, .quiz-feedback-summary, .quiz-feedback-explain, .quiz-feedback-blanks) {
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--native-fg) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #reviewPanel .quiz-feedback-card { border-top: 1px solid var(--native-line) !important; padding: 24px 0 8px !important; }
body.student-page.museum-refined #reviewPanel .quiz-feedback-summary strong { color: var(--native-accent) !important; font-family: var(--font-display, "Songti SC", serif) !important; font-size: 19px !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel .quiz-feedback-summary span { color: var(--native-muted) !important; }
body.student-page.museum-refined #reviewPanel .quiz-feedback-item { padding: 14px 0 !important; }
body.student-page.museum-refined #reviewPanel .quiz-feedback-item :is(p, span, strong) { color: var(--native-fg) !important; font-weight: 400 !important; line-height: 1.8 !important; }
body.student-page.museum-refined #reviewPanel .quiz-feedback-next { width: 100%; margin-top: 24px !important; }
body.student-page.museum-refined #reviewPanel :is(input:not([type="radio"]):not([type="checkbox"]), textarea, select) { border: 1px solid var(--native-line) !important; border-radius: 3px !important; background: #172530 !important; color: var(--native-fg) !important; box-shadow: none !important; }
body.student-page.museum-refined #reviewPanel input::placeholder, body.student-page.museum-refined #reviewPanel textarea::placeholder { color: #98a0a3 !important; }
body.student-page.museum-refined #reviewPanel .output-practice-progress { height: 2px !important; background: #35424a !important; }
body.student-page.museum-refined #reviewPanel .output-practice-progress > i { background: var(--native-accent) !important; }
body.student-page.museum-refined #reviewPanel .module-quiz-deer-track > b { display: none !important; }
body.student-page.museum-refined #reviewPanel button:disabled { opacity: .45 !important; }

/* Annotation remains the existing surface; only its surrounding chrome changes. */
body.student-page.museum-refined #imageViewer {
  --annotation-ivory: #171816;
  --annotation-ink: #e7e1d4;
  --annotation-muted: #aaa28f;
  --annotation-line: rgba(181, 154, 101, .3);
  --annotation-amber-soft: #302d22;
  background: var(--ink, #171816) !important;
}

body.student-page.museum-refined #imageViewer .image-viewer-toolbar {
  padding: max(12px, env(safe-area-inset-top, 0px)) 16px 12px !important;
  border-bottom: 1px solid var(--native-line) !important;
  background: var(--ink, #171816) !important;
  color: var(--native-fg) !important;
  text-shadow: none !important;
}

body.student-page.museum-refined #imageViewer :is(#imageViewerCaption, .image-viewer-zoom, #imageViewerReset, #imageViewerClose) {
  color: var(--native-fg) !important;
  background: transparent !important;
  text-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #imageViewer #imageViewerClose {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  font-size: 0 !important;
}
body.student-page.museum-refined #imageViewer #imageViewerClose::before,
body.student-page.museum-refined #imageViewer #imageViewerClose::after {
  width: 22px !important;
  height: 22px !important;
  top: 11px !important;
  left: 11px !important;
  background: var(--native-fg) !important;
  filter: none !important;
  transform: none !important;
}
body.student-page.museum-refined #imageViewer #imageViewerClose::before {
  mask: url('/assets/museum/r210/icons/x.svg') center / contain no-repeat;
  -webkit-mask: url('/assets/museum/r210/icons/x.svg') center / contain no-repeat;
}
body.student-page.museum-refined #imageViewer #imageViewerClose::after { display: none !important; }

body.student-page.museum-refined #imageViewer #annotationWorkbench {
  border: 1px solid var(--native-line) !important;
  border-radius: 4px !important;
  background: var(--ink, #171816) !important;
  color: var(--native-fg) !important;
  box-shadow: 0 8px 24px #0004 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.student-page.museum-refined #imageViewer :is(.annotation-workbench-head, .annotation-tabs, .annotation-workbench-foot, .annotation-quick-menu) {
  border-color: var(--native-line) !important;
  border-radius: 0 !important;
  background: var(--ink, #171816) !important;
  color: var(--native-fg) !important;
  box-shadow: none !important;
}

body.student-page.museum-refined #imageViewer :is(.annotation-workbench-head strong, .annotation-history-actions button, .annotation-tabs button, .annotation-tool-grid button, .annotation-brush-grid button, .annotation-add-note, .annotation-add-text, .annotation-workbench-foot button, .annotation-quick-menu button) {
  border-color: var(--native-line) !important;
  border-radius: 2px !important;
  background: transparent !important;
  color: var(--native-accent) !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* Remove legacy Unicode illustrations; preserve all textual tool labels. */
body.student-page.museum-refined #imageViewer :is(.annotation-history-actions button, .annotation-tabs button, .annotation-tool-grid button, .annotation-brush-grid button, .annotation-add-note, .annotation-add-text, .annotation-workbench-foot button, .annotation-fab)::before { content: none !important; }

body.student-page.museum-refined #imageViewer #annotationUndo { --native-tool-icon: url('/assets/museum/r210/icons/arrow-back-up.svg'); }
body.student-page.museum-refined #imageViewer #annotationRedo { --native-tool-icon: url('/assets/museum/r210/icons/arrow-forward-up.svg'); }
body.student-page.museum-refined #imageViewer #annotationCollapse { --native-tool-icon: url('/assets/museum/r210/icons/chevron-up.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tab="tools"] { --native-tool-icon: url('/assets/museum/r210/icons/adjustments-horizontal.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tab="brushes"] { --native-tool-icon: url('/assets/museum/r210/icons/brush.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tab="notes"] { --native-tool-icon: url('/assets/museum/r210/icons/notebook.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tool="move"] { --native-tool-icon: url('/assets/museum/r210/icons/arrows-move.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tool="select"] { --native-tool-icon: url('/assets/museum/r210/icons/select-all.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tool="pen"],
body.student-page.museum-refined #imageViewer [data-annotation-brush="pen"],
body.student-page.museum-refined #imageViewer [data-annotation-brush="pencil"] { --native-tool-icon: url('/assets/museum/r210/icons/pencil.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tool="eraser"] { --native-tool-icon: url('/assets/museum/r210/icons/eraser.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-tool="text"] { --native-tool-icon: url('/assets/museum/r210/icons/typography.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-add-note] { --native-tool-icon: url('/assets/museum/r210/icons/notebook.svg'); }
body.student-page.museum-refined #imageViewer [data-annotation-brush="marker"],
body.student-page.museum-refined #imageViewer [data-annotation-brush="brush"] { --native-tool-icon: url('/assets/museum/r210/icons/brush.svg'); }
body.student-page.museum-refined #imageViewer #annotationClear { --native-tool-icon: url('/assets/museum/r210/icons/x.svg'); }
body.student-page.museum-refined #imageViewer #annotationSave { --native-tool-icon: url('/assets/museum/r210/icons/device-floppy.svg'); }

body.student-page.museum-refined #imageViewer #annotationWorkbench :is(.annotation-history-actions button, .annotation-tabs button, .annotation-tool-grid button, .annotation-brush-grid button, .annotation-add-note, .annotation-add-text, .annotation-workbench-foot button)::before {
  content: "" !important;
  display: block;
  width: 19px;
  height: 19px;
  min-height: 19px;
  margin: 0 auto 4px;
  background: currentColor;
  mask: var(--native-tool-icon) center / contain no-repeat;
  -webkit-mask: var(--native-tool-icon) center / contain no-repeat;
}

body.student-page.museum-refined #imageViewer .annotation-drag-hint::before {
  content: "" !important;
  display: block;
  width: 16px;
  height: 24px;
  background: var(--native-muted);
  mask: url('/assets/museum/r210/icons/grip-vertical.svg') center / contain no-repeat;
  -webkit-mask: url('/assets/museum/r210/icons/grip-vertical.svg') center / contain no-repeat;
}
body.student-page.museum-refined #imageViewer :is(.annotation-tool-grid button.active, .annotation-brush-grid button.active, .annotation-tabs button.active) { color: var(--native-fg) !important; border-color: var(--native-accent) !important; background: #302d22 !important; }
body.student-page.museum-refined #imageViewer :is(.annotation-tip, .annotation-drag-hint, .annotation-width-control, .annotation-width-control output) { color: var(--native-muted) !important; }
body.student-page.museum-refined #imageViewer .annotation-colors button { box-shadow: none !important; }
body.student-page.museum-refined #imageViewer .annotation-colors button.active { outline: 1px solid var(--native-fg); outline-offset: 3px; }
body.student-page.museum-refined #imageViewer .annotation-note-style-picker button { border-radius: 2px !important; box-shadow: none !important; font-weight: 400 !important; }
body.student-page.museum-refined #imageViewer #annotationSave { border-color: var(--native-accent) !important; color: var(--native-fg) !important; }
body.student-page.museum-refined #imageViewer #annotationClear { color: #c98e7b !important; }

body.student-page.museum-refined #imageViewer .annotation-fab {
  min-height: 38px !important;
  border: 1px solid var(--native-accent) !important;
  border-radius: 3px !important;
  padding: 8px 16px !important;
  background: var(--ink, #171816) !important;
  color: var(--native-accent) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

body.student-page.museum-refined #imageViewer .annotation-toast { border: 1px solid var(--native-line); border-radius: 3px; background: #25261f; color: var(--native-fg); box-shadow: none; }
body.student-page.museum-refined #imageViewer .image-annotation-note { border-radius: 2px; box-shadow: 0 3px 12px #0002; }

/* Native-only content is populated by app.js, not by the local design fixture.
   Reset the actual renderers' selectors without changing their visibility or data. */
body.student-page.museum-refined :is(#accountPanel, #reviewPanel),
body.student-page.museum-refined :is(#accountPanel, #reviewPanel) :is(.profile-summary-copy, .account-action-list, .account-subsection, .review-list, .output-course-body, .output-chapter-body, .output-topic-quiz-list, .student-module-quiz-form, .quiz-question-row) {
  min-width: 0;
  box-sizing: border-box;
}

body.student-page.museum-refined #accountPanel :is(.profile-summary-copy strong, .account-action-list strong, .account-topic-row, .account-detail-list strong, .access-row, .history-row),
body.student-page.museum-refined #reviewPanel :is(.output-mode-choice, .output-course-directory summary, .output-chapter-directory summary, .output-quiz-row, .quiz-question-row, .quiz-feedback-item) {
  overflow-wrap: anywhere;
}

body.student-page.museum-refined #accountPanel .profile-avatar-button > em {
  right: -4px;
  bottom: -4px;
  border: 1px solid var(--native-line) !important;
  border-radius: 3px !important;
  padding: 3px 5px !important;
  background: var(--ink, #171816) !important;
  color: var(--native-muted) !important;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 400 !important;
}

body.student-page.museum-refined #accountPanel .account-action-list > button > strong { flex: 0 0 auto; }
body.student-page.museum-refined #accountPanel .account-action-list > button > span { min-width: 0; text-align: right; }
body.student-page.museum-refined #accountPanel .account-subsection { padding: 16px 0 !important; border: 0 !important; border-top: 1px solid var(--native-line) !important; scroll-margin-top: 20px; }
body.student-page.museum-refined #accountPanel :is(.section-mini-heading, .account-subsection-head) { gap: 8px !important; }
body.student-page.museum-refined #accountPanel :is(.section-mini-heading strong, .account-subsection-head strong) { color: var(--native-fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined #accountPanel :is(.section-mini-heading span, .account-calendar-week, .account-calendar-note) { color: var(--native-muted) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.65; }
body.student-page.museum-refined #accountPanel .account-subsection-head button { min-width: 44px; min-height: 44px; border: 1px solid var(--native-line) !important; border-radius: 3px !important; background: transparent !important; color: var(--native-accent) !important; font-weight: 400 !important; }

body.student-page.museum-refined #accountPanel :is(.account-topic-row, .access-row, .history-row) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-width: 0;
  min-height: 64px;
  padding: 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--native-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--native-fg) !important;
  box-shadow: none !important;
  text-align: left;
}

body.student-page.museum-refined #accountPanel :is(.account-topic-row > span, .access-row > div, .history-row > div) { min-width: 0; flex: 1; }
body.student-page.museum-refined #accountPanel :is(.account-topic-row, .access-row, .history-row) strong { color: var(--native-fg) !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.6; }
body.student-page.museum-refined #accountPanel :is(.account-topic-row small, .access-row span, .history-row span) { color: var(--native-muted) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.65; }
body.student-page.museum-refined #accountPanel :is(.account-topic-row, .access-row, .history-row) em { flex: 0 0 auto; color: var(--native-accent) !important; font-size: 12px !important; font-weight: 400 !important; font-style: normal; }
body.student-page.museum-refined #accountPanel .history-row i { height: 2px !important; border-radius: 0 !important; background: var(--native-line) !important; }
body.student-page.museum-refined #accountPanel .history-row i b { background: var(--native-accent) !important; border-radius: 0 !important; box-shadow: none !important; }
body.student-page.museum-refined #accountPanel :is(.account-topic-empty, .event-card) { padding: 16px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--native-muted) !important; box-shadow: none !important; line-height: 1.7; }
body.student-page.museum-refined #accountPanel .account-detail-list > div { min-width: 0; padding: 13px 0 !important; border: 0 !important; border-bottom: 1px solid var(--native-line) !important; background: transparent !important; }
body.student-page.museum-refined #accountPanel .account-detail-list strong { font-size: 13px !important; line-height: 1.7; font-weight: 400 !important; }

/* Preserve real form switches and color swatches; theme only their enclosing chrome. */
body.student-page.museum-refined #accountPanel :is(.podcast-autoplay-settings, .podcast-autoplay-toggle, .table-mark-setting-row, .table-mark-bold-toggle) { border-color: var(--native-line) !important; border-radius: 3px !important; background: transparent !important; color: var(--native-fg) !important; }
body.student-page.museum-refined #accountPanel :is(.podcast-autoplay-toggle strong, .table-mark-setting-row > span, .table-mark-bold-toggle span) { color: var(--native-fg) !important; font-size: 14px !important; font-weight: 400 !important; }
body.student-page.museum-refined #accountPanel .podcast-autoplay-toggle small { color: var(--native-muted) !important; font-weight: 400 !important; }
body.student-page.museum-refined #accountPanel input[role="switch"] { border-color: var(--native-line) !important; background: #48483e !important; box-shadow: none !important; }
body.student-page.museum-refined #accountPanel input[role="switch"]:checked { background: var(--native-accent) !important; }
body.student-page.museum-refined #accountPanel :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--native-accent); }
body.student-page.museum-refined #accountPanel .table-mark-color-list { flex-wrap: wrap; }
body.student-page.museum-refined #accountPanel .table-mark-color-list button { border-radius: 3px !important; box-shadow: none !important; font-weight: 400 !important; }

body.student-page.museum-refined #reviewPanel :is(.output-mode-choice-grid, .output-course-directory-list) { gap: 0 !important; }
body.student-page.museum-refined #reviewPanel .output-mode-choice span { white-space: normal !important; }
body.student-page.museum-refined #reviewPanel :is(.output-mode-chooser-head > span, .output-directory-intro > span) { color: var(--native-accent) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel .output-directory-intro { padding: 10px 0 20px !important; }
body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory, .output-topic-quiz-group, .output-quiz-row) { border: 0 !important; border-bottom: 1px solid var(--native-line) !important; border-radius: 0 !important; }
body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory) > summary { min-height: 52px; padding-block: 13px !important; }
body.student-page.museum-refined #reviewPanel .output-quiz-row { gap: 10px !important; padding: 14px 0 !important; }
body.student-page.museum-refined #reviewPanel .output-quiz-row > span { min-width: 0; }
body.student-page.museum-refined #reviewPanel .output-quiz-row > em { white-space: normal !important; text-align: right; font-size: 12px !important; }
body.student-page.museum-refined #reviewPanel :is(.output-course-body, .output-chapter-body) { min-width: 0; border-color: var(--native-line) !important; background: transparent !important; padding: 8px 0 8px 10px !important; }
body.student-page.museum-refined #reviewPanel .output-topic-folder { min-width: 0; margin-left: 0 !important; border-left: 1px solid var(--native-line) !important; background: transparent !important; }
body.student-page.museum-refined #reviewPanel :is(.output-topic-folder-head strong, .output-topic-folder-head span) { color: var(--native-fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel :is(.output-topic-folder-head em, .output-practice-meta strong, .module-quiz-pager > span) { color: var(--native-muted) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory)[open] > summary { background: #ffffff05 !important; }
body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory) > summary > span { white-space: normal !important; max-width: 9em; }
body.student-page.museum-refined #reviewPanel :is(.output-course-directory, .output-chapter-directory) > summary:focus-visible { outline: 2px solid var(--native-accent) !important; outline-offset: -2px !important; }
body.student-page.museum-refined #reviewPanel .output-quiz-view-tabs button > span { border: 1px solid var(--native-line) !important; border-radius: 3px !important; background: transparent !important; color: var(--native-muted) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel :is(.output-quiz-view-tabs button.active, .chapter-paper-review-filter button.active) { background: #ffffff08 !important; border-color: var(--native-accent) !important; color: var(--native-accent) !important; }
body.student-page.museum-refined #reviewPanel :is(.chapter-paper-review-head, .chapter-paper-answer-panel, .subjective-quiz-result) { border: 0 !important; border-bottom: 1px solid var(--native-line) !important; border-radius: 0 !important; padding: 16px 0 !important; background: transparent !important; color: var(--native-fg) !important; box-shadow: none !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-review-head strong { color: var(--native-accent) !important; font-family: var(--font-display, "Songti SC", serif) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel :is(.chapter-paper-review-head span, .chapter-paper-review-head p, .chapter-paper-answer-summary, .chapter-paper-answer-legend) { color: var(--native-muted) !important; font-weight: 400 !important; line-height: 1.65; }
body.student-page.museum-refined #reviewPanel .chapter-paper-answer-summary strong { color: var(--native-fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-answer-card > summary { color: var(--native-fg) !important; font-weight: 400 !important; padding: 12px !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-answer-card button { min-height: 40px; border: 1px solid var(--native-line) !important; border-radius: 3px !important; background: transparent !important; color: var(--native-fg) !important; box-shadow: none !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-answer-card button.answered { border-color: var(--native-accent) !important; background: #ffffff0a !important; color: var(--native-accent) !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-answer-card button.correct { border-color: #8eaa96 !important; background: #202e25 !important; color: #bed1c3 !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-answer-card button.wrong { border-color: #ac8177 !important; background: #30262a !important; color: #e2beb2 !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-review-results .quiz-feedback-item { border: 0 !important; border-bottom: 1px solid var(--native-line) !important; padding: 20px 0 !important; background: transparent !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-review-results .quiz-feedback-item.correct > div > strong { color: #bed1c3 !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-review-results .quiz-feedback-item.wrong > div > strong { color: #e2beb2 !important; }
body.student-page.museum-refined #reviewPanel .quiz-choice-option:focus-within { outline: 2px solid var(--native-accent); outline-offset: 3px; }
body.student-page.museum-refined #reviewPanel .quiz-choice-option em { flex: 0 0 28px; }
body.student-page.museum-refined #reviewPanel .quiz-choice-option b { min-width: 0; overflow-wrap: anywhere; }
body.student-page.museum-refined #reviewPanel .quiz-fill-inline { color: var(--native-fg) !important; overflow-wrap: anywhere; line-height: 2.4; }
body.student-page.museum-refined #reviewPanel .quiz-fill-blank input { max-width: calc(100vw - 72px); }
body.student-page.museum-refined #reviewPanel .quiz-fill-blank.correct input { border-color: #8eaa96 !important; background: #202e25 !important; color: #bed1c3 !important; }
body.student-page.museum-refined #reviewPanel .quiz-fill-blank.wrong input { border-color: #ac8177 !important; background: #30262a !important; color: #e2beb2 !important; }
body.student-page.museum-refined #reviewPanel .quiz-fill-feedback { white-space: normal; }
body.student-page.museum-refined #reviewPanel .quiz-relearning-panel { padding: 16px 0 !important; border-inline: 0 !important; border-bottom: 0 !important; border-radius: 0 !important; }
body.student-page.museum-refined #reviewPanel .quiz-relearning-panel > div:first-child :is(strong, span) { color: var(--native-muted) !important; font-weight: 400 !important; line-height: 1.6; }
body.student-page.museum-refined #reviewPanel .quiz-relearning-modules button { min-height: 48px; border-color: var(--native-line) !important; color: var(--native-fg) !important; }
body.student-page.museum-refined #reviewPanel .quiz-relearning-modules button > span { color: var(--native-accent) !important; font-weight: 400 !important; }
body.student-page.museum-refined #reviewPanel .quiz-relearning-modules button > strong { color: var(--native-fg) !important; font-weight: 400 !important; line-height: 1.6; }
body.student-page.museum-refined #reviewPanel .subjective-quiz-result.error { color: #e2beb2 !important; }
body.student-page.museum-refined #reviewPanel .chapter-paper-directory-back b { font-size: 0; width: 18px; height: 22px; background: var(--native-accent); mask: url('/assets/museum/r210/icons/chevron-left.svg') center / contain no-repeat; -webkit-mask: url('/assets/museum/r210/icons/chevron-left.svg') center / contain no-repeat; }

/* Tool chrome must not capture the image close button or change canvas coordinates. */
body.student-page.museum-refined #imageViewer .image-viewer-toolbar { display: flex; align-items: center; gap: 10px; }
body.student-page.museum-refined #imageViewer #imageViewerCaption { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.student-page.museum-refined #imageViewer .image-viewer-toolbar-actions { flex: 0 0 auto; }
body.student-page.museum-refined #imageViewer #imageViewerClose { flex: 0 0 44px; }
body.student-page.museum-refined #imageViewer #annotationWorkbench.is-collapsed .annotation-history-actions button { font-size: 0 !important; }
body.student-page.museum-refined #imageViewer #annotationWorkbench.is-collapsed .annotation-history-actions button::after { color: var(--native-muted); font-size: 9px !important; font-weight: 400 !important; }
body.student-page.museum-refined #imageViewer #annotationWorkbench.is-collapsed #annotationCollapse { --native-tool-icon: url('/assets/museum/r210/icons/chevron-down.svg'); }
body.student-page.museum-refined #imageViewer #annotationWorkbench button:disabled { opacity: .4; }

/* Lesson-end exercises live outside reviewPanel. Retain their modal and submit flow. */
body.student-page.museum-refined #quizModal {
  --native-muted: var(--muted, #aaa28f);
  --native-line: var(--line, rgba(181, 154, 101, .24));
  --native-accent: var(--accent, #b59a65);
  --native-fg: var(--fg, #e7e1d4);
  background: #0009;
}
body.student-page.museum-refined #quizModal .quiz-modal-card {
  width: min(680px, calc(100vw - 28px));
  max-height: calc(100dvh - 48px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
  min-width: 0;
  padding: 24px;
  border: 1px solid var(--native-line) !important;
  border-radius: 5px !important;
  background: var(--ink, #171816) !important;
  color: var(--native-fg) !important;
  box-shadow: 0 14px 40px #0006 !important;
}
body.student-page.museum-refined #quizModal .quiz-modal-head { align-items: flex-start; gap: 12px; }
body.student-page.museum-refined #quizModal .quiz-modal-head > div { min-width: 0; }
body.student-page.museum-refined #quizModal .quiz-modal-head h2 { color: var(--native-fg) !important; font: 400 26px/1.45 var(--font-display, "Songti SC", serif) !important; }
body.student-page.museum-refined #quizModal .quiz-modal-head :is(span, p) { color: var(--native-muted) !important; font-size: 13px !important; font-weight: 400 !important; }
body.student-page.museum-refined #quizModal :is(.primary, .secondary) { min-height: 44px; border: 1px solid var(--native-line) !important; border-radius: 3px !important; background: transparent !important; color: var(--native-accent) !important; box-shadow: none !important; font-weight: 400 !important; }
body.student-page.museum-refined #quizModal #quizCloseButton { flex: 0 0 auto; }
body.student-page.museum-refined #quizModal .quiz-question-row { min-width: 0; padding: 16px 0; border: 0 !important; border-bottom: 1px solid var(--native-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--native-fg) !important; }
body.student-page.museum-refined #quizModal .quiz-question-row :is(legend, strong) { color: var(--native-fg) !important; font-weight: 400 !important; line-height: 1.65; overflow-wrap: anywhere; }
body.student-page.museum-refined #quizModal .quiz-choice-option { min-width: 0; min-height: 52px; border: 1px solid var(--native-line) !important; border-radius: 3px !important; padding: 12px; background: transparent !important; color: var(--native-fg) !important; box-shadow: none !important; }
body.student-page.museum-refined #quizModal .quiz-choice-option :is(em, b) { color: inherit !important; background: transparent !important; font-weight: 400 !important; overflow-wrap: anywhere; }
body.student-page.museum-refined #quizModal .quiz-choice-option em { flex: 0 0 28px; border-color: var(--native-line) !important; }
body.student-page.museum-refined #quizModal .quiz-choice-option:has(input:checked) { border-color: var(--native-accent) !important; background: #ffffff0a !important; }
body.student-page.museum-refined #quizModal :is(.quiz-feedback-card, .quiz-feedback-item, .quiz-result) { border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--native-fg) !important; font-weight: 400 !important; }
body.student-page.museum-refined #quizModal :is(.quiz-feedback-card, .quiz-feedback-item, .quiz-result) :is(p, span, strong) { color: inherit !important; font-weight: 400 !important; line-height: 1.8; }
body.student-page.museum-refined #quizModal .quiz-result.error { color: #e2beb2 !important; }
body.student-page.museum-refined #quizModal :is(input:not([type="radio"]):not([type="checkbox"]), textarea) { max-width: 100%; background: var(--ink, #171816) !important; border: 1px solid var(--native-line) !important; border-radius: 3px !important; color: var(--native-fg) !important; }
body.student-page.museum-refined #quizModal :is(button, input, textarea):focus-visible,
body.student-page.museum-refined #quizModal .quiz-choice-option:focus-within { outline: 2px solid var(--native-accent); outline-offset: 3px; }

@media (max-width: 699px) {
  body.student-page.museum-refined #accountPanel { padding-inline: 22px !important; }
  body.student-page.museum-refined #accountPanel .profile-summary-card { gap: 14px !important; }
  body.student-page.museum-refined #accountPanel #accountRefreshButton { font-size: 11px !important; padding: 7px !important; }
  body.student-page.museum-refined #accountPanel .profile-summary-card { grid-template-columns: 64px minmax(0, 1fr) !important; }
  body.student-page.museum-refined #accountPanel #profileStatus { grid-column: 2; justify-self: start; margin-top: -8px; }
  body.student-page.museum-refined #accountPanel :is(.profile-avatar, .profile-avatar-button, .profile-avatar-image) { width: 64px !important; height: 64px !important; }
  body.student-page.museum-refined #accountPanel .profile-avatar-button :is(.profile-avatar, .profile-avatar-image) { width: 100% !important; height: 100% !important; }
  body.student-page.museum-refined #accountPanel .account-detail-list > div { grid-template-columns: minmax(0, .34fr) minmax(0, 1fr); }
  body.student-page.museum-refined #accountPanel .account-action-list > button { gap: 8px; padding-right: 18px !important; }
  body.student-page.museum-refined #accountPanel .account-action-list > button > span { max-width: 45%; }
  body.student-page.museum-refined #reviewPanel.active-mobile-panel { padding-inline: 18px !important; }
  body.student-page.museum-refined #reviewPanel .output-mode-choice { min-height: 116px !important; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed) { height: 62px; min-height: 62px; max-height: 62px; }
  body.student-page.museum-refined #imageViewer .annotation-workbench-head { min-height: 60px; padding-block: 4px; }
  body.student-page.museum-refined #imageViewer :is(.annotation-history-actions button, .annotation-tabs button, .annotation-tool-grid button, .annotation-brush-grid button, .annotation-add-note, .annotation-add-text, .annotation-workbench-foot button) { min-height: 46px; font-size: 11px; }
  body.student-page.museum-refined #imageViewer .annotation-tab-panel { min-height: 60px; }
  body.student-page.museum-refined #imageViewer .annotation-note-style-picker button { min-height: 46px; padding-top: 18px; }
  body.student-page.museum-refined #imageViewer .annotation-tabs { border: 0; border-right: 1px solid var(--native-line); margin: 4px; padding-inline: 4px 8px; }
  body.student-page.museum-refined #imageViewer .annotation-tool-grid button { border: 0; }
  body.student-page.museum-refined #imageViewer .annotation-tool-grid button.active { border-bottom: 1px solid var(--native-accent); background: transparent !important; }

  /* With tools selected, expose core drawing actions before history and categories.
     display:contents changes layout only; the original panel and events stay intact.
     Hidden/collapsed panels never match these rules, preserving every return path. */
  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed):has([data-annotation-panel="tools"]:not(.hidden)) {
    gap: 3px;
    padding-inline: 4px;
    align-items: center;
  }

  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed) [data-annotation-panel="tools"]:not(.hidden),
  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed) [data-annotation-panel="tools"]:not(.hidden) .annotation-tool-grid {
    display: contents;
  }

  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed) [data-annotation-panel="tools"]:not(.hidden) .annotation-tool-grid > button {
    flex: 0 0 44px;
    width: 44px;
    min-width: 44px;
    min-height: 48px;
    margin: 0;
    padding: 4px 2px;
  }

  body.student-page.museum-refined #imageViewer #annotationWorkbench [data-annotation-tool="pen"] { order: 0; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench [data-annotation-tool="eraser"] { order: 1; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench [data-annotation-panel="tools"] [data-annotation-tool="text"] { order: 2; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench [data-annotation-panel="tools"] [data-annotation-add-note] { order: 3; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench [data-annotation-tool="move"] { order: 5; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench [data-annotation-tool="select"] { order: 6; }

  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed):has([data-annotation-panel="tools"]:not(.hidden)) .annotation-workbench-head {
    order: 4;
    flex: 0 0 auto;
    min-height: 54px;
    gap: 2px;
    margin: 0;
    padding: 3px 2px;
    border-right: 0;
    border-left: 1px solid var(--native-line);
  }

  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed):has([data-annotation-panel="tools"]:not(.hidden)) .annotation-drag-hint {
    flex: 0 0 14px;
    width: 14px;
  }

  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed):has([data-annotation-panel="tools"]:not(.hidden)) .annotation-history-actions button {
    min-width: 34px;
    min-height: 48px;
    padding-inline: 2px;
    font-size: 10px;
  }

  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed):has([data-annotation-panel="tools"]:not(.hidden)) .annotation-tabs { order: 7; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed):has([data-annotation-panel="tools"]:not(.hidden)) .annotation-workbench-foot { order: 8; }
}

@media (max-width: 380px) {
  body.student-page.museum-refined #accountPanel { padding-inline: 18px !important; }
  body.student-page.museum-refined #accountPanel .account-action-list > button > strong { font-size: 14px !important; }
  body.student-page.museum-refined #reviewPanel .output-mode-choice { padding-left: 40px !important; }
  body.student-page.museum-refined #reviewPanel .output-mode-choice strong { font-size: 21px !important; }
  body.student-page.museum-refined #reviewPanel .output-quiz-row { grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; }
  body.student-page.museum-refined #reviewPanel .output-quiz-row > em { justify-self: start; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  body.student-page.museum-refined :is(#accountPanel, #reviewPanel, #imageViewer) :is(button, input, select, textarea) { transition: none !important; }
}

@media (min-width: 700px) {
  body.student-page.museum-refined #accountPanel { padding-top: 40px !important; padding-inline: 42px !important; }
  body.student-page.museum-refined #reviewPanel.active-mobile-panel { padding: 34px 42px calc(110px + env(safe-area-inset-bottom, 0px)) !important; }
  body.student-page.museum-refined #imageViewer #annotationWorkbench:not(.is-collapsed):not(.hidden) {
    display: flex;
    width: min(880px, calc(100vw - 36px));
    max-width: calc(100vw - 36px);
    height: 74px;
    min-height: 74px;
    max-height: 74px;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    touch-action: pan-x;
  }
  body.student-page.museum-refined #imageViewer .annotation-workbench-head { position: static; flex: 0 0 auto; min-height: 72px; padding: 6px; border-bottom: 0; border-right: 1px solid var(--native-line); }
  body.student-page.museum-refined #imageViewer .annotation-tabs { display: flex; flex: 0 0 auto; gap: 2px; margin: 6px; padding: 2px; border: 0; border-right: 1px solid var(--native-line); }
  body.student-page.museum-refined #imageViewer .annotation-tab-panel:not(.hidden) { display: flex; flex: 0 0 auto; min-height: 72px; gap: 8px; padding: 6px; overflow: visible; align-items: center; }
  body.student-page.museum-refined #imageViewer :is(.annotation-tool-grid, .annotation-brush-grid, .annotation-note-style-picker) { display: flex; flex: 0 0 auto; gap: 5px; margin: 0; }
  body.student-page.museum-refined #imageViewer :is(.annotation-history-actions button, .annotation-tabs button, .annotation-tool-grid button, .annotation-brush-grid button) { flex: 0 0 auto; min-width: 42px; min-height: 56px; font-size: 10px; }
  body.student-page.museum-refined #imageViewer .annotation-tool-grid button { border: 0; }
  body.student-page.museum-refined #imageViewer .annotation-workbench-foot { position: static; display: flex; flex: 0 0 auto; padding: 6px; gap: 5px; border-top: 0; border-left: 1px solid var(--native-line); }
  body.student-page.museum-refined #imageViewer .annotation-workbench-foot button { min-width: 44px; min-height: 56px; padding: 5px; font-size: 10px; }
  body.student-page.museum-refined #imageViewer .annotation-colors { min-width: 210px; margin: 0; }
  body.student-page.museum-refined #imageViewer .annotation-width-control { min-width: 140px; font-size: 10px; }
  body.student-page.museum-refined #imageViewer :is(.annotation-add-note, .annotation-add-text) { flex: 0 0 auto; width: 78px; min-height: 56px; margin: 0; padding: 4px; font-size: 10px; }
  body.student-page.museum-refined #imageViewer .annotation-note-style-picker button { flex: 0 0 48px; width: 48px; min-height: 56px; padding: 24px 3px 4px; }
}