/* qxmd250 — last-wins: one toolbar, visible settings, homepage icons, book covers.
   qxmd251 — Test Series tools clickable + high-contrast stem/options/instructions.
   Load after qx-foot-lock / qx-ui-icons / qx-mobile. */

/* ===== Practice + test + Allen: identical labeled tools on blue bar ===== */
html body .eg-test-root > .eg-top,
html body .eg-test-root .eg-top,
html body .eg-test-root.eg-qxmd250 .eg-top,
html body .mtk-test-root.allen-practice .mtk-header {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  max-height: none !important;
  min-height: 44px !important;
  background: #1565C0 !important;
  color: #ffffff !important;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 80 !important;
}

html body .eg-test-root .eg-top-tools,
html body .eg-test-root[data-eg-mode="practice"] .eg-top-tools,
html body .eg-test-root[data-eg-mode="test"] .eg-top-tools,
html body .eg-test-root.eg-qxmd167 .eg-top-tools,
html body .mtk-test-root.allen-practice .qx-prac-tools,
html body .mtk-test-root.allen-practice .mtk-header-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  overflow: visible !important;
  max-width: none !important;
  gap: 2px !important;
}

html body .eg-test-root .eg-top-tools .eg-tool-btn,
html body .eg-test-root .eg-top-tools .eg-ico,
html body .eg-test-root .eg-top-tools .eg-tool-sec,
html body .eg-test-root .eg-top-tools .eg-tool-sec:not(.eg-tool-reach),
html body .eg-test-root.eg-qxmd217 .eg-top-tools .eg-tool-btn:not(#egFmtBtn),
html body .eg-test-root[data-eg-mode="practice"] .eg-top-tools .eg-tool-btn,
html body .eg-test-root[data-eg-mode="test"] .eg-top-tools .eg-tool-btn,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-tool-btn,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-ico {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 36px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 40px !important;
  padding: 2px 4px !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  gap: 1px !important;
}

html body .eg-test-root .eg-top-tools .eg-tool-btn svg,
html body .eg-test-root .eg-top-tools .eg-ico svg,
html body .mtk-test-root.allen-practice .qx-prac-tools svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  stroke: currentColor !important;
  color: #ffffff !important;
  fill: none;
}

html body .eg-test-root .eg-top-tools .eg-tool-btn .eg-tip,
html body .eg-test-root .eg-top-tools .eg-ico .eg-tip,
html body .eg-test-root.eg-qxtool8 .eg-top-tools .eg-tip,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-tip {
  display: block !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

html body .eg-test-root[data-test-theme="dark"] .eg-top,
html body .eg-test-root[data-test-theme="light"] .eg-top,
html[data-theme="dark"] .eg-test-root .eg-top,
html[data-theme="light"] .eg-test-root .eg-top {
  background: #1565C0 !important;
  color: #ffffff !important;
}

/* ===== Settings sheet: all rows reachable ===== */
html body .eg-fmt-scrim,
html body #egFmtScrim {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, 0.45) !important;
  z-index: 2147483600 !important;
}

html body .eg-fmt-pop.eg-vs-marks,
html body .eg-test-root #egFmtPop,
html body .eg-test-root .eg-fmt-pop,
html body #pracViewPanel.eg-vs-marks {
  position: fixed !important;
  z-index: 2147483601 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  background: #ffffff !important;
  color: #0f172a !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html body .eg-test-root[data-test-theme="dark"] .eg-fmt-pop.eg-vs-marks,
html body .eg-test-root[data-test-theme="dark"] #egFmtPop,
html[data-theme="dark"] .eg-fmt-pop.eg-vs-marks,
html[data-theme="dark"] #pracViewPanel.eg-vs-marks {
  background: #111827 !important;
  color: #f1f5f9 !important;
  border-color: #334155 !important;
}

html body .eg-fmt-pop.eg-vs-marks .eg-vs-head,
html body .eg-fmt-pop.eg-vs-marks .eg-fmt-title,
html body .eg-fmt-pop.eg-vs-marks .eg-vs-lab-t,
html body .eg-fmt-pop.eg-vs-marks .eg-vs-h {
  color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .eg-fmt-pop.eg-vs-marks .eg-vs-row,
html body .eg-fmt-pop.eg-vs-marks .eg-vs-tog {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-vs-sec,
html body #pracViewPanel.eg-vs-marks .eg-vs-sec,
html body .eg-fmt-pop.eg-vs-marks #qxVoiceSec,
html body #pracViewPanel.eg-vs-marks #qxVoiceSec,
html body #qxSettingsRoot #qxVoiceSec {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  html body .eg-fmt-pop.eg-vs-marks,
  html body .eg-test-root.eg-qxmd173 .eg-fmt-pop,
  html body .eg-test-root.eg-qxmd173 #egFmtPop,
  html body .eg-test-root #egFmtPop,
  html body #pracViewPanel.eg-vs-marks {
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: min(82vh, calc(100dvh - 48px)) !important;
    min-height: 48vh !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 14px 16px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (min-width: 769px) {
  html body .eg-fmt-pop.eg-vs-marks,
  html body .eg-test-root #egFmtPop {
    top: 56px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: min(420px, 94vw) !important;
    max-height: min(86vh, 760px) !important;
    border-radius: 16px !important;
  }
}

/* ===== Digital book covers always paint ===== */
.qx-book-card,
.book-card,
.qx-book-photo,
.qx-book-photo-frame,
.qx-book-cover,
img.qx-book-photo-img,
.qx-book-photo img {
  content-visibility: visible !important;
  contain: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

img.qx-book-photo-img,
.qx-book-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 180px !important;
  object-fit: cover !important;
}

/* ===== Homepage icons: Medical + Engineering, light + dark ===== */
html[data-theme="light"] img.dash-tool-logo,
html[data-theme="light"] img.cpyqb-exam-tile-logo,
html[data-theme="light"] img.exam-pill-logo,
html[data-theme="light"] img.exam-card-logo,
html[data-theme="light"] img.subj-ic-img,
html[data-theme="light"] img.qx-ch-glyph-img,
html[data-theme="light"] img.qx-exam-logo,
html[data-theme="light"] img.qx-marks-icon,
html[data-theme="light"] img.dash-board-hero-logo,
html[data-theme="light"] img.dash-board-tab-logo,
html:not([data-theme="dark"]) img.dash-tool-logo,
html:not([data-theme="dark"]) img.cpyqb-exam-tile-logo,
html:not([data-theme="dark"]) img.exam-pill-logo,
html:not([data-theme="dark"]) img.subj-ic-img,
html:not([data-theme="dark"]) img.qx-ch-glyph-img,
html[data-theme="dark"] img.dash-tool-logo,
html[data-theme="dark"] img.cpyqb-exam-tile-logo,
html[data-theme="dark"] img.exam-pill-logo,
html[data-theme="dark"] img.subj-ic-img,
html[data-theme="dark"] img.qx-ch-glyph-img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  content-visibility: visible !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  backface-visibility: visible !important;
}

html[data-theme="light"] .dash-tool-ic,
html[data-theme="light"] .cpyqb-exam-tile-ic,
html[data-theme="light"] .exam-pill-ic,
html[data-theme="light"] .subj-mini-ic,
html[data-theme="light"] .qx-robo-core,
html[data-theme="light"] .qx-ch-icon,
html:not([data-theme="dark"]) .dash-tool-ic,
html:not([data-theme="dark"]) .cpyqb-exam-tile-ic,
html:not([data-theme="dark"]) .qx-ch-icon {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* 3D flip was painting a blank face on light cards */
html[data-theme="light"] .qx-ch-3d-img,
html:not([data-theme="dark"]) .qx-ch-3d-img,
html[data-theme="light"] .qx-folder-ic img,
html:not([data-theme="dark"]) .qx-folder-ic img,
html[data-theme="light"] .qx-topic-ic img,
html:not([data-theme="dark"]) .qx-topic-ic img {
  animation: none !important;
  transform: none !important;
  backface-visibility: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.dash-tool-card,
.cpyqb-exam-tile,
.exam-pill-card,
.subj-mini,
.qx-ncert-tool {
  overflow: visible !important;
}

/* ===== qxmd251: Test Series toolbar clicks + high-contrast stem/options/instructions ===== */
html body .qzrr-cbt .qzrr-black-bar,
html body .qzrr-cbt .qzrr-black-tools,
html body .qzrr-cbt .qzrr-tool-btn,
html body .qzrr-cbt #qzrrA11yBtn,
html body .qzrr-cbt #qzrrInstrBtn,
html body .qzrr-cbt #qzrrPaperBtn,
html body .qzrr-cbt #qzrrProctorBtn,
html body .qzrr-cbt #qzrrThemeLight,
html body .qzrr-cbt #qzrrThemeDark,
html body .qzrr-cbt #mtkFontDown,
html body .qzrr-cbt #mtkFontUp,
html body .qzrr-cbt #mtkExitBtn {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20120 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .qzrr-cbt #mtkExitBtn.qzrr-exit,
html body .qzrr-cbt #mtkExitBtn {
  background: #ef4444 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: none !important;
  font-weight: 800 !important;
}
html body .qzrr-cbt .qzrr-black-bar {
  z-index: 20110 !important;
  overflow: visible !important;
}
html body .qzrr-cbt .qzrr-top-zoom,
html body .qzrr-cbt #qzrrTopZoom,
html body .qzrr-cbt .qzrr-side-zoom {
  display: none !important;
}

/* LIGHT paper: near-black ink on white (site theme must not bleach this) */
html body .eg-test-root[data-test-theme="light"] .eg-q-card,
html body .eg-test-root[data-test-theme="light"] .eg-main,
html body .eg-test-root[data-test-theme="light"] .eg-body,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] .eg-q-card,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] .eg-main,
html body .qzrr-cbt:not(.qzrr-dark),
html body .qzrr-cbt[data-test-theme="light"]:not(.qzrr-dark),
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark),
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-main-col,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area {
  background: #ffffff !important;
  color: #0b1220 !important;
}

html body .eg-test-root[data-test-theme="light"] #egQArea,
html body .eg-test-root[data-test-theme="light"] .eg-q-stem,
html body .eg-test-root[data-test-theme="light"] .mtk-q-text,
html body .eg-test-root[data-test-theme="light"] .qx-content,
html body .eg-test-root[data-test-theme="light"] .mtk-opt,
html body .eg-test-root[data-test-theme="light"] .eg-opt,
html body .eg-test-root[data-test-theme="light"] .mtk-opt-text,
html body .eg-test-root[data-test-theme="light"] .mtk-opt-text *:not(.mtk-opt-letter):not(img):not(svg):not(path),
html body .eg-test-root[data-test-theme="light"] .katex,
html body .eg-test-root[data-test-theme="light"] .katex *,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] #egQArea,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] .mtk-opt-text,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] .katex *,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .mtk-q-text,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content *:not(.mtk-opt-letter):not(img):not(svg):not(path):not(.qzrr-pill),
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-opts .mtk-opt,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-opts .mtk-opt-text,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-opts .mtk-opt-text *:not(.mtk-opt-letter):not(img):not(svg):not(path),
html body .qzrr-cbt:not(.qzrr-dark) .katex,
html body .qzrr-cbt:not(.qzrr-dark) .katex *,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-section-info,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-section-info-ul,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-section-info-ul li,
html body .qzrr-cbt:not(.qzrr-dark) .qx-sec-instr,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content *,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-opts .mtk-opt-text,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-opts .mtk-opt-text * {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .eg-test-root[data-test-theme="light"] .mtk-opt,
html body .eg-test-root[data-test-theme="light"] .eg-opt,
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-opts .mtk-opt {
  background: #ffffff !important;
  color: #0b1220 !important;
}

/* DARK paper: near-white ink on near-black */
html body .eg-test-root[data-test-theme="dark"] .eg-q-card,
html body .eg-test-root[data-test-theme="dark"] .eg-main,
html body .eg-test-root[data-test-theme="dark"] .eg-body,
html[data-theme="light"] body .eg-test-root[data-test-theme="dark"] .eg-q-card,
html body .qzrr-cbt.qzrr-dark,
html body .qzrr-cbt[data-test-theme="dark"],
html[data-theme="light"] body .qzrr-cbt.qzrr-dark,
html body .qzrr-cbt.qzrr-dark .qzrr-q-area,
html body .qzrr-cbt.qzrr-dark .qzrr-main-col,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qzrr-q-area {
  background: #0b1220 !important;
  color: #f8fafc !important;
}

html body .eg-test-root[data-test-theme="dark"] #egQArea,
html body .eg-test-root[data-test-theme="dark"] .eg-q-stem,
html body .eg-test-root[data-test-theme="dark"] .mtk-q-text,
html body .eg-test-root[data-test-theme="dark"] .qx-content,
html body .eg-test-root[data-test-theme="dark"] .mtk-opt,
html body .eg-test-root[data-test-theme="dark"] .eg-opt,
html body .eg-test-root[data-test-theme="dark"] .mtk-opt-text,
html body .eg-test-root[data-test-theme="dark"] .mtk-opt-text *:not(.mtk-opt-letter):not(img):not(svg):not(path),
html body .eg-test-root[data-test-theme="dark"] .katex,
html body .eg-test-root[data-test-theme="dark"] .katex *,
html[data-theme="light"] body .eg-test-root[data-test-theme="dark"] #egQArea,
html[data-theme="light"] body .eg-test-root[data-test-theme="dark"] .mtk-opt-text,
html body .qzrr-cbt.qzrr-dark .qzrr-q-area,
html body .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content,
html body .qzrr-cbt.qzrr-dark .qzrr-q-area .mtk-q-text,
html body .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content *:not(.mtk-opt-letter):not(img):not(svg):not(path):not(.qzrr-pill),
html body .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt,
html body .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt-text,
html body .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt-text *:not(.mtk-opt-letter):not(img):not(svg):not(path),
html body .qzrr-cbt.qzrr-dark .mtk-opt .mtk-opt-text,
html body .qzrr-cbt.qzrr-dark .mtk-opt .katex,
html body .qzrr-cbt.qzrr-dark .katex,
html body .qzrr-cbt.qzrr-dark .katex *,
html body .qzrr-cbt.qzrr-dark .qzrr-section-info,
html body .qzrr-cbt.qzrr-dark .qzrr-section-info-head,
html body .qzrr-cbt.qzrr-dark .qzrr-section-info-ul,
html body .qzrr-cbt.qzrr-dark .qzrr-section-info-ul li,
html body .qzrr-cbt.qzrr-dark .qx-sec-instr,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .mtk-opt .mtk-opt-text,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .mtk-opt .mtk-opt-text *,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt-text {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .eg-test-root[data-test-theme="dark"] .mtk-opt,
html body .eg-test-root[data-test-theme="dark"] .eg-opt,
html body .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: #64748b !important;
}

/* Option letters stay white on Quantrex blue */
html body .eg-test-root .mtk-opt-letter,
html body .eg-test-root .eg-opt-letter,
html body .qzrr-cbt .mtk-opt-letter,
html body .qzrr-cbt.qzrr-dark .mtk-opt-letter,
html[data-theme="dark"] body .qzrr-cbt .mtk-opt-letter,
html[data-theme="dark"] body .eg-test-root .mtk-opt-letter {
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Instructions overlay + in-test Instructions modal — high contrast both themes */
html body .qzrr-instr-page,
html[data-theme="light"] body .qzrr-instr-page,
html body .qzrr-modal,
html[data-theme="light"] body .qzrr-modal,
html body #qzrrA11yPopover {
  background: #ffffff !important;
  color: #0b1220 !important;
}
html body .qzrr-instr-page .qzrr-instr-body,
html body .qzrr-instr-page .qzrr-instr-ol,
html body .qzrr-instr-page .qzrr-instr-ol li,
html body .qzrr-instr-page .qzrr-gi-title,
html body .qzrr-instr-page .qzrr-instr-center-title,
html body .qzrr-instr-page .qzrr-declare-label,
html body .qzrr-instr-page .qzrr-sym-table td,
html body .qzrr-instr-page .qzrr-profile-name,
html body .qzrr-instr-view,
html body .qzrr-instr-view p,
html body .qzrr-instr-view li,
html body .qzrr-instr-view h3,
html body .qzrr-modal-body,
html body .qzrr-modal-body p,
html body .qzrr-modal-body li,
html body .qzrr-a11y-popover,
html body .qzrr-a11y-popover-head,
html[data-theme="dark"] body .qzrr-instr-page:not(.qzrr-instr-dark) .qzrr-instr-body,
html[data-theme="dark"] body .qzrr-instr-page:not(.qzrr-instr-dark) .qzrr-instr-body li,
html[data-theme="dark"] body .qzrr-modal-body,
html[data-theme="dark"] body .qzrr-instr-view,
html[data-theme="dark"] body .qzrr-instr-view * {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-theme="dark"] body .qzrr-instr-page,
html body.qzrr-dark-body .qzrr-instr-page,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark ~ #qzrrModalHost .qzrr-modal,
html body .qzrr-cbt.qzrr-dark .qzrr-modal,
html[data-theme="dark"] body #qzrrA11yPopover,
html body.qzrr-dark-body #qzrrA11yPopover {
  background: #0b1220 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] body .qzrr-instr-page .qzrr-instr-body,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-instr-ol li,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-gi-title,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-instr-center-title,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-declare-label,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-sym-table td,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-profile-name,
html body.qzrr-dark-body .qzrr-instr-page .qzrr-instr-body,
html body.qzrr-dark-body .qzrr-instr-page .qzrr-instr-ol li,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .qzrr-modal-body,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .qzrr-instr-view,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .qzrr-instr-view *,
html[data-theme="dark"] body #qzrrA11yPopover,
html[data-theme="dark"] body #qzrrA11yPopover * {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .qzrr-instr-page .qzrr-instr-subhead {
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .qzrr-instr-page .qzrr-ready-btn,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-ready-btn {
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .qzrr-modal-head,
html body .qzrr-modal-head strong,
html body .qzrr-modal-x {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .eg-test-root #egQArea,
html body .eg-test-root .eg-q-stem,
html body .eg-test-root .eg-opts,
html body .eg-test-root #qxOpts,
html body .qzrr-cbt #qzrrQArea,
html body .qzrr-cbt .qzrr-q-area,
html body .qzrr-cbt .qzrr-opts,
html body .qzrr-instr-page,
html body .qzrr-instr-body {
  opacity: 1 !important;
  visibility: visible !important;
}


/* ===== qxmd252 last-wins: light + dark visibility. Overrides only. Nothing removed. ===== */
html body .qx-ch-3d-img,
html body .qx-module-ic img,
html body .qx-module-ic .qx-ch-3d-img,
html body .qx-folder-ic img,
html body .qx-topic-ic img,
html body .subj-ic img,
html body .ct-wiz-ch-card.ct-folder img,
html body .qx-ch-icon img,
html body .qx-rfc-ic img,
html body .qx-rfc-ch-ic img,
html[data-theme="light"] .qx-module-ic img,
html[data-theme="dark"] .qx-module-ic img {
  animation: none !important;
  transform: none !important;
  backface-visibility: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  content-visibility: visible !important;
  filter: none !important;
}
html body .qx-module-ic,
html body .qx-folder-ic,
html body .qx-topic-ic,
html body .qx-ch-icon,
html body .subj-ic {
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .qx-folder-card,
html body .qx-topic-card,
html body .ch-card,
html body .subj-mini,
html body .qx-module-card,
html body .qx-ncert-tool,
html body .qx-fc-folder {
  visibility: visible !important;
  opacity: 1 !important;
}
html[data-theme="light"] .qx-fc-folder strong,
html[data-theme="light"] .qx-fc-folder small,
html[data-theme="light"] .qx-fc-folder em,
html[data-theme="dark"] .qx-fc-folder strong,
html[data-theme="dark"] .qx-fc-folder small,
html[data-theme="dark"] .qx-fc-folder em,
html[data-theme="light"] .qx-dash-fc-cover strong,
html[data-theme="light"] .qx-dash-fc-cover small,
html[data-theme="light"] .qx-dash-fc-cover em,
html[data-theme="dark"] .qx-dash-fc-cover strong,
html[data-theme="dark"] .qx-dash-fc-cover small,
html[data-theme="dark"] .qx-dash-fc-cover em {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.8), 0 0 6px rgba(0,0,0,.45);
  opacity: 1 !important;
  visibility: visible !important;
}
html body .qx-book-cover,
html body .qx-book-photo,
html body .qx-book-photo-frame,
html body .qx-book-photo-img,
html body .qx-cover-inner,
html body .qx-med-books-mount,
html body .qx-med-books-mount .qx-book-card,
html body .qx-books-lib .qx-book-card,
html body .books-scroll .qx-book-card,
html body .books-grid .qx-book-card {
  content-visibility: visible !important;
  contain: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .qx-book-cover {
  display: block !important;
  min-height: 180px !important;
  background: linear-gradient(145deg, var(--cover-c1, #0b1b4a), var(--cover-c2, #1d4ed8) 55%, var(--cover-c3, #38bdf8)) !important;
}
html body .qx-cover-inner,
html body .qx-cover-brand,
html body .qx-cover-line,
html body .qx-cover-publisher,
html body .qx-cover-vol,
html body .qx-cover-subject,
html body .qx-cover-count,
html body .qx-cover-foot,
html body .qx-cover-badge {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.85), 0 0 3px rgba(0,0,0,.7);
  opacity: 1 !important;
  visibility: visible !important;
}
html body .qx-cover-tag,
html body .qx-photo-tag {
  background: rgba(255,255,255,.94) !important;
  color: #9f1239 !important;
  -webkit-text-fill-color: #9f1239 !important;
  text-shadow: none !important;
}
html body .qx-photo-count,
html body .qx-photo-qbadge {
  background: #facc15 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .mtk-test-root:not([data-test-theme="dark"]) .qx-prac-view-panel,
html[data-theme="light"] body .qx-prac-view-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}
html body .mtk-test-root:not([data-test-theme="dark"]) .qx-prac-size-btn {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border-color: #94a3b8 !important;
}
html body .mtk-test-root[data-test-theme="dark"] .qx-prac-view-panel {
  background: #111827 !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}
html body .mtk-test-root[data-test-theme="dark"] .qx-prac-size-btn {
  background: #1e293b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html body .mtk-test-root .qx-prac-size-btn.on {
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .mtk-test-root.allen-practice .mtk-header,
html body .mtk-test-root.allen-cbt .mtk-header,
html body .eg-test-root > .eg-top,
html body .eg-test-root .eg-top {
  background: #1565C0 !important;
  color: #ffffff !important;
}
html body .mtk-test-root .mtk-header .mtk-brand-text,
html body .mtk-test-root .mtk-header .mtk-timer,
html body .mtk-test-root .mtk-header .mtk-q-num,
html body .mtk-test-root[data-test-theme="light"] .mtk-brand-text,
html body .mtk-test-root[data-test-theme="light"] .mtk-timer,
html body .eg-test-root .eg-timer,
html body .eg-test-root .eg-brand,
html[data-theme="light"] body .mtk-test-root .mtk-header .mtk-timer,
html[data-theme="dark"] body .mtk-test-root .mtk-header .mtk-timer {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] .logo-text,
html[data-theme="light"] .logo-text strong,
html[data-theme="light"] .ds strong,
html[data-theme="light"] .ct-hero-stat strong {
  background: none !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html[data-theme="dark"] .logo-text,
html[data-theme="dark"] .logo-text strong,
html[data-theme="dark"] .ds strong,
html[data-theme="dark"] .ct-hero-stat strong {
  background: none !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html body .dash-greet-bar,
html[data-theme="light"] .dash-greet-bar,
html[data-theme="dark"] .dash-greet-bar {
  background: linear-gradient(135deg, #1565C0 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
}
html body .dash-greet-bar h1,
html body .dash-greet-bar p,
html body .dash-greet-left h1,
html body .dash-greet-left p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body .qzrr-instr-page,
html[data-theme="dark"] body .qzrr-instr-page:not(.qzrr-instr-dark) {
  background: #0b1220 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] body .qzrr-instr-page:not(.qzrr-instr-dark) .qzrr-instr-body,
html[data-theme="dark"] body .qzrr-instr-page:not(.qzrr-instr-dark) .qzrr-instr-body li,
html[data-theme="dark"] body .qzrr-instr-page:not(.qzrr-instr-dark) .qzrr-instr-ol,
html[data-theme="dark"] body .qzrr-instr-page:not(.qzrr-instr-dark) .qzrr-instr-ol li,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-gi-title,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-instr-center-title,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-declare-label,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-sym-table th,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-sym-table td,
html[data-theme="dark"] body .qzrr-instr-page .qzrr-profile-name,
html[data-theme="dark"] body .qzrr-instr-view,
html[data-theme="dark"] body .qzrr-instr-view p,
html[data-theme="dark"] body .qzrr-instr-view li,
html[data-theme="dark"] body .qzrr-instr-view h3 {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="light"] body .qzrr-instr-page {
  background: #ffffff !important;
  color: #0b1220 !important;
}
html[data-theme="light"] body .qzrr-instr-page .qzrr-instr-body,
html[data-theme="light"] body .qzrr-instr-page .qzrr-instr-ol li,
html[data-theme="light"] body .qzrr-instr-page .qzrr-gi-title,
html[data-theme="light"] body .qzrr-instr-page .qzrr-sym-table th,
html[data-theme="light"] body .qzrr-instr-page .qzrr-sym-table td,
html[data-theme="light"] body .qzrr-instr-page .qzrr-declare-label {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}
html body .qzrr-instr-page .qzrr-sym-na,
html body .qzrr-instr-page .qzrr-sym-ans,
html body .qzrr-instr-page .qzrr-sym-mr,
html body .qzrr-instr-page .qzrr-sym-amr {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] body #qzrrA11yPopover .qzrr-a11y-tile,
html[data-theme="dark"] body .qzrr-a11y-popover .qzrr-a11y-tile {
  background: #ffffff !important;
  color: #0f172a !important;
}
html[data-theme="dark"] body #qzrrA11yPopover .qzrr-a11y-tile *,
html[data-theme="dark"] body #qzrrA11yPopover .qzrr-a11y-tile-title,
html[data-theme="dark"] body #qzrrA11yPopover .qzrr-a11y-hint,
html[data-theme="dark"] body .qzrr-a11y-popover .qzrr-a11y-tile-title,
html[data-theme="dark"] body .qzrr-a11y-popover .qzrr-a11y-hint {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html[data-theme="dark"] body #qzrrA11yPopover .qzrr-a11y-hint {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
html body .mk-sol-view,
html[data-theme="dark"] body .mk-sol-view,
html[data-theme="dark"] body .mk-sol-view .mk-sol-main,
html[data-theme="dark"] body .mk-sol-view .qx-sol-card {
  background: #ffffff !important;
  color: #0f172a !important;
}
html[data-theme="dark"] body .mk-sol-view .qx-content,
html[data-theme="dark"] body .mk-sol-view .mtk-q-text,
html[data-theme="dark"] body .mk-sol-view .mtk-opt,
html[data-theme="dark"] body .mk-sol-view .mtk-opt-text,
html[data-theme="dark"] body .mk-sol-view .katex,
html[data-theme="dark"] body .mk-sol-view .katex *,
html[data-theme="dark"] body .mk-sol-view .mk-sol-sec-tab,
html[data-theme="dark"] body .mk-sol-view .mk-sol-overview-head {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html body .mk-sol-view .mtk-opt-letter {
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .qx-rfc-face {
  background: #2a2a2c !important;
  background-image: none !important;
  color: #f8fafc !important;
}
html[data-theme="dark"] .qx-rfc-face strong,
html[data-theme="dark"] .qx-rfc-face small,
html[data-theme="dark"] .qx-rfc-eq {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
}
html[data-theme="light"] .qx-rfc-reader {
  background: #f8fafc !important;
  color: #0f172a !important;
}
html[data-theme="light"] .qx-rfc-reader-bar {
  background: #1565C0 !important;
  color: #ffffff !important;
}
html[data-theme="light"] .qx-rfc-reader-bar strong,
html[data-theme="light"] .qx-rfc-reader-bar > button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] .qx-rfc-reader,
html[data-theme="dark"] .qx-rfc-reader-bar {
  color: #f8fafc !important;
}
html[data-theme="dark"] .qx-fc-sheet,
html[data-theme="dark"] .qx-fc-sheet .qx-fc-page,
html[data-theme="dark"] .qx-fc-sheet .fc-meaning,
html[data-theme="dark"] .qx-fc-sheet .fc-formula,
html[data-theme="dark"] .qx-fc-sheet .katex,
html[data-theme="dark"] .qx-fc-sheet .katex * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html[data-theme="dark"] .qx-fc-sheet {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}
html[data-theme="dark"] .mtk-test-root[data-test-theme="dark"] .qx-org-fig-host,
html[data-theme="dark"] .eg-test-root[data-test-theme="dark"] .qx-org-fig-host,
html[data-theme="dark"] .qzrr-cbt.qzrr-dark .qx-org-fig-host {
  background: #f7f1e6 !important;
}
html[data-theme="dark"] .mtk-test-root[data-test-theme="dark"] .qx-org-qx-wm,
html[data-theme="dark"] .eg-test-root[data-test-theme="dark"] .qx-org-qx-wm,
html[data-theme="dark"] .qzrr-cbt.qzrr-dark .qx-org-qx-wm {
  mix-blend-mode: multiply !important;
  opacity: 0.55 !important;
  filter: none !important;
  visibility: visible !important;
}
html[data-theme="dark"] body .mtk-test-root:not([data-test-theme="light"]) .qx-num-key,
html[data-theme="dark"] body .eg-test-root:not([data-test-theme="light"]) .qx-num-key,
html[data-theme="dark"] body .mtk-test-root:not([data-test-theme="light"]) .qx-num-label {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: #1e293b !important;
}
html body .mtk-test-root[data-test-theme="light"] .qx-num-key,
html body .eg-test-root[data-test-theme="light"] .qx-num-key,
html body .mtk-test-root[data-test-theme="light"] .qx-num-label {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #ffffff !important;
}
html[data-theme="dark"] .qx-sum-compare-eq,
html[data-theme="light"] .qx-sum-compare-eq,
html[data-theme="dark"] .qx-sum-compare-title,
html[data-theme="dark"] .qx-sum-compare-note,
html[data-theme="dark"] .qx-sum-compare-eq .katex,
html[data-theme="dark"] .qx-sum-compare-eq .katex * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.qzrr-cbt.qzrr-dark .qzrr-side-zoom {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}
.qzrr-cbt.qzrr-dark .qzrr-side-zoom .qzrr-zoom-lbl {
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
}
.qzrr-cbt:not(.qzrr-dark) .qzrr-side-zoom {
  background: #ffffff !important;
  color: #0f172a !important;
}
.qzrr-cbt:not(.qzrr-dark) .qzrr-side-zoom .qzrr-zoom-lbl {
  color: #9f1239 !important;
  -webkit-text-fill-color: #9f1239 !important;
}
html[data-theme="light"] body .eg-fmt-pop,
html[data-theme="light"] body #egFmtPop,
html body .eg-test-root[data-test-theme="light"] .eg-fmt-pop {
  background: #ffffff !important;
  color: #0f172a !important;
}
html body .eg-test-root[data-test-theme="light"] .eg-fmt-pop .eg-fmt-title,
html body .eg-test-root[data-test-theme="light"] .eg-fmt-pop .eg-vs-lab-t {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html[data-theme="dark"] .auth-hint,
html[data-theme="dark"] .qx-settings-page .qx-set-hint,
html[data-theme="dark"] .qx-settings-page .qx-set-sec-sub,
html[data-theme="dark"] .qx-set-exam-sec .qx-set-exam-sub,
html[data-theme="dark"] .qx-set-form label {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body .eg-test-root.eg-qxtool8:not([data-test-theme="light"]) .eg-foot #qxPrevBtn,
html[data-theme="dark"] body .eg-test-root:not([data-test-theme="light"]) #egFoot #qxPrevBtn {
  background: #1e293b !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html body .eg-test-root[data-test-theme="light"] .eg-foot #qxPrevBtn,
html body .eg-test-root[data-test-theme="light"] #egFoot #qxPrevBtn {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html body .jovi-bubble.user {
  background: linear-gradient(135deg, #ea580c, #f97316) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] body .jovi-bubble.bot {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html[data-theme="dark"] body .jovi-bubble.bot {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html body .eg-test-root .eg-top-tools #mtkThemeBtn,
html body .eg-test-root .eg-top-tools #egAllQBtn,
html body .eg-test-root .eg-top-tools #egMenuBtn,
html body .eg-test-root .eg-top-tools #egStarBtn,
html body .eg-test-root .eg-top-tools #egPlusBtn,
html body .eg-test-root .eg-top-tools #egFullBtn,
html body .eg-test-root .eg-top-tools #mtkReportBtn,
html body .eg-test-root .eg-top-tools #egFmtBtn,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-tool-btn,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-ico {
  display: inline-flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  pointer-events: auto !important;
}
html body .eg-test-root .eg-top-tools .eg-tip,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-tip {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 768px) {
  html body .eg-test-root .eg-top-tools #egStarBtn,
  html body .eg-test-root .eg-top-tools #egFullBtn,
  html body .eg-test-root .eg-top-tools #egPlusBtn,
  html body .eg-test-root .eg-top-tools #mtkReportBtn,
  html body .eg-test-root .eg-top-tools #egFmtBtn,
  html body .eg-test-root .eg-top-tools #mtkThemeBtn,
  html body .eg-test-root .eg-top-tools #egAllQBtn,
  html body .eg-test-root .eg-top-tools #egMenuBtn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* qxmd253: older .qzrr-opts rule hid A-D letters. Keep them visible. */
html body .qzrr-opts .mtk-opt-letter,
html body .qzrr-opts .qx-opt-circle,
html body .eg-test-root .mtk-opt-letter,
html body .eg-test-root .qx-opt-circle,
html body .qx-prac-opt .mtk-opt-letter,
html body .qx-prac-opt .qx-opt-circle {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* qxmd258: one laptop screen — option figures 200px, stems 280px, contain (never crop). */
html body .mtk-test-root .mtk-main .qx-question-body img:not(.qx-exam-logo):not(.qx-opt-fig-img):not(.qx-org-qx-wm),
html body .mtk-test-root.qx-book-q .mtk-main .mtk-q-text img:not(.qx-exam-logo):not(.qx-opt-fig-img),
html body .mtk-test-root .mtk-main .mtk-q-text img:not(.qx-exam-logo):not(.qx-opt-fig-img),
html body .eg-test-root .eg-q-stem img:not(.qx-exam-logo):not(.qx-opt-fig-img),
html body .qx-question-body > img:not(.qx-exam-logo),
html body .qx-diagram-slot img:not(.qx-opt-fig-img):not(.qx-org-qx-wm),
html body #qxDiagramSlot img:not(.qx-opt-fig-img),
html body .qx-diagram-seg img:not(.qx-opt-fig-img),
html body .qx-marks-native-q img:not(.qx-opt-fig-img),
html body .qx-org-fig-host:not(.qx-org-fig-host-opt):not(.qx-org-fig-host-cell) > img,
html body img.qx-irodov-stem,
html body .qx-fig:not(.qx-opt-fig) img.qx-pool-fig:not(.qx-opt-fig-img) {
  max-width: 100% !important;
  max-height: 280px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}
html body .mtk-opt img,
html body .mtk-opt-text img,
html body .mtk-options img,
html body .qx-prac-opt img,
html body .qx-prac-opt-text img,
html body .qx-prac-opts img,
html body .qa-opt img,
html body .eg-opt img,
html body .eg-opts img,
html body #qxOpts img,
html body .qx-opt-fig img,
html body img.qx-opt-fig-img,
html body .qx-opt-diagram-slot img,
html body .qx-marks-native-opt img,
html body .qx-opt-pair img,
html body .qx-opt-pair-struct img,
html body .qx-org-fig-host-opt img,
html body .mtk-opt-text .qx-opt-fig img.qx-pool-fig,
html body .mtk-opt-text .qx-opt-diagram-slot img,
html body .mtk-opt-text img.qx-pool-fig,
html body .qx-prac-opt-text img.qx-pool-fig,
html body .qx-fig-flat img.qx-opt-fig-img {
  max-width: 100% !important;
  max-height: 200px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 720px) {
  html body .mtk-test-root .mtk-main .qx-question-body img:not(.qx-exam-logo):not(.qx-opt-fig-img):not(.qx-org-qx-wm),
  html body .mtk-test-root.qx-book-q .mtk-main .mtk-q-text img:not(.qx-exam-logo):not(.qx-opt-fig-img),
  html body .eg-test-root .eg-q-stem img:not(.qx-exam-logo):not(.qx-opt-fig-img),
  html body .qx-diagram-slot img:not(.qx-opt-fig-img),
  html body #qxDiagramSlot img:not(.qx-opt-fig-img),
  html body img.qx-irodov-stem {
    max-height: none !important;
  }
  html body .mtk-opt img,
  html body .mtk-opt-text img,
  html body .qx-prac-opt img,
  html body .qx-prac-opt-text img,
  html body .qa-opt img,
  html body .eg-opt img,
  html body #qxOpts img,
  html body .qx-opt-fig img,
  html body img.qx-opt-fig-img,
  html body .qx-opt-diagram-slot img,
  html body .qx-marks-native-opt img,
  html body .qx-org-fig-host-opt img,
  html body .mtk-opt-text img.qx-pool-fig {
    max-height: min(42vh, 280px) !important;
  }
}

/* qxmd258: option figures beat the stem cap when both match */
html body .mtk-test-root.qx-book-q .mtk-main .mtk-q-text .mtk-opt img:not(.qx-exam-logo),
html body .mtk-test-root.qx-book-q .mtk-main .mtk-q-text .qx-prac-opt img:not(.qx-exam-logo),
html body .mtk-test-root .mtk-main .qx-question-body .mtk-opt img:not(.qx-exam-logo),
html body .mtk-test-root .mtk-main .qx-question-body .qx-prac-opt img:not(.qx-exam-logo),
html body .eg-test-root .eg-q-stem .eg-opt img:not(.qx-exam-logo),
html body .eg-test-root #qxOpts img:not(.qx-exam-logo),
html body .mtk-test-root .mtk-main .mtk-options img:not(.qx-exam-logo),
html body .qx-org-fig-host-opt img:not(.qx-org-qx-wm) {
  max-width: 100% !important;
  max-height: 200px !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}
@media (max-width: 720px) {
  html body .mtk-test-root.qx-book-q .mtk-main .mtk-q-text .mtk-opt img:not(.qx-exam-logo),
  html body .mtk-test-root .mtk-main .qx-question-body .mtk-opt img:not(.qx-exam-logo),
  html body .eg-test-root #qxOpts img:not(.qx-exam-logo),
  html body .qx-org-fig-host-opt img:not(.qx-org-qx-wm) {
    max-height: min(42vh, 280px) !important;
  }
}

/* ===== qxmd259: Medical walls match Engineering, both themes ===== */
html[data-theme="light"] .qx-med-subj-card,
html[data-theme="light"] .qx-med-test-card,
html[data-theme="light"] .qx-med-nb-card,
html[data-theme="light"] .qx-med-rev-card,
html[data-theme="light"] .exam-pill-card,
html[data-theme="light"] .qx-folder-card,
html[data-theme="light"] .dash-tool-card,
html[data-theme="light"] .dash-util-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}
html[data-theme="dark"] .qx-med-subj-card,
html[data-theme="dark"] .qx-med-test-card,
html[data-theme="dark"] .qx-med-nb-card,
html[data-theme="dark"] .qx-med-rev-card,
html[data-theme="dark"] .qx-med-goal,
html[data-theme="dark"] .qx-med-ncert-banner,
html[data-theme="dark"] .qx-med-dpp-banner,
html[data-theme="dark"] .qx-med-an-card,
html[data-theme="dark"] .qx-med-util,
html[data-theme="dark"] .exam-pill-card,
html[data-theme="dark"] .qx-folder-card,
html[data-theme="dark"] .dash-tool-card,
html[data-theme="dark"] .dash-util-card,
html[data-theme="dark"] .dash-board-hero {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: #64748b !important;
}
html[data-theme="light"] .qx-med-subj-card strong,
html[data-theme="light"] .qx-med-test-card strong,
html[data-theme="light"] .qx-med-nb-card strong,
html[data-theme="light"] .qx-med-goal strong,
html[data-theme="light"] .exam-pill-card strong,
html[data-theme="light"] .qx-folder-title,
html[data-theme="light"] .dash-board-hero h3,
html[data-theme="light"] .dash-ncert-head h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
html[data-theme="dark"] .qx-med-subj-card strong,
html[data-theme="dark"] .qx-med-test-card strong,
html[data-theme="dark"] .qx-med-nb-card strong,
html[data-theme="dark"] .qx-med-rev-card strong,
html[data-theme="dark"] .qx-med-goal strong,
html[data-theme="dark"] .qx-med-goal span,
html[data-theme="dark"] .qx-med-subj-go,
html[data-theme="dark"] .exam-pill-card strong,
html[data-theme="dark"] .dash-board-hero h3,
html[data-theme="dark"] .dash-board-hero p,
html[data-theme="dark"] .qx-med-util {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html[data-theme="light"] .qx-med-subj-card small,
html[data-theme="light"] .qx-med-test-card small,
html[data-theme="light"] .qx-med-nb-card small,
html[data-theme="light"] .qx-med-rev-card small,
html[data-theme="light"] .exam-pill-card small,
html[data-theme="light"] .dash-board-hero p {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
html[data-theme="dark"] .qx-med-subj-card small,
html[data-theme="dark"] .qx-med-test-card small,
html[data-theme="dark"] .qx-med-nb-card small,
html[data-theme="dark"] .qx-med-rev-card small,
html[data-theme="dark"] .exam-pill-card small,
html[data-theme="dark"] .qx-ncert-tool small {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}
html[data-theme="light"] img.exam-card-logo,
html[data-theme="light"] img.qx-exam-logo,
html[data-theme="light"] img.qx-marks-icon,
html[data-theme="light"] img.dash-board-hero-logo,
html[data-theme="light"] img.dash-board-tab-logo,
html[data-theme="dark"] img.exam-card-logo,
html[data-theme="dark"] img.qx-exam-logo,
html[data-theme="dark"] img.qx-marks-icon,
html[data-theme="dark"] img.dash-board-hero-logo,
html[data-theme="dark"] img.dash-board-tab-logo,
html[data-theme="light"] .qx-med-subj-ic img,
html[data-theme="dark"] .qx-med-subj-ic img,
html[data-theme="light"] .qx-book-cover,
html[data-theme="dark"] .qx-book-cover,
html[data-theme="light"] .qx-book-photo-img,
html[data-theme="dark"] .qx-book-photo-img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* qxmd259: exam date chip never white-on-white or black-on-black */
html[data-theme="light"] .qx-paper-date,
html body .eg-test-root[data-test-theme="light"] .qx-paper-date,
html body .qzrr-cbt:not(.qzrr-dark) .qx-paper-date,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] .qx-paper-date,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qx-paper-date,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] .qx-content .qx-paper-date,
html[data-theme="light"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content .qx-paper-date,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content .qx-paper-date {
  color: #9a3412 !important;
  -webkit-text-fill-color: #9a3412 !important;
  background: #ffedd5 !important;
  border: 1px solid #ea580c !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="dark"] .qx-paper-date,
html body .eg-test-root[data-test-theme="dark"] .qx-paper-date,
html body .qzrr-cbt.qzrr-dark .qx-paper-date,
html[data-theme="light"] body .eg-test-root[data-test-theme="dark"] .qx-paper-date,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qx-paper-date,
html[data-theme="dark"] body .eg-test-root[data-test-theme="dark"] .qx-content .qx-paper-date,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content .qx-paper-date,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content .qx-paper-date {
  color: #ffedd5 !important;
  -webkit-text-fill-color: #ffedd5 !important;
  background: #7c2d12 !important;
  border: 1px solid #fb923c !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===== qxmd260: inline option math + icons never blank/flipped ===== */
html body .mtk-opt-text,
html body .qx-prac-opt-text,
html body .eg-opt .qx-content,
html body #qxOpts .mtk-opt-text,
html body #qxOpts .mtk-opt .qx-content,
html body .qzrr-opts .mtk-opt-text {
  display: block !important;
  flex-direction: unset !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
html body .mtk-opt-text .katex,
html body .qx-prac-opt-text .katex,
html body #qxOpts .katex,
html body .qzrr-opts .katex,
html body .mtk-opt-text .katex-display:not(.qx-math-block),
html body #qxOpts .katex-display:not(.qx-math-block),
html body .qzrr-opts .katex-display:not(.qx-math-block) {
  display: inline-block !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}
html body .mtk-opt-text img,
html body .qx-prac-opt-text img,
html body #qxOpts .mtk-opt img,
html body .qx-opt-fig img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .qx-ch-icon,
html body .qx-module-ic,
html body .qx-folder-ic,
html body .qx-topic-ic,
html body .subj-ic,
html body .qx-med-subj-ic,
html body .dash-tool-ic,
html body .exam-pill-ic,
html body .cpyqb-exam-tile-ic,
html[data-theme="light"] .qx-ch-icon,
html[data-theme="dark"] .qx-ch-icon,
html[data-theme="light"] .qx-med-subj-ic,
html[data-theme="dark"] .qx-med-subj-ic {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}
html body .qx-ch-icon img,
html body .qx-ch-3d-img,
html body .qx-ch-glyph-img,
html body .qx-module-ic img,
html body .qx-folder-ic img,
html body .qx-topic-ic img,
html body .subj-ic img,
html body .qx-med-subj-ic img,
html body img.qx-exam-logo,
html body img.qx-marks-icon,
html body img.dash-tool-logo,
html body img.exam-pill-logo,
html body img.exam-card-logo,
html body img.cpyqb-exam-tile-logo,
html[data-theme="light"] .qx-ch-3d-img,
html[data-theme="dark"] .qx-ch-3d-img,
html[data-theme="light"] .qx-med-subj-ic img,
html[data-theme="dark"] .qx-med-subj-ic img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  backface-visibility: visible !important;
  content-visibility: visible !important;
}
@media (max-width: 720px) {
  html body .qx-ch-icon,
  html body .qx-ch-icon img,
  html body .qx-module-ic,
  html body .qx-module-ic img,
  html body .qx-folder-ic img,
  html body .qx-topic-ic img,
  html body .qx-med-subj-ic img,
  html body img.qx-exam-logo,
  html body img.dash-tool-logo,
  html body img.qx-marks-icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    max-width: none !important;
    max-height: none !important;
  }
  html body .qx-ch-icon,
  html body .qx-module-ic,
  html body .qx-folder-ic,
  html body .qx-med-subj-ic,
  html body .dash-tool-ic {
    display: inline-flex !important;
  }
}
@media (min-width: 721px) {
  html body .qx-ch-icon img,
  html body .qx-module-ic img,
  html body .qx-folder-ic img,
  html body .qx-topic-ic img,
  html body .qx-med-subj-ic img,
  html body img.qx-exam-logo,
  html body img.dash-tool-logo {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
  }
}


/* qxmd262: settings sheet groups stay readable on a phone, selected stays white on blue */
html body .eg-fmt-pop.eg-vs-marks,
html body #pracViewPanel.eg-vs-marks {
  overflow-x: hidden !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-vs-lab,
html body #pracViewPanel.eg-vs-marks .eg-vs-lab {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-vs-lab-t,
html body #pracViewPanel.eg-vs-marks .eg-vs-lab-t,
html body .eg-fmt-pop.eg-vs-marks .eg-fmt-title,
html body #pracViewPanel.eg-vs-marks .eg-fmt-title {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-vs-hint,
html body #pracViewPanel.eg-vs-marks .eg-vs-hint {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}
html[data-theme="dark"] body .eg-fmt-pop.eg-vs-marks .eg-vs-hint,
html body .eg-test-root[data-test-theme="dark"] .eg-fmt-pop.eg-vs-marks .eg-vs-hint,
html[data-theme="dark"] body #pracViewPanel.eg-vs-marks .eg-vs-hint,
html body .mtk-test-root[data-test-theme="dark"] #pracViewPanel.eg-vs-marks .eg-vs-hint {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-vs-h,
html body #pracViewPanel.eg-vs-marks .eg-vs-h {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}
html[data-theme="dark"] body .eg-fmt-pop.eg-vs-marks .eg-vs-h,
html body .eg-test-root[data-test-theme="dark"] .eg-vs-h,
html[data-theme="dark"] body #pracViewPanel.eg-vs-marks .eg-vs-h,
html body .mtk-test-root[data-test-theme="dark"] #pracViewPanel.eg-vs-marks .eg-vs-h {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-fmt-row,
html body #pracViewPanel.eg-vs-marks .eg-fmt-row,
html body .eg-fmt-pop.eg-vs-marks .eg-vs-tools,
html body #pracViewPanel.eg-vs-marks .eg-vs-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  max-width: 100% !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-fmt-row button,
html body #pracViewPanel.eg-vs-marks .eg-fmt-row button,
html body .eg-fmt-pop.eg-vs-marks .eg-vs-tools button,
html body #pracViewPanel.eg-vs-marks .eg-vs-tools button {
  min-height: 44px !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
}
html[data-theme="dark"] body .eg-fmt-pop.eg-vs-marks .eg-fmt-row button:not(.on),
html body .eg-test-root[data-test-theme="dark"] .eg-fmt-pop.eg-vs-marks .eg-fmt-row button:not(.on),
html[data-theme="dark"] body #pracViewPanel.eg-vs-marks .eg-fmt-row button:not(.on),
html body .mtk-test-root[data-test-theme="dark"] #pracViewPanel.eg-vs-marks .eg-fmt-row button:not(.on),
html[data-theme="dark"] body .eg-fmt-pop.eg-vs-marks .eg-vs-tools button,
html body .eg-test-root[data-test-theme="dark"] .eg-vs-tools button,
html[data-theme="dark"] body #pracViewPanel.eg-vs-marks .eg-vs-tools button {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: #1e293b !important;
  border-color: #475569 !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-fmt-row button.on,
html body #pracViewPanel.eg-vs-marks .eg-fmt-row button.on,
html body .eg-fmt-pop.eg-vs-marks .eg-vs-size-row button.on,
html body #pracViewPanel.eg-vs-marks .eg-vs-size-row button.on {
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #1565C0 !important;
}
html body .eg-fmt-pop.eg-vs-marks .eg-vs-tog,
html body #pracViewPanel.eg-vs-marks .eg-vs-tog {
  min-width: 46px !important;
  width: 46px !important;
  height: 28px !important;
  flex: 0 0 46px !important;
}
@media (max-width: 420px) {
  html body .eg-fmt-pop.eg-vs-marks .eg-vs-sizes,
  html body #pracViewPanel.eg-vs-marks .eg-vs-sizes {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
  html body .eg-fmt-pop.eg-vs-marks .eg-vs-size-row,
  html body #pracViewPanel.eg-vs-marks .eg-vs-size-row {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  html body .eg-fmt-pop.eg-vs-marks,
  html body #pracViewPanel.eg-vs-marks {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ===== qxmd263: Engineering + Medical desk, both themes. Icons stay face-up. ===== */
@keyframes qxIconSettle {
  0%, 100% { transform: translateY(0) scale(1); opacity: 1; }
  45% { transform: translateY(-3px) scale(1.045); opacity: 1; }
  70% { transform: translateY(-1px) scale(1.02); opacity: 1; }
}
@keyframes qxWallLift {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

html[data-theme="light"] .qx-med-subj-ic,
html[data-theme="dark"] .qx-med-subj-ic,
html[data-theme="light"] .exam-pill-ic,
html[data-theme="dark"] .exam-pill-ic,
html[data-theme="light"] .cpyqb-exam-tile-ic,
html[data-theme="dark"] .cpyqb-exam-tile-ic,
html[data-theme="light"] .dash-tool-ic,
html[data-theme="dark"] .dash-tool-ic,
html[data-theme="light"] .qx-fc-folder-badge,
html[data-theme="dark"] .qx-fc-folder-badge,
html[data-theme="light"] .qx-folder-ic,
html[data-theme="dark"] .qx-folder-ic,
html[data-theme="light"] .subj-mini-ic,
html[data-theme="dark"] .subj-mini-ic {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 14px !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, .2), 0 6px 14px rgba(15, 23, 42, .16) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 4px !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body img.qx-exam-logo,
html body img.qx-marks-icon,
html body img.dash-tool-logo,
html body img.exam-pill-logo,
html body img.exam-card-logo,
html body img.cpyqb-exam-tile-logo,
html body img.dash-board-hero-logo,
html body img.dash-board-tab-logo,
html body img.subj-ic-img,
html body img.qx-ch-glyph-img,
html body img.qx-ch-3d-img,
html body .qx-ch-icon img,
html body .qx-module-ic img,
html body .qx-folder-ic img,
html body .qx-topic-ic img,
html body .subj-ic img,
html body .qx-med-subj-ic img,
html body .qx-fc-folder-badge img,
html[data-theme="light"] img.qx-exam-logo,
html[data-theme="dark"] img.qx-exam-logo,
html[data-theme="light"] .qx-ch-3d-img,
html[data-theme="dark"] .qx-ch-3d-img,
html[data-theme="light"] .qx-med-subj-ic img,
html[data-theme="dark"] .qx-med-subj-ic img,
html[data-theme="light"] .qx-folder-ic img,
html[data-theme="dark"] .qx-folder-ic img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  backface-visibility: visible !important;
  content-visibility: visible !important;
  transform-origin: 50% 60% !important;
  animation: qxIconSettle 2.8s ease-in-out infinite !important;
  min-width: 28px !important;
  min-height: 28px !important;
  object-fit: contain !important;
}
html body img.qx-exam-logo,
html body img.dash-tool-logo,
html body img.exam-pill-logo,
html body img.cpyqb-exam-tile-logo,
html body .qx-med-subj-ic img,
html body .qx-fc-folder-badge img {
  width: 40px !important;
  height: 40px !important;
}

html[data-theme="light"] button.qx-fc-folder,
html[data-theme="dark"] button.qx-fc-folder,
html[data-theme="light"] .subj-card.qx-fc-folder,
html[data-theme="dark"] .subj-card.qx-fc-folder,
html[data-theme="light"] .qx-dash-fc-cover,
html[data-theme="dark"] .qx-dash-fc-cover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  min-height: 168px !important;
  overflow: hidden !important;
}
html[data-theme="light"] .qx-fc-folder strong,
html[data-theme="dark"] .qx-fc-folder strong,
html[data-theme="light"] .qx-fc-folder small,
html[data-theme="dark"] .qx-fc-folder small,
html[data-theme="light"] .qx-fc-folder em,
html[data-theme="dark"] .qx-fc-folder em,
html[data-theme="light"] .qx-dash-fc-cover strong,
html[data-theme="dark"] .qx-dash-fc-cover strong,
html[data-theme="light"] .qx-dash-fc-cover small,
html[data-theme="dark"] .qx-dash-fc-cover small,
html[data-theme="light"] .qx-dash-fc-cover em,
html[data-theme="dark"] .qx-dash-fc-cover em {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="light"] .qx-fc-folder-phy,
html[data-theme="dark"] .qx-fc-folder-phy,
html[data-theme="light"] .qx-folder-card.qx-fc-folder-phy,
html[data-theme="dark"] .qx-folder-card.qx-fc-folder-phy {
  background-color: #1e3a8a !important;
  background-image: linear-gradient(145deg, #1e3a8a 0%, #2563eb 42%, #38bdf8 72%, #6366f1 100%) !important;
}
html[data-theme="light"] .qx-fc-folder-chem,
html[data-theme="dark"] .qx-fc-folder-chem,
html[data-theme="light"] .qx-folder-card.qx-fc-folder-chem,
html[data-theme="dark"] .qx-folder-card.qx-fc-folder-chem {
  background-color: #064e3b !important;
  background-image: linear-gradient(145deg, #064e3b 0%, #059669 46%, #34d399 72%, #0ea5e9 100%) !important;
}
html[data-theme="light"] .qx-fc-folder-math,
html[data-theme="dark"] .qx-fc-folder-math,
html[data-theme="light"] .qx-folder-card.qx-fc-folder-math,
html[data-theme="dark"] .qx-folder-card.qx-fc-folder-math {
  background-color: #4c1d95 !important;
  background-image: linear-gradient(145deg, #4c1d95 0%, #7c3aed 46%, #c084fc 70%, #f472b6 100%) !important;
}
html[data-theme="light"] .qx-fc-folder-bot,
html[data-theme="dark"] .qx-fc-folder-bot,
html[data-theme="light"] .qx-folder-card.qx-fc-folder-bot,
html[data-theme="dark"] .qx-folder-card.qx-fc-folder-bot {
  background-color: #14532d !important;
  background-image: linear-gradient(145deg, #14532d 0%, #16a34a 48%, #86efac 72%, #facc15 100%) !important;
}
html[data-theme="light"] .qx-fc-folder-zoo,
html[data-theme="dark"] .qx-fc-folder-zoo,
html[data-theme="light"] .qx-folder-card.qx-fc-folder-zoo,
html[data-theme="dark"] .qx-folder-card.qx-fc-folder-zoo {
  background-color: #9a3412 !important;
  background-image: linear-gradient(145deg, #9a3412 0%, #ea580c 46%, #fb923c 70%, #f43f5e 100%) !important;
}
html[data-theme="light"] .qx-fc-folder-gen,
html[data-theme="dark"] .qx-fc-folder-gen,
html[data-theme="light"] .qx-folder-card.qx-fc-folder-gen,
html[data-theme="dark"] .qx-folder-card.qx-fc-folder-gen {
  background-color: #134e4a !important;
  background-image: linear-gradient(145deg, #134e4a 0%, #0d9488 50%, #22d3ee 100%) !important;
}
html[data-theme="light"] .qx-fc-folder,
html[data-theme="dark"] .qx-fc-folder {
  background-size: 180% 180% !important;
  animation: qxFcFolderShift 8s ease-in-out infinite !important;
}

html[data-theme="light"] .qx-med-subj-card {
  background-color: #f8fafc !important;
  background-image: linear-gradient(160deg, #ffffff 0%, color-mix(in srgb, var(--med-tone, #2563eb) 18%, #ffffff) 100%) !important;
  border: 1.5px solid color-mix(in srgb, var(--med-tone, #2563eb) 55%, #cbd5e1) !important;
  color: #0f172a !important;
}
html[data-theme="dark"] .qx-med-subj-card {
  background-color: #0f172a !important;
  background-image: linear-gradient(160deg, #1e293b 0%, color-mix(in srgb, var(--med-tone, #38bdf8) 42%, #0f172a) 100%) !important;
  border: 1.5px solid color-mix(in srgb, var(--med-tone, #38bdf8) 70%, #64748b) !important;
  color: #f8fafc !important;
}
html[data-theme="light"] .qx-med-subj-card strong { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; }
html[data-theme="dark"] .qx-med-subj-card strong,
html[data-theme="dark"] .qx-med-subj-go { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; }
html[data-theme="light"] .qx-med-subj-card small { color: #334155 !important; -webkit-text-fill-color: #334155 !important; }
html[data-theme="dark"] .qx-med-subj-card small { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; }

html[data-theme="light"] .qx-med-rev-card.oops { background: #fff1f2 !important; border: 1.5px solid #e11d48 !important; }
html[data-theme="light"] .qx-med-rev-card.blur { background: #eff6ff !important; border: 1.5px solid #2563eb !important; }
html[data-theme="light"] .qx-med-rev-card.mem { background: #f5f3ff !important; border: 1.5px solid #7c3aed !important; }
html[data-theme="dark"] .qx-med-rev-card.oops { background: #3f1218 !important; border: 1.5px solid #fb7185 !important; }
html[data-theme="dark"] .qx-med-rev-card.blur { background: #172554 !important; border: 1.5px solid #60a5fa !important; }
html[data-theme="dark"] .qx-med-rev-card.mem { background: #2e1065 !important; border: 1.5px solid #c4b5fd !important; }
html[data-theme="light"] .qx-med-rev-card.oops strong { color: #9f1239 !important; -webkit-text-fill-color: #9f1239 !important; }
html[data-theme="light"] .qx-med-rev-card.blur strong { color: #1e3a8a !important; -webkit-text-fill-color: #1e3a8a !important; }
html[data-theme="light"] .qx-med-rev-card.mem strong { color: #5b21b6 !important; -webkit-text-fill-color: #5b21b6 !important; }
html[data-theme="dark"] .qx-med-rev-card.oops strong,
html[data-theme="dark"] .qx-med-rev-card.blur strong,
html[data-theme="dark"] .qx-med-rev-card.mem strong { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; }
html[data-theme="light"] .qx-med-rev-card small { color: #334155 !important; -webkit-text-fill-color: #334155 !important; }
html[data-theme="dark"] .qx-med-rev-card small { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; }

html[data-theme="light"] .qx-med-test-card,
html[data-theme="light"] .qx-med-nb-card,
html[data-theme="light"] .dash-tool-card,
html[data-theme="light"] .exam-pill-card,
html[data-theme="light"] .dash-util-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #64748b !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
}
html[data-theme="dark"] .qx-med-test-card,
html[data-theme="dark"] .qx-med-nb-card,
html[data-theme="dark"] .dash-tool-card,
html[data-theme="dark"] .exam-pill-card,
html[data-theme="dark"] .dash-util-card {
  background: #1e293b !important;
  color: #f8fafc !important;
  border: 1.5px solid #94a3b8 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .28) !important;
}
html[data-theme="light"] .qx-med-test-card strong,
html[data-theme="light"] .qx-med-nb-card strong,
html[data-theme="light"] .dash-tool-card strong,
html[data-theme="light"] .exam-pill-card strong,
html[data-theme="light"] .dash-util-card strong { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; }
html[data-theme="dark"] .qx-med-test-card strong,
html[data-theme="dark"] .qx-med-nb-card strong,
html[data-theme="dark"] .dash-tool-card strong,
html[data-theme="dark"] .exam-pill-card strong,
html[data-theme="dark"] .dash-util-card strong { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; }
html[data-theme="light"] .qx-med-test-card small,
html[data-theme="light"] .qx-med-nb-card small,
html[data-theme="light"] .dash-tool-card small,
html[data-theme="light"] .exam-pill-card small { color: #334155 !important; -webkit-text-fill-color: #334155 !important; }
html[data-theme="dark"] .qx-med-test-card small,
html[data-theme="dark"] .qx-med-nb-card small,
html[data-theme="dark"] .dash-tool-card small,
html[data-theme="dark"] .exam-pill-card small { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; }

html[data-theme="light"] .qx-med-goal {
  background: linear-gradient(135deg, #ecfdf5, #dbeafe) !important;
  border: 1.5px solid #059669 !important;
  color: #064e3b !important;
}
html[data-theme="dark"] .qx-med-goal {
  background: linear-gradient(135deg, #064e3b, #1e3a8a) !important;
  border: 1.5px solid #34d399 !important;
  color: #ecfdf5 !important;
}
html[data-theme="light"] .qx-med-goal strong,
html[data-theme="light"] .qx-med-goal span { color: #064e3b !important; -webkit-text-fill-color: #064e3b !important; }
html[data-theme="dark"] .qx-med-goal strong,
html[data-theme="dark"] .qx-med-goal span { color: #ecfdf5 !important; -webkit-text-fill-color: #ecfdf5 !important; }

html[data-theme="light"] .qx-med-ncert-banner { background: linear-gradient(90deg, #fff7ed, #ffedd5) !important; color: #7c2d12 !important; }
html[data-theme="dark"] .qx-med-ncert-banner { background: linear-gradient(90deg, #431407, #7c2d12) !important; color: #ffedd5 !important; }
html[data-theme="light"] .qx-med-dpp-banner { background: linear-gradient(90deg, #eff6ff, #e0e7ff) !important; color: #1e3a8a !important; }
html[data-theme="dark"] .qx-med-dpp-banner { background: linear-gradient(90deg, #172554, #312e81) !important; color: #dbeafe !important; }
html[data-theme="light"] .qx-med-an-card { background: linear-gradient(90deg, #ecfdf5, #d1fae5) !important; color: #064e3b !important; }
html[data-theme="dark"] .qx-med-an-card { background: linear-gradient(90deg, #064e3b, #065f46) !important; color: #ecfdf5 !important; }

html body .qx-book-cover {
  display: block !important;
  min-height: 180px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background-color: #1e3a8a !important;
  background-image: linear-gradient(145deg, var(--cover-c1, #0b1b4a), var(--cover-c2, #1d4ed8) 55%, var(--cover-c3, #38bdf8)) !important;
  animation: qxWallLift 3.6s ease-in-out infinite !important;
}
html body .qx-book-photo-img {
  opacity: 1 !important;
  visibility: visible !important;
  animation: qxWallLift 3.6s ease-in-out infinite !important;
}

html[data-theme="light"] .qx-paper-date,
html body .eg-test-root[data-test-theme="light"] .qx-paper-date,
html body .qzrr-cbt:not(.qzrr-dark) .qx-paper-date,
html[data-theme="dark"] body .eg-test-root[data-test-theme="light"] .qx-paper-date,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qx-paper-date,
html body .qx-content .qx-paper-date,
html[data-theme="light"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content .qx-paper-date,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-q-area .qx-content .qx-paper-date,
html body .mtk-test-root[data-test-theme="light"] .qx-paper-date {
  color: #9a3412 !important;
  -webkit-text-fill-color: #9a3412 !important;
  background: #ffedd5 !important;
  border: 1px solid #ea580c !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="dark"] .qx-paper-date,
html body .eg-test-root[data-test-theme="dark"] .qx-paper-date,
html body .qzrr-cbt.qzrr-dark .qx-paper-date,
html[data-theme="light"] body .eg-test-root[data-test-theme="dark"] .qx-paper-date,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qx-paper-date,
html[data-theme="dark"] body .qx-content .qx-paper-date,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content .qx-paper-date,
html[data-theme="dark"] body .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content .qx-paper-date,
html body .mtk-test-root[data-test-theme="dark"] .qx-paper-date {
  color: #ffedd5 !important;
  -webkit-text-fill-color: #ffedd5 !important;
  background: #7c2d12 !important;
  border: 1px solid #fb923c !important;
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 420px) {
  html body img.qx-exam-logo,
  html body img.dash-tool-logo,
  html body img.exam-pill-logo,
  html body .qx-med-subj-ic img,
  html body .qx-fc-folder-badge img,
  html body .qx-ch-icon img,
  html body .qx-folder-ic img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    opacity: 1 !important;
    visibility: visible !important;
    animation: qxIconSettle 2.8s ease-in-out infinite !important;
  }
  html body .qx-dash-fc-covers { grid-template-columns: 1fr 1fr !important; }
  html body .qx-med-subj-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (min-width: 960px) {
  html body img.qx-exam-logo,
  html body img.dash-board-hero-logo,
  html body .qx-med-subj-ic img,
  html body .qx-fc-folder-badge img {
    width: 44px !important;
    height: 44px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body img.qx-exam-logo,
  html body img.qx-ch-3d-img,
  html body .qx-med-subj-ic img,
  html body .qx-book-cover,
  html body .qx-book-photo-img,
  html body .qx-fc-folder {
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

/* ===== qxmd266/280: coaching practice shell. Labeled toolbar, readable question, visible letters. ===== */

/* Toolbar: white icons + labels on Quantrex blue */
html body .eg-test-root > .eg-top,
html body .eg-test-root .eg-top,
html body .mtk-test-root.allen-practice .mtk-header,
html body .allen-practice .mtk-header.eg-top {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  overflow: visible !important;
  min-height: 56px !important;
  max-height: none !important;
  height: auto !important;
  padding: 0 6px !important;
  background: #1565C0 !important;
  color: #ffffff !important;
}
html body .eg-test-root .eg-back,
html body .allen-practice .mtk-close-btn,
html body .allen-practice .eg-back {
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 36px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
}
html body .eg-test-root .eg-top-title,
html body .allen-practice .mtk-brand,
html body .allen-practice .mtk-brand-text,
html body .allen-practice .mtk-prac-progress,
html body .allen-practice .qx-best-timer,
html body .eg-test-root .eg-mode-pill {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .eg-test-root .eg-top-title,
html body .allen-practice .mtk-header-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html body .eg-test-root .eg-top-title,
html body .allen-practice .mtk-brand-text {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
html body .eg-test-root .eg-top-tools,
html body .allen-practice .qx-prac-tools,
html body .mtk-test-root.allen-practice .mtk-header-tools {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  max-width: calc(100% - 88px) !important;
  min-width: 0 !important;
  overflow: visible !important;
  margin-left: auto !important;
}
html body .eg-test-root .eg-top-tools .eg-tool-btn,
html body .eg-test-root .eg-top-tools .eg-ico,
html body .allen-practice .qx-prac-tools .eg-tool-btn,
html body .allen-practice .qx-prac-tools .eg-ico,
html body .allen-practice .qx-hint-btn {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 44px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 52px !important;
  padding: 2px 5px !important;
  gap: 2px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  flex: 0 0 auto !important;
}
html body .eg-test-root .eg-top-tools .eg-tip,
html body .eg-test-root .eg-top-tools .eg-tool-btn .eg-tip,
html body .eg-test-root .eg-top-tools .eg-ico .eg-tip,
html body .allen-practice .qx-prac-tools .eg-tip,
html body .allen-practice .eg-tip {
  display: block !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  max-width: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
html body .eg-test-root .eg-top-tools svg,
html body .allen-practice .qx-prac-tools svg,
html body .allen-practice .qx-hint-btn svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  flex: 0 0 auto !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}
html body .eg-test-root .eg-top-tools svg [fill="currentColor"],
html body .allen-practice .qx-prac-tools svg [fill="currentColor"] {
  fill: #ffffff !important;
}
html body .eg-test-root .eg-top-tools .eg-tool-btn.on,
html body .eg-test-root .eg-top-tools .eg-ico.on,
html body .allen-practice .qx-prac-tools .eg-tool-btn.on,
html body .allen-practice .qx-bm-btn.on {
  background: rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 0 0 1.5px #ffffff !important;
  border-radius: 8px !important;
  color: #ffffff !important;
}
@media (max-width: 420px) {
  html body .eg-test-root > .eg-top,
  html body .allen-practice .mtk-header.eg-top {
    gap: 2px !important;
    padding: 0 2px !important;
  }
  html body .eg-test-root .eg-back,
  html body .allen-practice .eg-back {
    flex-basis: 28px !important;
    width: 28px !important;
    min-width: 28px !important;
  }
  html body .allen-practice .mtk-brand-text {
    max-width: 64px !important;
    font-size: 12px !important;
  }
  html body .allen-practice .mtk-prac-progress {
    font-size: 11px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  html body .eg-test-root .eg-mode-pill { display: none !important; }
  html body .eg-test-root .eg-top-tools .eg-tool-btn,
  html body .eg-test-root .eg-top-tools .eg-ico,
  html body .allen-practice .qx-prac-tools .eg-tool-btn,
  html body .allen-practice .qx-prac-tools .eg-ico,
  html body .allen-practice .qx-hint-btn {
    width: auto !important;
    min-width: 40px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 52px !important;
    flex-basis: auto !important;
    flex-direction: column !important;
  }
  html body .eg-test-root .eg-top-tools,
  html body .allen-practice .qx-prac-tools {
    max-width: calc(100% - 72px) !important;
  }
}

/* Question card: not raw, not cramped. Ink stays readable in both themes. */
html body .eg-test-root[data-test-theme="light"] .eg-main,
html body .mtk-test-root.allen-practice[data-test-theme="light"] .mtk-body,
html body .allen-practice[data-test-theme="light"] .mtk-main {
  background: #ffffff !important;
}
html body .eg-test-root[data-test-theme="dark"] .eg-main,
html body .mtk-test-root.allen-practice[data-test-theme="dark"] .mtk-body,
html body .allen-practice[data-test-theme="dark"] .mtk-main {
  background: #0f172a !important;
}
html body .eg-test-root .eg-q-card,
html body .eg-test-root.eg-compact .eg-q-card,
html body .allen-practice .mtk-main {
  padding: 16px 16px 18px !important;
  background: #ffffff !important;
  color: #0b1220 !important;
  border-radius: 16px !important;
  border: 1px solid #d5deea !important;
}
html body .eg-test-root[data-test-theme="dark"] .eg-q-card,
html body .eg-test-root.eg-compact[data-test-theme="dark"] .eg-q-card,
html body .allen-practice[data-test-theme="dark"] .mtk-main {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}
html body .eg-test-root[data-test-theme="light"] #egQArea,
html body .eg-test-root[data-test-theme="light"] .eg-q-stem,
html body .eg-test-root[data-test-theme="light"] .mtk-q-text,
html body .eg-test-root[data-test-theme="light"] .qx-question-body,
html body .allen-practice[data-test-theme="light"] .mtk-q-text,
html body .allen-practice[data-test-theme="light"] #egQArea,
html body .eg-test-root[data-test-theme="light"] #egQArea *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path),
html body .allen-practice[data-test-theme="light"] .mtk-q-text *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path),
html body .eg-test-root[data-test-theme="light"] .katex,
html body .eg-test-root[data-test-theme="light"] .katex *,
html body .allen-practice[data-test-theme="light"] .mtk-q-text .katex,
html body .allen-practice[data-test-theme="light"] .mtk-q-text .katex * {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}
html body .eg-test-root[data-test-theme="dark"] #egQArea,
html body .eg-test-root[data-test-theme="dark"] .eg-q-stem,
html body .eg-test-root[data-test-theme="dark"] .mtk-q-text,
html body .eg-test-root[data-test-theme="dark"] .qx-question-body,
html body .allen-practice[data-test-theme="dark"] .mtk-q-text,
html body .allen-practice[data-test-theme="dark"] #egQArea,
html body .eg-test-root[data-test-theme="dark"] #egQArea *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path),
html body .allen-practice[data-test-theme="dark"] .mtk-q-text *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path),
html body .eg-test-root[data-test-theme="dark"] .katex,
html body .eg-test-root[data-test-theme="dark"] .katex *,
html body .allen-practice[data-test-theme="dark"] .mtk-q-text .katex,
html body .allen-practice[data-test-theme="dark"] .mtk-q-text .katex * {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html body .eg-test-root #egQArea,
html body .eg-test-root .eg-q-stem,
html body .allen-practice .mtk-q-text,
html body .qx-question-body {
  font-size: 17px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  margin: 0 0 14px !important;
}
html body .eg-test-root .eg-q-stem p,
html body .allen-practice .mtk-q-text p,
html body .qx-question-body p {
  margin: 0 0 10px !important;
}
html body .eg-test-root #qxOpts,
html body .eg-test-root .eg-opts,
html body .allen-practice #qaOpts,
html body .allen-practice .mtk-options,
html body .mtk-options.mtk-options-grid {
  display: grid !important;
  gap: 10px !important;
  margin-top: 4px !important;
}
@media (max-width: 720px) {
  html body .eg-test-root #qxOpts,
  html body .eg-test-root .eg-opts,
  html body .allen-practice #qaOpts,
  html body .allen-practice .mtk-options,
  html body .eg-test-root #qxOpts.mtk-options-grid,
  html body .eg-test-root #qxOpts.qx-opts-img,
  html body .eg-test-root #qxOpts.qx-opts-stack {
    grid-template-columns: 1fr !important;
  }
  html body .eg-test-root .eg-q-card,
  html body .eg-test-root.eg-compact .eg-q-card,
  html body .allen-practice .mtk-main {
    padding: 14px 12px 16px !important;
  }
}

/* Option rows + letters. Selected / correct / wrong stay obvious. */
html body .eg-test-root .mtk-opt,
html body .eg-test-root .eg-opt,
html body .eg-test-root .qx-prac-opt,
html body .allen-practice .mtk-opt,
html body .allen-practice .qx-prac-opt {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  min-height: 52px !important;
  border-radius: 12px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0b1220 !important;
}
html body .eg-test-root[data-test-theme="dark"] .mtk-opt,
html body .eg-test-root[data-test-theme="dark"] .eg-opt,
html body .eg-test-root[data-test-theme="dark"] .qx-prac-opt,
html body .allen-practice[data-test-theme="dark"] .mtk-opt,
html body .allen-practice[data-test-theme="dark"] .qx-prac-opt {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: #64748b !important;
}
html body .eg-test-root[data-test-theme="light"] .mtk-opt-text,
html body .eg-test-root[data-test-theme="light"] .qx-prac-opt-text,
html body .allen-practice[data-test-theme="light"] .mtk-opt-text,
html body .eg-test-root[data-test-theme="light"] .mtk-opt-text *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path),
html body .allen-practice[data-test-theme="light"] .mtk-opt-text *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path) {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}
html body .eg-test-root[data-test-theme="dark"] .mtk-opt-text,
html body .eg-test-root[data-test-theme="dark"] .qx-prac-opt-text,
html body .allen-practice[data-test-theme="dark"] .mtk-opt-text,
html body .eg-test-root[data-test-theme="dark"] .mtk-opt-text *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path),
html body .allen-practice[data-test-theme="dark"] .mtk-opt-text *:not(.mtk-opt-letter):not(.qx-opt-circle):not(img):not(svg):not(path) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html body .eg-test-root.eg-qxmd182 .mtk-opt .mtk-opt-letter,
html body .eg-test-root.eg-qxmd182 .mtk-opt .qx-opt-circle,
html body .eg-test-root .mtk-opt-letter,
html body .eg-test-root .qx-opt-circle,
html body .eg-test-root .eg-opt-letter,
html body .allen-practice .mtk-opt-letter,
html body .allen-practice .qx-opt-circle,
html body .qzrr-opts .mtk-opt .mtk-opt-letter,
html body .qzrr-cbt .mtk-opt-letter,
html body .qx-prac-opt .mtk-opt-letter,
html body .qx-prac-opt .qx-opt-circle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 50% !important;
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  overflow: visible !important;
}
html body .eg-test-root[data-test-theme="light"] .mtk-opt.selected:not(.correct):not(.wrong):not(.eg-opt-right):not(.eg-opt-wrong),
html body .eg-test-root[data-test-theme="light"] .qx-prac-opt.selected:not(.correct):not(.wrong),
html body .allen-practice[data-test-theme="light"] .mtk-opt.selected:not(.correct):not(.wrong),
html body .allen-practice[data-test-theme="light"] .qx-prac-opt.selected:not(.correct):not(.wrong) {
  background: #e3f2fd !important;
  border-color: #1565C0 !important;
  box-shadow: 0 0 0 2px rgba(21, 101, 192, 0.28) !important;
  color: #0b1220 !important;
}
html body .eg-test-root[data-test-theme="dark"] .mtk-opt.selected:not(.correct):not(.wrong):not(.eg-opt-right):not(.eg-opt-wrong),
html body .eg-test-root[data-test-theme="dark"] .qx-prac-opt.selected:not(.correct):not(.wrong),
html body .allen-practice[data-test-theme="dark"] .mtk-opt.selected:not(.correct):not(.wrong) {
  background: #1e3a5f !important;
  border-color: #90caf9 !important;
  box-shadow: 0 0 0 2px rgba(144, 202, 249, 0.35) !important;
  color: #f8fafc !important;
}
html body .eg-test-root .mtk-opt.selected .mtk-opt-letter,
html body .eg-test-root .mtk-opt.selected .qx-opt-circle,
html body .eg-test-root.eg-qxmd182 .mtk-opt.selected .mtk-opt-letter,
html body .allen-practice .mtk-opt.selected .mtk-opt-letter,
html body .qx-prac-opt.selected .mtk-opt-letter,
html body .qzrr-opts .mtk-opt.selected .mtk-opt-letter {
  background: #0d47a1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.35) !important;
}
html body .eg-test-root[data-test-theme="light"] .mtk-opt.eg-opt-right,
html body .eg-test-root[data-test-theme="light"] .mtk-opt.correct,
html body .allen-practice[data-test-theme="light"] .mtk-opt.correct,
html body .allen-practice[data-test-theme="light"] .qx-prac-opt.correct {
  background: #ecfdf5 !important;
  border-color: #16a34a !important;
  color: #14532d !important;
}
html body .eg-test-root[data-test-theme="dark"] .mtk-opt.eg-opt-right,
html body .eg-test-root[data-test-theme="dark"] .mtk-opt.correct,
html body .allen-practice[data-test-theme="dark"] .mtk-opt.correct {
  background: #14532d !important;
  border-color: #4ade80 !important;
  color: #dcfce7 !important;
}
html body .eg-test-root .mtk-opt.eg-opt-right .mtk-opt-letter,
html body .eg-test-root .mtk-opt.correct .mtk-opt-letter,
html body .allen-practice .mtk-opt.correct .mtk-opt-letter,
html body .qx-prac-opt.correct .mtk-opt-letter {
  background: #15803d !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .eg-test-root[data-test-theme="light"] .mtk-opt.eg-opt-wrong,
html body .eg-test-root[data-test-theme="light"] .mtk-opt.wrong,
html body .allen-practice[data-test-theme="light"] .mtk-opt.wrong,
html body .allen-practice[data-test-theme="light"] .qx-prac-opt.wrong {
  background: #fef2f2 !important;
  border-color: #dc2626 !important;
  color: #7f1d1d !important;
}
html body .eg-test-root[data-test-theme="dark"] .mtk-opt.eg-opt-wrong,
html body .eg-test-root[data-test-theme="dark"] .mtk-opt.wrong,
html body .allen-practice[data-test-theme="dark"] .mtk-opt.wrong {
  background: #7f1d1d !important;
  border-color: #fca5a5 !important;
  color: #fee2e2 !important;
}
html body .eg-test-root .mtk-opt.eg-opt-wrong .mtk-opt-letter,
html body .eg-test-root .mtk-opt.wrong .mtk-opt-letter,
html body .allen-practice .mtk-opt.wrong .mtk-opt-letter,
html body .qx-prac-opt.wrong .mtk-opt-letter {
  background: #b91c1c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Solution: room to read, figures untouched */
html body .eg-sol-panel,
html body #egSolPanel,
html body .allen-practice #qaSolReveal,
html body .qx-sol-card {
  margin: 16px 0 8px !important;
  padding: 0 !important;
  border-radius: 14px !important;
}
html body #egSol,
html body .eg-sol,
html body .eg-sol-inline,
html body .sol-body,
html body .qx-sol-flow,
html body .allen-practice #qaSolReveal .qx-sol-card,
html body .allen-practice .sol-body {
  padding: 14px 16px 18px !important;
  line-height: 1.75 !important;
  font-size: 17px !important;
}
html body .qx-sol-flow p,
html body .sol-body p,
html body .qx-sol-flow .qx-sol-p,
html body .eg-sol p {
  margin: 0 0 12px !important;
  line-height: 1.75 !important;
}
html body .eg-test-root:not([data-test-theme="dark"]) .eg-sol,
html body .eg-test-root:not([data-test-theme="dark"]) .qx-sol-flow,
html body .allen-practice:not([data-test-theme="dark"]) .sol-body,
html body .allen-practice:not([data-test-theme="dark"]) .qx-sol-card {
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  background: #ffffff !important;
}
html body .eg-test-root[data-test-theme="dark"] .eg-sol,
html body .eg-test-root[data-test-theme="dark"] .qx-sol-flow,
html body .allen-practice[data-test-theme="dark"] .sol-body,
html body .allen-practice[data-test-theme="dark"] .qx-sol-card {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: #0f172a !important;
}
html body .eg-sol-panel-head,
html body .eg-sol-panel-head strong {
  background: #1565C0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* qxmd267: card is content height. Options do not grow. Page is plain.
   The #e8eef6 page wash was the bottom strip. Footer is the three buttons only. */
html body .eg-test-root:not([data-test-theme="dark"]),
html body .eg-test-root:not([data-test-theme="dark"]) .eg-body,
html body .eg-test-root:not([data-test-theme="dark"]) .eg-main,
html body .allen-practice:not([data-test-theme="dark"]),
html body .allen-practice:not([data-test-theme="dark"]) .mtk-body,
html body .mtk-test-root.allen-practice:not([data-test-theme="dark"]) .mtk-body {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
html body .eg-test-root[data-test-theme="dark"],
html body .eg-test-root[data-test-theme="dark"] .eg-body,
html body .eg-test-root[data-test-theme="dark"] .eg-main,
html body .allen-practice[data-test-theme="dark"],
html body .allen-practice[data-test-theme="dark"] .mtk-body,
html body .mtk-test-root.allen-practice[data-test-theme="dark"] .mtk-body {
  background: #0f172a !important;
  background-color: #0f172a !important;
  background-image: none !important;
}
html body .eg-test-root > .eg-body,
html body .eg-test-root .eg-body,
html body .allen-practice .mtk-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}
html body .eg-test-root .eg-main {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .eg-test-root .eg-q-card,
html body .eg-test-root.eg-compact .eg-q-card,
html body .eg-test-root.eg-qxtool8 .eg-q-card,
html body .eg-test-root.eg-qxmd179 .eg-q-card,
html body .eg-test-root.eg-qxmd182 .eg-q-card,
html body .mtk-test-root .eg-q-card,
html body .allen-practice .mtk-main,
html body .mtk-test-root .mtk-main {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .eg-test-root #qxOpts,
html body .eg-test-root .eg-opts,
html body .allen-practice #qaOpts,
html body .allen-practice .mtk-options,
html body .mtk-options.mtk-options-grid {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  align-content: start !important;
}
html body .eg-test-root #egFoot,
html body .eg-test-root .eg-foot,
html body .eg-test-root .eg-foot.eg-foot-marks,
html body .eg-test-root .eg-foot.eg-foot-practice,
html body .eg-test-root.eg-qxtool8 #egFoot,
html body .eg-test-root.eg-qxtool8 .eg-foot,
html body .eg-test-root[data-test-theme="dark"] #egFoot,
html body .eg-test-root[data-test-theme="dark"] .eg-foot,
html body .allen-practice #egFoot,
html body .allen-practice .eg-foot,
html body .allen-practice[data-test-theme="dark"] #egFoot,
html body .allen-practice[data-test-theme="dark"] .eg-foot,
html body #egFoot,
html body .eg-foot {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}


/* qxmd268: the solution must scroll. qxmd267 sized the card to the question
   (flex 0 0 auto, height auto, overflow visible) but qxmd182 / foot-lock still
   set .eg-body and .eg-main to overflow:hidden. The card was no longer a
   scrollport, so Check Answer grew the explanation past the viewport and the
   body clipped it, including figures. .eg-body is the scrollport. The card
   stays content height. Footer stays transparent: buttons only, no gray strip. */
html body .eg-test-root.eg-qxmd182.eg-qxtool8 > .eg-body,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .eg-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .eg-main,
html body .eg-test-root.eg-qxmd182.eg-qxtool8.qx-sol-showing .eg-main {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .eg-q-card,
html body .eg-test-root.eg-qxmd182.eg-qxtool8.qx-sol-showing .eg-q-card,
html body .eg-test-root.eg-qxtool8.qx-sol-showing .eg-q-card {
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .eg-test-root.eg-qxmd182.eg-qxtool8 #egSolPanel,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 #egSol,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .eg-sol,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .eg-sol-inline,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .qx-sol-flow,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .sol-body,
html body .allen-practice.qx-sol-showing #qaSolReveal,
html body .allen-practice.qx-sol-showing .sol-body,
html body .allen-practice.qx-sol-showing .qx-sol-card {
  display: block !important;
  position: relative !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .eg-test-root.eg-qxmd182.eg-qxtool8 #egSol img,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 #egSolPanel img,
html body .eg-test-root.eg-qxmd182.eg-qxtool8 .eg-sol img,
html body .allen-practice #qaSolReveal img,
html body .allen-practice .sol-body img,
html body .allen-practice .qx-sol-card img {
  max-width: 100% !important;
  max-height: none !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
/* qxmd269: the exam logo inside the solution paper chip stays a 16px icon.
   qxmd268 set #egSol img { width:auto } for figures, which blew the logo up to its 400px file size. */
html body #egSolPanel#egSolPanel .qx-paper-meta img,
html body #egSolPanel#egSolPanel .qx-paper-chip img,
html body #egSol#egSol .qx-paper-meta img,
html body #egSol#egSol .qx-paper-chip img,
html body .eg-test-root .eg-sol .qx-paper-meta img.qx-exam-logo,
html body .allen-practice #qaSolReveal .qx-paper-meta img,
html body .allen-practice #qaSolReveal .qx-paper-chip img,
html body .allen-practice .sol-body .qx-paper-meta img,
html body .allen-practice .qx-sol-card .qx-paper-meta img,
html body .allen-practice .qx-sol-card .qx-paper-chip img {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
  display: inline-block !important;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  vertical-align: -3px !important;
}

/* qxmd270: (1) the whole solution scrolls above the footer: .eg-main grows with the card so the
   scroll padding applies (overflow of a fixed-height .eg-main ignored it); (2) Prev|Check|Next footer
   always on screen on phones: no leftover fade-in transform turning #app-main into the footer's
   containing block, and the test shell uses 100dvh (visible height) instead of 100vh;
   (3) one stream switcher on phones: hide the topbar Eng/Med/Def/Acad pills (home row + side menu keep it). */
html body .eg-test-root.eg-test-root .eg-body > .eg-main{height:auto!important;max-height:none!important;min-height:100%!important;align-self:start!important;overflow:visible!important;padding-bottom:0!important}
html body .eg-test-root.eg-test-root .eg-body{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))!important;scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))}
html body.marks-test-active #app-main, html body:has(.eg-test-root) #app-main{transform:none!important;animation:none!important;opacity:1!important}
@supports (height:100dvh){
  html body.marks-test-active #app-main, html body:has(.eg-test-root) #app-main{min-height:100dvh!important;height:100dvh!important}
  html body.marks-test-active .main, html body.marks-test-active .app, html body:has(.eg-test-root) .main, html body:has(.eg-test-root) .app{min-height:100dvh!important}
  html body #app-main .eg-test-root.eg-test-root{height:100dvh!important;max-height:100dvh!important}
}
html body .eg-test-root .eg-foot.eg-foot{position:fixed!important;bottom:0!important;top:auto!important;transform:none!important;visibility:visible!important;opacity:1!important;z-index:2147483646!important;padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important;max-height:none!important}
@media (max-width:760px){
  html body .topbar #qxTopExams, html body .topbar .qx-top-exams{display:none!important}
}

/* qxmd271: phone header fits: right-side icons (search, theme, Login, power) were squeezed into a fixed
   max-width box, cutting off Login and the power icon. */
@media (max-width:760px){
  html body .topbar .topbar-right.topbar-right{max-width:none!important;flex:0 0 auto!important;margin-left:auto!important}
  html body .topbar #qxLoginHint{max-width:none!important;min-width:max-content!important;flex:0 0 auto!important}
}

/* qxmd272: nothing runs off the right edge on phones. Long stems, options and solutions wrap; a wide
   display formula (aligned/array) scrolls inside its own box only; the page never scrolls sideways. */
html body .eg-test-root .eg-body, html body .eg-test-root .eg-main, html body .eg-test-root .eg-q-card,
html body .eg-test-root #egSolPanel, html body .eg-test-root .eg-sol, html body .eg-test-root .qx-sol-card,
html body .eg-test-root .sol-body, html body .eg-test-root .eg-opts, html body .eg-test-root .eg-opt,
html body .eg-test-root .eg-opt > *, html body .eg-test-root .eg-q-stem, html body .eg-test-root .qx-paper-meta{min-width:0!important;max-width:100%!important;box-sizing:border-box}
html body .eg-test-root .eg-body{overflow-x:hidden!important}
html body .eg-test-root .eg-q-stem, html body .eg-test-root .eg-opt, html body .eg-test-root .sol-body,
html body .eg-test-root .qx-sol-ans-val, html body .eg-test-root .qx-sol-card,
html body .mtk-test-root .mtk-q-text, html body .qzrr-cbt .mtk-q-text, html body .qx-sol-flow{overflow-wrap:break-word!important;word-break:normal}
html body .eg-test-root .katex-display, html body .mtk-test-root .katex-display{display:block!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:2px 0}
html body .eg-test-root .katex-display > .katex{max-width:none!important;white-space:nowrap}
html body .eg-test-root .katex, html body .eg-test-root .katex *,
html body .mtk-test-root .katex, html body .mtk-test-root .katex *,
html body .qzrr-cbt .katex, html body .qzrr-cbt .katex *,
html body .qx-sol-flow .katex, html body .qx-sol-flow .katex *{overflow-wrap:normal!important;word-break:normal!important}
html body .eg-test-root .sol-body img, html body .eg-test-root .eg-q-stem img, html body .eg-test-root .eg-opt img{max-width:100%!important;height:auto}
html body .eg-test-root .sol-body table, html body .eg-test-root .eg-q-stem table{display:block;max-width:100%;overflow-x:auto}
@media (max-width:760px){html, body{overflow-x:hidden!important;max-width:100vw}}
/* qxmd272: no stray lines in solutions: wide formulas still scroll sideways but show no scrollbar chrome */
html body .eg-test-root .katex-display, html body .mtk-test-root .katex-display{scrollbar-width:none!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
html body .eg-test-root .katex-display::-webkit-scrollbar, html body .mtk-test-root .katex-display::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* qxmd272: question meta row: no empty "|" bars; exam/date chip readable in light AND dark; wraps on phones */
html body .eg-test-root .eg-info-strip .eg-meta-sep{display:none!important}
html body .eg-test-root .eg-info-strip.eg-info-strip{flex-wrap:wrap!important;row-gap:6px!important;column-gap:8px!important;max-width:100%!important;min-width:0!important}
html body .eg-test-root.eg-test-root .eg-info-strip.eg-info-strip .eg-paper-line.eg-paper-line{background:#eff6ff!important;color:#1e3a8a!important;-webkit-text-fill-color:#1e3a8a!important;border:1px solid #bfdbfe!important;border-radius:999px!important;padding:2px 10px!important;white-space:normal!important;max-width:100%!important;overflow-wrap:anywhere;box-shadow:none!important;text-shadow:none!important;outline:0!important}
html body .eg-test-root.eg-test-root[data-test-theme="dark"] .eg-info-strip.eg-info-strip .eg-paper-line.eg-paper-line,
html body .eg-test-root.eg-test-root.qx-theme-dark .eg-info-strip.eg-info-strip .eg-paper-line.eg-paper-line{background:rgba(56,189,248,.14)!important;color:#e0f2fe!important;-webkit-text-fill-color:#e0f2fe!important;border-color:rgba(125,211,252,.45)!important}
/* qxmd272: chapter-practice (allen) view on phones uses the same compact pattern as the main practice view:
   icon-only toolbar, palette as an overlay sheet above the footer, text size inside Settings, same footer. */
@media (max-width:760px){
  html body .mtk-test-root.allen-practice .mtk-header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:100vw!important;overflow:hidden!important}
  html body .mtk-test-root.allen-practice .qx-prac-brand{display:none!important}
  html body .mtk-test-root.allen-practice .eg-top-tools{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:2px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:0!important;border-radius:12px!important}
  html body .mtk-test-root.allen-practice .eg-top-tools::-webkit-scrollbar{display:none!important}
  html body .mtk-test-root.allen-practice .eg-top-tools .eg-tip{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-size:11px!important;font-weight:800!important;background:transparent!important}
  html body .mtk-test-root.allen-practice .eg-top-tools .eg-tool-btn{width:auto!important;min-width:44px!important;height:auto!important;min-height:52px!important;padding:2px 5px!important;flex:0 0 auto!important;border-radius:10px!important;flex-direction:column!important}
  html body .mtk-test-root.allen-practice .eg-top-tools .eg-tool-btn svg{width:18px!important;height:18px!important}
  html body .mtk-test-root.allen-practice .mtk-palette{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom, 0px))!important;width:auto!important;max-width:none!important;max-height:min(50dvh, 420px)!important;overflow-y:auto!important;z-index:2147483645!important;border-radius:16px!important;padding:10px!important;box-shadow:0 12px 40px rgba(2,6,23,.45)!important;background:#ffffff!important;border:1px solid #cbd5e1!important}
  html body .mtk-test-root.allen-practice[data-test-theme="dark"] .mtk-palette{background:#0f172a!important;border-color:#334155!important}
  html body .mtk-test-root.allen-practice .mtk-palette[hidden]{display:none!important}
  html body .mtk-test-root.allen-practice .mtk-pal-grp-grid{display:grid!important;grid-template-columns:repeat(auto-fill, minmax(40px, 1fr))!important;gap:8px!important}
  html body .mtk-test-root.allen-practice .mtk-pal-cell{width:40px!important;height:40px!important;min-width:0!important;font-size:14px!important;justify-self:center}
  html body .mtk-test-root.allen-practice #qxCbtFontChip{display:none!important}
  html body .mtk-test-root.allen-practice .mtk-main{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))!important;min-width:0!important;max-width:100%!important}
  html body .mtk-test-root.allen-practice .eg-foot.eg-foot{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:2147483646!important;display:grid!important;grid-template-columns:1fr 1.3fr 1fr!important;gap:10px!important;padding:10px 12px calc(12px + env(safe-area-inset-bottom, 0px))!important;margin:0!important;max-width:none!important;width:auto!important;transform:none!important;visibility:visible!important;opacity:1!important;border-radius:0!important}
  html body .mtk-test-root.allen-practice .eg-foot .eg-btn{min-height:48px!important;height:48px!important;font-size:15px!important;font-weight:700!important;border-radius:999px!important;padding:0 10px!important;width:100%!important;max-width:none!important}
}

/* qxmd274: chapter-practice (allen) view on phones: toolbar never clips its first icon, palette is a real
   bottom sheet (max ~half screen) with round cells, duplicate "All Q" hidden (Palette opens the same grid). */
@media (max-width:760px){
  html body #app-main .mtk-test-root.allen-practice .eg-top-tools{justify-content:flex-start!important}
  html body #app-main .mtk-test-root.allen-practice .eg-top-tools::before{content:""!important;flex:1 1 auto!important;min-width:0!important}
  html body #app-main .mtk-test-root.allen-practice #pracAllQBtn{display:none!important}
  html body #app-main .mtk-test-root.allen-practice .mtk-palette,
  html body #app-main .mtk-test-root.allen-practice.qxmd219-allen .mtk-palette{top:auto!important;height:auto!important;max-height:min(52dvh,440px)!important;bottom:calc(84px + env(safe-area-inset-bottom, 0px))!important}
  html body #app-main .mtk-test-root.allen-practice .mtk-pal-cell{min-height:0!important;height:40px!important;width:40px!important;padding:0!important;border-radius:999px!important;aspect-ratio:1/1!important;line-height:1!important}
}
@media (max-width:400px){
  html body #app-main .mtk-test-root.allen-practice .eg-top-tools .eg-tool-btn{width:31px!important;min-width:31px!important;height:32px!important;flex:0 0 31px!important}
  html body #app-main .mtk-test-root.allen-practice .eg-top-tools .eg-tool-btn svg{width:17px!important;height:17px!important}
}

/* ===== qxmd278: mobile Test Series — question uses leftover viewport.
   Toolbar stays one tappable scroll-row. Instructions stay compact / collapsed.
   Footer Previous|Check|Next stays solid. Do not pin .eg-top to the bottom. */
@media (max-width: 768px) {
  html body.marks-test-active #app-main:has(.eg-test-root),
  html body.qx-q-fullscreen #app-main:has(.eg-test-root),
  html body.marks-test-active #app-main:has(.qzrr-cbt),
  html body.qx-q-fullscreen #app-main:has(.qzrr-cbt),
  html body.allen-cbt-active #app-main:has(.qzrr-cbt) {
    overflow: hidden !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }

  html body #app-main .eg-test-root,
  html body.marks-test-active #app-main .eg-test-root,
  html body.qx-q-fullscreen #app-main .eg-test-root,
  html body #app-main .eg-test-root.eg-qxmd182,
  html body #app-main .eg-test-root.eg-qxtool8,
  html body #app-main .eg-test-root.eg-qxmd250,
  html body #app-main .eg-test-root.eg-qxmd251 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
  }

  html body #app-main .eg-test-root > .eg-top,
  html body #app-main .eg-test-root .eg-top,
  html body #app-main .eg-test-root.eg-compact .eg-top,
  html body #app-main .eg-test-root.eg-qxmd182 .eg-top,
  html body #app-main .eg-test-root.eg-qxmd250 .eg-top,
  html body #app-main .eg-test-root.eg-qxtool8 .eg-top {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    max-height: none !important;
    min-height: 56px !important;
    height: auto !important;
    padding: 4px 6px !important;
    gap: 4px !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    z-index: 80 !important;
  }

  html body #app-main .eg-test-root .eg-top-title {
    flex: 0 1 auto !important;
    max-width: min(32vw, 148px) !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
  }

  html body #app-main .eg-test-root .eg-mode-pill {
    display: none !important;
  }

  html body #app-main .eg-test-root .eg-back {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    flex: 0 0 36px !important;
  }

  html body #app-main .eg-test-root .eg-top-tools,
  html body #app-main .eg-test-root[data-eg-mode="practice"] .eg-top-tools,
  html body #app-main .eg-test-root[data-eg-mode="test"] .eg-top-tools,
  html body #app-main .eg-test-root.eg-qxmd167 .eg-top-tools,
  html body #app-main .eg-test-root.eg-qxtool8 .eg-top-tools {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 2px !important;
  }
  html body #app-main .eg-test-root .eg-top-tools::-webkit-scrollbar {
    display: none !important;
  }

  html body #app-main .eg-test-root .eg-top-tools .eg-tool-btn,
  html body #app-main .eg-test-root .eg-top-tools .eg-ico,
  html body #app-main .eg-test-root .eg-top-tools .eg-tool-sec,
  html body #app-main .eg-test-root[data-eg-mode="test"] .eg-top-tools .eg-tool-btn,
  html body #app-main .eg-test-root[data-eg-mode="practice"] .eg-top-tools .eg-tool-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 44px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 2px 5px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
  html body #app-main .eg-test-root .eg-top-tools .eg-tip,
  html body #app-main .eg-test-root .eg-top-tools .eg-tool-btn .eg-tip,
  html body #app-main .eg-test-root .eg-top-tools .eg-ico .eg-tip,
  html body #app-main .mtk-test-root.allen-practice .qx-prac-tools .eg-tip {
    display: block !important;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  html body #app-main .eg-test-root .eg-timer {
    flex: 0 0 auto !important;
    padding: 3px 8px !important;
    font-size: 12px !important;
    margin-right: 2px !important;
  }

  html body #app-main .eg-test-root .eg-subs {
    flex-shrink: 0 !important;
    min-height: 0 !important;
    max-height: 36px !important;
  }
  html body #app-main .eg-test-root .eg-sub {
    padding: 6px 6px !important;
    font-size: 12px !important;
  }

  html body #app-main .eg-test-root .eg-info-strip,
  html body #app-main .eg-test-root .eg-info-strip.eg-info-strip,
  html body #app-main .eg-test-root .eg-info-strip.eg-info-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    max-height: 34px !important;
    min-height: 30px !important;
    height: 32px !important;
    padding: 2px 8px !important;
    gap: 6px !important;
    row-gap: 0 !important;
  }
  html body #app-main .eg-test-root .eg-info-strip::-webkit-scrollbar {
    display: none !important;
  }
  html body #app-main .eg-test-root .eg-info-strip .eg-paper-line,
  html body #app-main .eg-test-root.eg-test-root .eg-info-strip.eg-info-strip .eg-paper-line.eg-paper-line {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: min(42vw, 180px) !important;
    flex: 0 1 auto !important;
  }
  html body #app-main .eg-test-root .eg-info-strip .eg-paper-empty {
    display: none !important;
  }
  html body #app-main .eg-test-root .eg-info-strip .eg-type,
  html body #app-main .eg-test-root .eg-info-strip .eg-type-pill {
    margin-left: 0 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    padding: 2px 8px !important;
  }

  html body #app-main .eg-test-root > .eg-body,
  html body #app-main .eg-test-root .eg-body,
  html body #app-main .eg-test-root.eg-qxmd182 .eg-body,
  html body #app-main .eg-test-root.eg-qxmd182.eg-qxtool8 .eg-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body #app-main .eg-test-root .eg-q-stem,
  html body #app-main .eg-test-root #egQArea,
  html body #app-main .eg-test-root #qxOpts,
  html body #app-main .eg-test-root .eg-opts {
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    max-height: none !important;
  }

  html body #app-main .qx-sec-instr,
  html body #app-main .eg-test-root .qx-sec-instr,
  html body #app-main .qzrr-cbt .qx-sec-instr {
    margin: 6px 0 8px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
  }
  html body #app-main .qx-sec-instr > summary {
    cursor: pointer !important;
    font-weight: 800 !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }
  html body #app-main .qx-sec-instr > summary::-webkit-details-marker {
    display: none !important;
  }
  html body #app-main .qx-sec-instr > summary::after {
    content: "▼" !important;
    font-size: 10px !important;
    opacity: .7 !important;
  }
  html body #app-main .qx-sec-instr[open] > summary::after {
    content: "▲" !important;
  }
  html body #app-main .qx-sec-instr:not([open]) > *:not(summary) {
    display: none !important;
  }

  /* NTA / Quizrr Test Series */
  html body #app-main .qzrr-cbt,
  html body #app-main .mtk-test-root.qzrr-cbt {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #app-main .qzrr-cbt .qzrr-black-bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    max-height: 44px !important;
    min-height: 40px !important;
    padding: 4px 8px !important;
    gap: 6px !important;
  }
  html body #app-main .qzrr-cbt .qzrr-black-title {
    flex: 0 1 auto !important;
    max-width: min(30vw, 140px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html body #app-main .qzrr-cbt .qzrr-black-tools {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-right: 0 !important;
    justify-content: flex-end !important;
  }
  html body #app-main .qzrr-cbt .qzrr-black-tools::-webkit-scrollbar {
    display: none !important;
  }
  html body #app-main .qzrr-cbt .qzrr-tool-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    padding: 4px 7px !important;
    min-height: 32px !important;
  }

  html body #app-main .qzrr-cbt .qzrr-sec-strip,
  html body #app-main .qzrr-cbt .qzrr-sec-row,
  html body #app-main .qzrr-cbt .qzrr-q-meta-row {
    flex-shrink: 0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  html body #app-main .qzrr-cbt .qzrr-q-meta-row {
    gap: 8px !important;
    padding: 4px 10px !important;
  }
  html body #app-main .qzrr-cbt .qzrr-qtype,
  html body #app-main .qzrr-cbt .qzrr-marks-line {
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body #app-main .qzrr-cbt .qzrr-section-info {
    flex-shrink: 0 !important;
    margin: 4px 10px 0 !important;
  }
  html body #app-main .qzrr-cbt .qzrr-section-info-head {
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
  html body #app-main .qzrr-cbt .qzrr-section-info.collapsed .qzrr-section-info-ul {
    display: none !important;
  }
  html body #app-main .qzrr-cbt .qzrr-section-info:not(.collapsed) .qzrr-section-info-ul {
    display: block !important;
    max-height: min(28vh, 180px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    font-size: 12px !important;
    padding: 6px 12px 8px 22px !important;
  }

  html body #app-main .qzrr-cbt .qzrr-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    grid-template-columns: 1fr !important;
  }
  html body #app-main .qzrr-cbt .qzrr-main-col {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  html body #app-main .qzrr-cbt .qzrr-q-area,
  html body #app-main .qzrr-cbt #qzrrQArea {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 10px 12px 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body #app-main .qzrr-cbt .qzrr-footer-actions {
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 40 !important;
    padding: 6px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body #app-main .qzrr-cbt.qzrr-side-collapsed .qzrr-side {
    display: none !important;
  }
}

@media (max-width: 400px) {
  html body #app-main .eg-test-root .eg-top-title {
    max-width: min(26vw, 110px) !important;
  }
  html body #app-main .qzrr-cbt .qzrr-black-title {
    max-width: min(24vw, 96px) !important;
  }
}

/* qxmd296 website Quizrr: question column scrolls; options stay on screen. */
html[data-qx-shell="web"] body.marks-test-active:has(.qzrr-cbt) #app-main,
html[data-qx-shell="web"] body.allen-cbt-active:has(.qzrr-cbt) #app-main {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
html[data-qx-shell="web"] #app-main .qzrr-cbt {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-body,
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-main-col {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-q-area,
html[data-qx-shell="web"] #app-main .qzrr-cbt #qzrrQArea {
  flex: 1 1 auto !important;
  min-height: 160px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-opts,
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-opts .mtk-opt {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  height: auto !important;
}
html[data-qx-shell="web"] #app-main .qzrr-cbt #qxSubmitTop,
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-submit-mobile,
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-top-zoom,
html[data-qx-shell="web"] #app-main .qzrr-cbt .qzrr-side-zoom {
  display: none !important;
}

/* ===== qxmd279: toolbar labels always readable; question/options/figures paint ===== */
html body #app-main .eg-test-root .eg-top,
html body #app-main .mtk-test-root.allen-practice .mtk-header,
html body .eg-test-root .eg-top,
html body .mtk-test-root.allen-practice .mtk-header {
  background: #1565C0 !important;
  color: #ffffff !important;
}
html body #app-main .eg-test-root .eg-top-tools .eg-tip,
html body #app-main .eg-test-root .eg-top-tools .eg-tool-btn .eg-tip,
html body #app-main .eg-test-root .eg-top-tools .eg-ico .eg-tip,
html body #app-main .mtk-test-root.allen-practice .qx-prac-tools .eg-tip,
html body .eg-test-root .eg-top-tools .eg-tip,
html body .eg-test-root .eg-top-tools .eg-tool-btn .eg-tip,
html body .eg-test-root .eg-top-tools .eg-ico .eg-tip,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-tip,
html body .allen-practice .eg-tip {
  display: block !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}
html body .eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tip,
html body .mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tip,
html body .eg-test-root:not([data-test-theme="dark"]) .eg-top-tools svg,
html body .eg-test-root:not([data-test-theme="dark"]) .eg-top-tools svg *,
html body .eg-test-root .eg-top-tools svg,
html body .eg-test-root .eg-top-tools svg *,
html body .eg-test-root .eg-top-tools .eg-tool-btn,
html body .qzrr-cbt .qzrr-tool-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  fill: none;
  stroke: #ffffff !important;
}
html body .eg-test-root .eg-top-tools svg [fill="currentColor"],
html body .allen-practice .qx-prac-tools svg [fill="currentColor"] {
  fill: #ffffff !important;
}
html body #app-main .qzrr-cbt .qzrr-tool-btn {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body #app-main .eg-test-root .eg-body {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
html body #app-main .eg-test-root #egQArea,
html body #app-main .eg-test-root .eg-q-stem,
html body #app-main .eg-test-root #qxOpts,
html body #app-main .eg-test-root .eg-opts,
html body #app-main .qzrr-cbt #qzrrQArea,
html body #app-main .qzrr-cbt .qzrr-q-area {
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  max-height: none !important;
}
html body #app-main .eg-test-root .mtk-opt,
html body #app-main .qzrr-cbt .mtk-opt {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body #app-main .eg-test-root img,
html body #app-main .qzrr-cbt img,
html body #app-main .eg-q-stem img,
html body #app-main #egQArea img,
html body #app-main #qxOpts img,
html body #app-main .qx-fig img,
html body #app-main img.qx-pool-fig,
html body #app-main img.qx-fig-img {
  content-visibility: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100% !important;
  height: auto !important;
  background: #ffffff !important;
}

@media (max-width: 768px) {
  html body #app-main .eg-test-root,
  html body #app-main .qzrr-cbt {
    height: 100% !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
  }
  html body #app-main .mtk-test-root.allen-practice .eg-top-tools .eg-tool-btn,
  html body #app-main .mtk-test-root.allen-practice .qx-prac-tools .eg-tool-btn {
    width: auto !important;
    min-width: 44px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 52px !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    font-size: 11px !important;
  }
}

/* ===== qxmd280: toolbar labels always white-on-blue, never clipped ===== */
html body .eg-test-root > .eg-top,
html body .eg-test-root .eg-top,
html body .mtk-test-root.allen-practice .mtk-header,
html body .allen-practice .mtk-header {
  min-height: 56px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: #1565C0 !important;
  color: #ffffff !important;
}
html body .eg-test-root .eg-top-tools .eg-tool-btn,
html body .eg-test-root .eg-top-tools .eg-ico,
html body .eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
html body .eg-test-root[data-test-theme="dark"] .eg-top-tools .eg-tool-btn,
html body .eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-ico,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-tool-btn,
html body .allen-practice .qx-prac-tools .eg-tool-btn,
html[data-theme="light"] .eg-test-root .eg-top-tools .eg-tool-btn,
html[data-theme="dark"] .eg-test-root .eg-top-tools .eg-tool-btn {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 44px !important;
  max-width: none !important;
  height: auto !important;
  min-height: 52px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 11px !important;
}
html body .eg-test-root .eg-top-tools .eg-tip,
html body .eg-test-root .eg-top-tools .eg-tool-btn .eg-tip,
html body .eg-test-root .eg-top-tools .eg-ico .eg-tip,
html body .eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tip,
html body .eg-test-root[data-test-theme="dark"] .eg-top-tools .eg-tip,
html body .mtk-test-root.allen-practice .qx-prac-tools .eg-tip,
html body .allen-practice .eg-tip,
html[data-theme="light"] .eg-top-tools .eg-tip,
html[data-theme="dark"] .eg-top-tools .eg-tip {
  display: block !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: transparent !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  max-height: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}

/* ===== qxmd281: MARKS NTA toolbar — labeled Light/Dark, never white-on-white ===== */
html body .qzrr-cbt .qzrr-black-bar,
html body #app-main .qzrr-cbt .qzrr-black-bar {
  background: #111111 !important;
  color: #ffffff !important;
  overflow: visible !important;
  flex-wrap: wrap !important;
  height: auto !important;
  min-height: 38px !important;
}
html body .qzrr-cbt .qzrr-black-tools,
html body #app-main .qzrr-cbt .qzrr-black-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html body .qzrr-cbt .qzrr-tool-btn,
html body #app-main .qzrr-cbt .qzrr-tool-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  min-height: 32px !important;
  padding: 5px 10px !important;
  border: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  white-space: nowrap !important;
}
html body .qzrr-cbt .qzrr-theme-btn,
html body #app-main .qzrr-cbt .qzrr-theme-btn {
  min-width: 56px !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
html body .qzrr-cbt #qzrrThemeLight.on,
html body #app-main .qzrr-cbt #qzrrThemeLight.on {
  background: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  border-color: #ffffff !important;
}
html body .qzrr-cbt #qzrrThemeDark.on,
html body #app-main .qzrr-cbt #qzrrThemeDark.on {
  background: #0f172a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #ffffff !important;
}
html body .qzrr-cbt #mtkExitBtn.qzrr-exit,
html body #app-main .qzrr-cbt #mtkExitBtn {
  background: #ef4444 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
}
html body .qzrr-cbt .qzrr-tool-btn.mtk-font-btn,
html body .qzrr-cbt #mtkFontDown,
html body .qzrr-cbt #mtkFontUp {
  background: #1e293b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  min-width: 36px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* ===== qxmd282: MARKS NTA bar (no extra Light/Dark) + footer labels always readable ===== */
html body .qzrr-cbt .qzrr-footer-actions,
html body #app-main .qzrr-cbt .qzrr-footer-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 40 !important;
}
html body .qzrr-cbt .qzrr-footer-actions .qzrr-btn,
html body .qzrr-cbt #qxReviewNextBtn,
html body .qzrr-cbt #qxClearBtn,
html body .qzrr-cbt #qxPrevBtn,
html body .qzrr-cbt #qxSaveBtn,
html body #app-main .qzrr-cbt #qxClearBtn,
html body #app-main .qzrr-cbt #qxPrevBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  min-height: 40px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-footer-actions,
html body #app-main .qzrr-cbt:not(.qzrr-dark) .qzrr-footer-actions,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) .qzrr-footer-actions {
  background: #ffffff !important;
  border-top: 1px solid #c5cdd6 !important;
}
html body .qzrr-cbt:not(.qzrr-dark) .qzrr-btn-outline,
html body .qzrr-cbt:not(.qzrr-dark) #qxReviewNextBtn,
html body .qzrr-cbt:not(.qzrr-dark) #qxClearBtn,
html body .qzrr-cbt:not(.qzrr-dark) #qxPrevBtn,
html body #app-main .qzrr-cbt:not(.qzrr-dark) #qxClearBtn,
html body #app-main .qzrr-cbt:not(.qzrr-dark) #qxPrevBtn,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) #qxClearBtn,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) #qxPrevBtn,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) #qxReviewNextBtn {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a2b3c !important;
  -webkit-text-fill-color: #1a2b3c !important;
  border: 1px solid #90a0b0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .qzrr-cbt:not(.qzrr-dark) #qxClearBtn:disabled,
html body .qzrr-cbt:not(.qzrr-dark) #qxPrevBtn:disabled,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) #qxClearBtn:disabled,
html[data-theme="dark"] body .qzrr-cbt:not(.qzrr-dark) #qxPrevBtn:disabled {
  background: #ffffff !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  border: 1px solid #cbd5e1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .qzrr-cbt.qzrr-dark .qzrr-footer-actions,
html body #app-main .qzrr-cbt.qzrr-dark .qzrr-footer-actions,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark .qzrr-footer-actions {
  background: #2a2a2c !important;
  border-top: 1px solid #454548 !important;
}
html body .qzrr-cbt.qzrr-dark .qzrr-btn-outline,
html body .qzrr-cbt.qzrr-dark #qxReviewNextBtn,
html body .qzrr-cbt.qzrr-dark #qxClearBtn,
html body .qzrr-cbt.qzrr-dark #qxPrevBtn,
html body #app-main .qzrr-cbt.qzrr-dark #qxClearBtn,
html body #app-main .qzrr-cbt.qzrr-dark #qxPrevBtn,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark #qxClearBtn,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark #qxPrevBtn,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark #qxReviewNextBtn {
  background: #2a2a2c !important;
  background-color: #2a2a2c !important;
  color: #eceae4 !important;
  -webkit-text-fill-color: #eceae4 !important;
  border: 1px solid #6b7280 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .qzrr-cbt.qzrr-dark #qxClearBtn:disabled,
html body .qzrr-cbt.qzrr-dark #qxPrevBtn:disabled,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark #qxClearBtn:disabled,
html[data-theme="light"] body .qzrr-cbt.qzrr-dark #qxPrevBtn:disabled {
  background: #2a2a2c !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  border: 1px solid #4b5563 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .qzrr-cbt #qxSaveBtn,
html body .qzrr-cbt.qzrr-dark #qxSaveBtn,
html body #app-main .qzrr-cbt #qxSaveBtn {
  background: #1a73e8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #1557b0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===== qxmd283: NTA Submit always tappable; confirm modal above test chrome ===== */
html body .qzrr-cbt #qxSubmitBtn,
html body .qzrr-cbt #qxSubmitTop,
html body .qzrr-cbt .qzrr-side-foot #qxSubmitBtn,
html body #app-main .qzrr-cbt #qxSubmitBtn,
html body #app-main .qzrr-cbt #qxSubmitTop,
html body .qzrr-cbt.qzrr-dark #qxSubmitBtn,
html body .qzrr-cbt.qzrr-dark #qxSubmitTop {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 20130 !important;
  position: relative !important;
  background: #1a73e8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #1557b0 !important;
  font-weight: 800 !important;
  min-height: 44px !important;
}
html body .qzrr-cbt .qzrr-side-foot {
  pointer-events: auto !important;
  z-index: 20125 !important;
  position: sticky !important;
  bottom: 0 !important;
}
html body .qzrr-cbt.qzrr-side-collapsed #qxSubmitTop.qzrr-submit-mobile,
html body .qzrr-cbt.qzrr-side-collapsed #qxSubmitTop,
html body .qzrr-cbt #qxSubmitTop.qzrr-submit-mobile,
html body .qzrr-cbt #qxSubmitTop,
html body .qzrr-cbt #qxSubmitHdr {
  display: flex !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
@media (max-width: 900px) {
  html body .qzrr-cbt #qxSubmitTop.qzrr-submit-mobile {
    display: flex !important;
    width: 100% !important;
  }
}

/* qxmd294 MARKS player header Submit */
html body .eg-test-root[data-eg-mode="test"] #qxSubmitTop,
html body .eg-test-root[data-eg-mode="test"] .eg-marks-submit {
  display: inline-flex !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  cursor: pointer !important;
  z-index: 95 !important;
}
html body #mtkSubmitModal,
html body #mtkSubmitModal.marks-modal-overlay,
html body .marks-modal-overlay#mtkSubmitModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: flex !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body #mtkSubmitModal .marks-resume-modal,
html body #mtkSubmitModal [data-qx-confirm-submit],
html body #mtkSubmitModal [data-qx-submit-cancel] {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  cursor: pointer !important;
}

/* ===== qxmd284: sitewide polish — 2D icon float, Q/sol/fig, home/dash/toolbar =====
   Beats qxmd260 animation:none. Uses CSS translate/rotate (Z) so transform:none
   on icons cannot blank a 3D face. Never rotateY / preserve-3d. */
@keyframes qxFloat2d {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  35% { translate: 0 -5px; rotate: 2.4deg; }
  70% { translate: 0 -2px; rotate: -1.6deg; }
}
@keyframes qxDashLiftIn {
  from { opacity: 0; translate: 0 10px; }
  to { opacity: 1; translate: 0 0; }
}

html body .qx-ch-icon,
html body .dash-ic,
html body .dash-tool-ic,
html body .exam-pill-ic,
html body .cpyqb-exam-tile-ic,
html body #app-main .qx-ch-icon,
html body #app-main .dash-tool-ic,
html body #app-main .dash-ic,
html[data-theme="light"] .qx-ch-icon,
html[data-theme="dark"] .qx-ch-icon,
html[data-theme="light"] .dash-ic,
html[data-theme="dark"] .dash-ic {
  animation: qxFloat2d 3.8s ease-in-out infinite !important;
  transform-style: flat !important;
  backface-visibility: visible !important;
  perspective: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  content-visibility: visible !important;
  will-change: translate, rotate;
}
html body .qx-module-ic:not(:has(.qx-ch-icon)),
html body .qx-folder-ic:not(:has(.qx-ch-icon)),
html body .qx-topic-ic:not(:has(.qx-ch-icon)),
html body .subj-ic:not(:has(.qx-ch-icon)),
html body .qx-med-subj-ic:not(:has(.qx-ch-icon)) {
  animation: qxFloat2d 3.8s ease-in-out infinite !important;
  transform-style: flat !important;
  backface-visibility: visible !important;
  perspective: none !important;
}
html body .qx-folder-ic:has(.qx-ch-icon),
html body .qx-topic-ic:has(.qx-ch-icon),
html body .subj-ic:has(.qx-ch-icon),
html body .qx-module-ic:has(.qx-ch-icon),
html body .qx-med-subj-ic:has(.qx-ch-icon),
html body .dash-tool-ic:has(.qx-ch-icon),
html body .exam-pill-ic:has(.qx-ch-icon),
html body .cpyqb-exam-tile-ic:has(.qx-ch-icon) {
  animation: none !important;
}
html body .qx-ch-icon img,
html body .qx-ch-3d-img,
html body .qx-ch-glyph-img,
html body .qx-module-ic img,
html body .qx-folder-ic img,
html body .qx-topic-ic img,
html body .subj-ic img,
html body .qx-med-subj-ic img,
html body img.qx-exam-logo,
html body img.qx-marks-icon,
html body img.dash-tool-logo,
html body img.exam-pill-logo,
html body img.exam-card-logo,
html body img.cpyqb-exam-tile-logo,
html[data-theme="light"] .qx-ch-3d-img,
html[data-theme="dark"] .qx-ch-3d-img {
  animation: none !important;
  transform-style: flat !important;
  backface-visibility: visible !important;
  perspective: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  content-visibility: visible !important;
}
html body .qx-topic-card:nth-child(3n) .qx-ch-icon,
html body .qx-topic-card:nth-child(3n) .qx-ch-3d-img,
html body .ch-card:nth-child(3n) .qx-ch-icon,
html body .dash-card:nth-child(3n) .dash-ic {
  animation-delay: .35s !important;
}
html body .qx-topic-card:nth-child(3n+1) .qx-ch-icon,
html body .qx-topic-card:nth-child(3n+1) .qx-ch-3d-img,
html body .ch-card:nth-child(3n+1) .qx-ch-icon,
html body .dash-card:nth-child(3n+1) .dash-ic {
  animation-delay: .12s !important;
}
html body .qx-topic-card:nth-child(3n+2) .qx-ch-icon,
html body .qx-topic-card:nth-child(3n+2) .qx-ch-3d-img,
html body .ch-card:nth-child(3n+2) .qx-ch-icon,
html body .dash-card:nth-child(3n+2) .dash-ic {
  animation-delay: .62s !important;
}
html body .qx-topic-card:hover .qx-ch-icon,
html body .qx-topic-card:hover .qx-ch-3d-img,
html body .qx-folder-card:hover .qx-ch-icon,
html body .ch-card:hover .qx-ch-icon,
html body .dash-card:hover .dash-ic,
html body .dash-card:hover .dash-tool-ic {
  animation-duration: 1.55s !important;
}
html body .qx-topic-card,
html body .ch-card.qx-topic-card,
html body .qx-folder-card,
html body .dash-card,
html body .subj-card {
  transition: transform .22s cubic-bezier(.22, 1, .36, 1), box-shadow .22s ease !important;
}
html body .qx-topic-card:hover,
html body .ch-card.qx-topic-card:hover,
html body .qx-folder-card:hover,
html body .dash-card:hover,
html body .subj-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 14px 32px rgba(21, 101, 192, .16) !important;
}
html body .dash-card {
  animation: qxDashLiftIn .45s cubic-bezier(.22, 1, .36, 1) both;
}
html:not([data-theme="dark"]) .dash-card,
html[data-theme="light"] .dash-card,
html:not([data-theme="dark"]) .qx-topic-card,
html[data-theme="light"] .qx-topic-card {
  background: #ffffff !important;
  color: #0f172a !important;
}
html:not([data-theme="dark"]) .dash-card strong,
html[data-theme="light"] .dash-card strong,
html:not([data-theme="dark"]) .qx-topic-name,
html[data-theme="light"] .qx-topic-name {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html:not([data-theme="dark"]) .dash-ic,
html:not([data-theme="dark"]) .qx-ch-icon,
html:not([data-theme="dark"]) .qx-ch-3d-img,
html[data-theme="light"] .dash-ic,
html[data-theme="light"] .qx-ch-icon,
html[data-theme="light"] .qx-ch-3d-img {
  opacity: 1 !important;
  visibility: visible !important;
}

html body .eg-test-root .eg-top,
html body .mtk-test-root .eg-top,
html body #app-main .eg-test-root .eg-top {
  background: #1565C0 !important;
  position: relative !important;
  bottom: auto !important;
}
html body .eg-top-tools .eg-tool-btn,
html body .qx-prac-tools .eg-tool-btn {
  transition: transform .12s ease !important;
  pointer-events: auto !important;
}
html body .eg-top-tools .eg-tool-btn:active,
html body .qx-prac-tools .eg-tool-btn:active {
  transform: scale(0.94) !important;
}
html body .eg-top-tools .eg-tip,
html body .qx-prac-tools .eg-tip {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body #app-main .eg-test-root #egQArea,
html body #app-main .eg-test-root .eg-q-stem,
html body #app-main .eg-test-root #qxOpts,
html body #app-main .eg-test-root .eg-opts,
html body #app-main .qzrr-cbt #qzrrQArea,
html body #app-main .qzrr-cbt .qzrr-q-area,
html body #app-main .eg-test-root.qx-sol-showing #egQArea,
html body #app-main .eg-test-root.qx-sol-showing .eg-q-stem,
html body #app-main .eg-test-root.qx-sol-showing #qxOpts,
html body .eg-test-root.qx-sol-showing #egQArea,
html body .eg-test-root.qx-sol-showing .eg-q-stem {
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}
html body #egSolPanel,
html body .qx-sol-card,
html body .qx-sol-flow,
html body #egSolPanel .qx-sol-flow {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  float: none !important;
  max-width: 100% !important;
}
html body #app-main .eg-q-stem img,
html body #app-main #egQArea img,
html body #app-main #qxOpts img,
html body #app-main .qzrr-q-area img,
html body #app-main .mtk-opt img,
html body #app-main .qx-sol-flow img,
html body #app-main .qx-sol-card img,
html body #app-main .qx-sol-fig,
html body #app-main img.qx-pool-fig,
html body #app-main img.qx-fig-img,
html body #egSolPanel img {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(100%, 520px) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  background: #ffffff !important;
  content-visibility: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body #app-main .qzrr-cbt #qxClearBtn,
html body #app-main .qzrr-cbt #qxPrevBtn,
html body #app-main .qzrr-cbt #qxReviewNextBtn,
html body #app-main .qzrr-cbt #qxSaveBtn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
html body #egFoot.eg-foot-practice,
html body .eg-foot-practice,
html body #app-main #egFoot.eg-foot-practice {
  display: grid !important;
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 2147483646 !important;
}
html body #egFoot #qxPrevBtn,
html body #egFoot #qxNextBtn,
html body .eg-foot-practice #qxPrevBtn,
html body .eg-foot-practice #qxNextBtn {
  display: inline-flex !important;
  pointer-events: auto !important;
  visibility: visible !important;
  min-height: 52px !important;
}

@media (max-width: 768px) {
  html body #app-main .eg-test-root .eg-body,
  html body #app-main .qzrr-cbt .qzrr-main {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    min-height: 0 !important;
  }
  html body #app-main .eg-test-root #egQArea,
  html body #app-main .qzrr-cbt #qzrrQArea,
  html body #app-main .eg-q-stem,
  html body #app-main .qzrr-q-area {
    padding-bottom: 8px !important;
  }
  html body #app-main .qzrr-cbt #qxClearBtn,
  html body #app-main .qzrr-cbt #qxPrevBtn,
  html body #app-main .qzrr-cbt #qxReviewNextBtn,
  html body #app-main .qzrr-cbt #qxSaveBtn,
  html body #app-main .qzrr-cbt #qxSubmitBtn,
  html body #app-main .qzrr-cbt #qxSubmitTop {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  html body .eg-fmt-pop.eg-vs-marks,
  html body #pracViewPanel.eg-vs-marks {
    max-height: 82vh !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .qx-ch-icon,
  html body .qx-module-ic,
  html body .qx-folder-ic,
  html body .qx-topic-ic,
  html body .subj-ic,
  html body .qx-med-subj-ic,
  html body .dash-tool-ic,
  html body .dash-ic,
  html body .exam-pill-ic,
  html body .cpyqb-exam-tile-ic,
  html body .qx-ch-icon img,
  html body .qx-ch-3d-img,
  html body .qx-ch-glyph-img,
  html body .qx-module-ic img,
  html body .qx-folder-ic img,
  html body .qx-topic-ic img,
  html body .subj-ic img,
  html body .qx-med-subj-ic img,
  html body img.qx-exam-logo,
  html body img.dash-tool-logo,
  html body img.exam-pill-logo,
  html body .dash-card,
  html body .qx-topic-card,
  html body .eg-top-tools .eg-tool-btn,
  html body .qx-anim-cover {
    animation: none !important;
    transition: none !important;
  }
  html body .qx-topic-card:hover,
  html body .dash-card:hover,
  html body .qx-folder-card:hover,
  html body .subj-card:hover,
  html body .eg-top-tools .eg-tool-btn:active {
    transform: none !important;
  }
}

/* ===== qxmd285: 2D book-cover bob (beats qxCoverFloat rotateY) ===== */
@keyframes qxCoverFloat {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  50% { translate: 0 -5px; rotate: 2deg; }
}
@keyframes qxFcTurnNext {
  0% { opacity: 0; translate: 18px 0; }
  100% { opacity: 1; translate: 0 0; }
}
@keyframes qxFcTurnPrev {
  0% { opacity: 0; translate: -18px 0; }
  100% { opacity: 1; translate: 0 0; }
}
html body .qx-anim-cover,
html body .qx-ncert-tool .qx-anim-cover,
html body .qx-med-fc-chip .qx-anim-cover,
html[data-theme="light"] .qx-anim-cover,
html[data-theme="dark"] .qx-anim-cover {
  animation: qxCoverFloat 3.2s ease-in-out infinite !important;
  transform: none !important;
  transform-style: flat !important;
  perspective: none !important;
  backface-visibility: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  will-change: translate, rotate;
}

/* qxmd293: stem + options stay on screen (practice, NTA, books). Never hide via leftover sol classes. */
html body .eg-test-root .eg-stem-sol-hidden,
html body .eg-test-root .qx-stem-sol-hidden,
html body .eg-stem-sol-hidden,
html body .qx-stem-sol-hidden,
html body .eg-test-root #egQArea.eg-stem-sol-hidden,
html body .eg-test-root .eg-q-stem.eg-stem-sol-hidden {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html body .eg-test-root #egQArea,
html body .eg-test-root .eg-q-stem,
html body .eg-test-root .eg-opts,
html body .eg-test-root #qxOpts,
html body .qzrr-cbt #qzrrQArea,
html body .qzrr-cbt .qzrr-q-area,
html body .qzrr-cbt .qzrr-opts,
html body .qzrr-cbt .mtk-q-text,
html body .allen-practice .mtk-q-text,
html body .qx-book-page .qx-content {
  visibility: visible !important;
  opacity: 1 !important;
}
html body .qzrr-cbt .qzrr-tool-btn.qzrr-tool-proctor,
html body .qzrr-cbt #qzrrProctorBtn {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .qx-sd-home-strip {
  display: none !important;
}
html body .tlx-qfig,
html body .qx-tlx-stem .tlx-qfig {
  margin: 0 0 12px;
}
html body .tlx-qfig img,
html body .qx-tlx-stem img,
html body .qx-tlx-qimg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  background: #ffffff !important;
  border-radius: 8px;
}
html body .qx-tlx-pattern {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 16px;
}
html body .qx-tlx-pattern span {
  background: #e3f2fd;
  color: #0d47a1;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 999px;
}

html body .qx-home-exams {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
  width: 100%;
}
html body .qx-home-exams .qx-top-exam,
html body .qx-home-exams .qx-home-exam {
  min-height: 48px;
  padding: 12px 8px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  border-radius: 12px !important;
}
html body .qx-home-exams .qx-exam-long { display: inline !important; }
html body .qx-home-exams .qx-exam-short { display: none !important; }
@media (max-width: 560px) {
  html body .qx-home-exams { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
html body .qx-resume-home .qx-resume-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
html body .qx-resume-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-align: left;
  padding: 14px 14px 12px;
  border-radius: 14px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  cursor: pointer;
  font-family: inherit;
}
html body .qx-resume-card em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #1565C0;
}
html body .qx-resume-card strong { font-size: 15px; color: #0f172a; }
html body .qx-resume-card small { font-size: 12px; color: #475569; }
html body .qx-resume-card span { font-size: 13px; font-weight: 800; color: #1565C0; margin-top: 4px; }
html body .qx-home-tests {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
html body .qx-home-test-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
}
html body .qx-home-test-card strong { font-size: 14px; color: #0f172a; }
html body .qx-home-test-card small { font-size: 12px; color: #64748b; }
@media (max-width: 640px) {
  html body .qx-home-tests { grid-template-columns: 1fr; }
}

/* qxmd346: left sidebar never shows Eng/Med/Acad; folders scroll */
html body .sidebar .qx-side-exams,
html body #qxSideExams { display: none !important; height: 0 !important; overflow: hidden !important; }
html body .nav-list { min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
html body .qx-resume-card.qx-sd-done { background: #ecfdf5; border-color: #a7f3d0; }
html body .qx-resume-card.qx-sd-done em,
html body .qx-resume-card.qx-sd-done span { color: #047857; }
html body .qx-sd-empty-mini { padding: 12px 4px; color: #475569; font-size: 13px; }
html body .qx-sd-empty-mini p { margin: 0 0 10px; }

html body .qx-sd {
  --sd-gold: #f5c518;
  --sd-navy: #0b1b33;
  --sd-card: #ffffff;
  --sd-ink: #0f172a;
  --sd-muted: #64748b;
  --sd-line: #e2e8f0;
  --sd-soft: #f8fafc;
  padding: 4px 0 28px;
  color: var(--sd-ink);
}
html body .qx-sd-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 22px 20px;
  border-radius: 20px;
  background:
    linear-gradient(120deg, rgba(245,197,24,.18), transparent 42%),
    linear-gradient(180deg, #0b1b33 0%, #123056 100%);
  color: #fff;
  margin-bottom: 16px;
  min-height: 132px;
}
html body .qx-sd-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sd-gold);
}
html body .qx-sd-hero h1 {
  margin: 0;
  font-size: 28px;
  line-height: 1.15;
  font-weight: 800;
  color: #fff;
}
html body .qx-sd-sub { margin: 8px 0 0; color: #cbd5e1; font-size: 14px; }
html body .qx-sd-hero-cta {
  flex-shrink: 0;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: 800;
  font-size: 14px;
  padding: 12px 18px;
  border-radius: 12px;
  background: var(--sd-gold);
  color: #0b1b33;
}
html body .qx-sd-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
html body .qx-sd-stat {
  background: var(--sd-card);
  border: 1px solid var(--sd-line);
  border-radius: 16px;
  padding: 14px 14px 12px;
  min-height: 104px;
}
html body .qx-sd-stat em {
  display: block;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--sd-muted);
  margin-bottom: 8px;
}
html body .qx-sd-stat strong {
  display: block;
  font-size: 26px;
  font-weight: 800;
  color: var(--sd-ink);
  line-height: 1.1;
}
html body .qx-sd-stat small { display: block; margin-top: 6px; color: var(--sd-muted); font-size: 12px; }
html body .qx-sd-block {
  background: var(--sd-card);
  border: 1px solid var(--sd-line);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 14px;
}
html body .qx-sd-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
html body .qx-sd-head h2 { margin: 0; font-size: 18px; font-weight: 800; color: var(--sd-ink); }
html body .qx-sd-head span { color: var(--sd-muted); font-size: 12px; font-weight: 700; }
html body .qx-sd-link {
  border: 0; background: none; color: #1565C0; font-weight: 800; font-size: 13px;
  cursor: pointer; font-family: inherit;
}
html body .qx-sd-resume-row,
html body .qx-sd-reports {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}
html body .qx-sd-card,
html body .qx-sd-report {
  display: flex;
  gap: 12px;
  text-align: left;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  cursor: pointer;
  font-family: inherit;
  color: inherit;
}
html body .qx-sd-card { flex-direction: column; align-items: flex-start; }
html body .qx-sd-card em,
html body .qx-sd-report em {
  font-style: normal; font-size: 11px; font-weight: 800; letter-spacing: .04em;
  text-transform: uppercase; color: #1565C0;
}
html body .qx-sd-card strong,
html body .qx-sd-report strong { font-size: 15px; color: var(--sd-ink); display: block; margin: 2px 0; }
html body .qx-sd-card small,
html body .qx-sd-report small { font-size: 12px; color: #475569; display: block; }
html body .qx-sd-card span { font-size: 13px; font-weight: 800; color: #1565C0; margin-top: 6px; }
html body .qx-sd-report {
  background: #fff;
  border-color: var(--sd-line);
  cursor: default;
  align-items: center;
}
html body .qx-sd-ring {
  width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%;
  background: conic-gradient(#f5c518 calc(var(--p, 0) * 1%), #e2e8f0 0);
  display: grid; place-items: center;
}
html body .qx-sd-ring::before {
  content: ""; width: 46px; height: 46px; border-radius: 50%; background: #fff;
  grid-area: 1 / 1;
}
html body .qx-sd-ring b {
  grid-area: 1 / 1; position: relative; z-index: 1;
  font-size: 12px; font-weight: 800; color: var(--sd-ink);
}
html body .qx-sd-report-body { min-width: 0; flex: 1; }
html body .qx-sd-report-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
html body .qx-sd-btn {
  border: 0; cursor: pointer; font-family: inherit; font-weight: 800; font-size: 12px;
  padding: 8px 12px; border-radius: 10px;
}
html body .qx-sd-btn.gold { background: #f5c518; color: #0b1b33; }
html body .qx-sd-btn.ghost { background: #e2e8f0; color: #0f172a; }
html body .qx-sd-empty {
  padding: 22px 8px; text-align: center; color: var(--sd-muted);
}
html body .qx-sd-empty strong { display: block; color: var(--sd-ink); font-size: 16px; margin-bottom: 6px; }
html body .qx-sd-empty p { margin: 0 0 14px; font-size: 13px; }
html body .qx-sd-quick {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
html body .qx-sd-quick button {
  text-align: left; border: 1px solid var(--sd-line); background: var(--sd-soft);
  border-radius: 14px; padding: 12px; cursor: pointer; font-family: inherit; color: inherit;
}
html body .qx-sd-quick strong { display: block; font-size: 13px; }
html body .qx-sd-quick small { display: block; margin-top: 3px; color: var(--sd-muted); font-size: 11px; }

html[data-theme="dark"] body .qx-sd {
  --sd-card: #13233d;
  --sd-ink: #f8fafc;
  --sd-muted: #94a3b8;
  --sd-line: #1e3a5f;
  --sd-soft: #0f1d33;
}
html[data-theme="dark"] body .qx-sd-stat,
html[data-theme="dark"] body .qx-sd-block,
html[data-theme="dark"] body .qx-sd-report,
html[data-theme="dark"] body .qx-sd-quick button {
  background: var(--sd-card);
  border-color: var(--sd-line);
  color: var(--sd-ink);
}
html[data-theme="dark"] body .qx-sd-card { background: #16325a; border-color: #1e4b86; }
html[data-theme="dark"] body .qx-sd-card em,
html[data-theme="dark"] body .qx-sd-card span,
html[data-theme="dark"] body .qx-sd-link { color: #f5c518; }
html[data-theme="dark"] body .qx-sd-ring::before { background: #13233d; }
html[data-theme="dark"] body .qx-sd-btn.ghost { background: #1e3a5f; color: #e2e8f0; }
html[data-theme="dark"] body .qx-resume-card { background: #16325a; border-color: #1e4b86; }
html[data-theme="dark"] body .qx-resume-card strong,
html[data-theme="dark"] body .qx-home-test-card strong { color: #f8fafc; }
html[data-theme="dark"] body .qx-resume-card small,
html[data-theme="dark"] body .qx-home-test-card small { color: #94a3b8; }
html[data-theme="dark"] body .qx-resume-card.qx-sd-done { background: #064e3b; border-color: #047857; }
html[data-theme="dark"] body .qx-home-test-card { background: #13233d; border-color: #1e3a5f; }

@media (max-width: 900px) {
  html body .qx-sd-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .qx-sd-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  html body .qx-sd-hero { flex-direction: column; align-items: stretch; min-height: 0; }
  html body .qx-sd-hero h1 { font-size: 22px; }
  html body .qx-sd-reports { grid-template-columns: 1fr; }
}

/* qxmd347: exam switch ONCE in the topbar (desktop + mobile). Never on Home, never on left. */
html body .topbar #qxTopExams,
html body .topbar .qx-top-exams {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
html body .qx-home-exams,
html body #qxHomeExams,
html body .sidebar .qx-side-exams,
html body #qxSideExams,
html body #marksExamBlock,
html body .marks-exam-block {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
html body .nav-more-toggle,
html body .nav-more-list { display: none !important; }
html body .nav-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}
html body .sidebar-foot { padding: 8px 10px !important; }
html body .sidebar-foot .exam-pill,
html body .sidebar-foot .back-link[href^="app.html"] { display: none !important; }
@media (max-width: 760px) {
  html body .topbar #qxTopExams,
  html body .topbar .qx-top-exams { display: flex !important; }
  html body .topbar .qx-top-exam .qx-exam-long { display: none !important; }
  html body .topbar .qx-top-exam .qx-exam-short { display: inline !important; }
}

html body .qx-sd-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "copy cta" "quote cta";
  align-items: center;
  gap: 10px 18px;
}
html body .qx-sd-hero-copy { grid-area: copy; }
html body .qx-sd-quote {
  grid-area: quote;
  margin: 0;
  font-size: 13px;
  color: #fde68a;
  font-weight: 600;
}
html body .qx-sd-hero-cta { grid-area: cta; }
html body .qx-sd-meter {
  display: block; height: 6px; border-radius: 99px; background: #e2e8f0; margin-top: 10px; overflow: hidden;
}
html body .qx-sd-meter i { display: block; height: 100%; background: linear-gradient(90deg,#f5c518,#f97316); }
html body .qx-sd-spark { width: 100%; height: 28px; margin-top: 8px; color: #16a34a; }
html body .qx-sd-dots { display: flex; gap: 5px; margin-top: 10px; }
html body .qx-sd-dots i { width: 10px; height: 10px; border-radius: 50%; background: #e2e8f0; display: block; }
html body .qx-sd-dots i.on { background: #f5c518; box-shadow: 0 0 8px rgba(245,197,24,.7); }
html body .qx-sd-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, .9fr);
  gap: 14px;
  align-items: start;
}
html body .qx-sd-col, html body .qx-sd-side { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
html body .qx-sd-doubt {
  background: linear-gradient(160deg, #0b1b33, #16325a);
  color: #fff;
  border-radius: 18px;
  padding: 16px;
}
html body .qx-sd-doubt h2 { margin: 0 0 6px; font-size: 18px; }
html body .qx-sd-doubt p { margin: 0 0 12px; color: #cbd5e1; font-size: 13px; }
html body .qx-sd-perf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
html body .qx-sd-donut-wrap { display: flex; gap: 12px; align-items: center; }
html body .qx-sd-donut {
  width: 92px; height: 92px; border-radius: 50%; flex-shrink: 0;
  display: grid; place-items: center; color: var(--sd-ink);
}
html body .qx-sd-donut::before {
  content: ""; width: 58px; height: 58px; border-radius: 50%; background: var(--sd-card); grid-area: 1 / 1;
}
html body .qx-sd-donut b, html body .qx-sd-donut small {
  grid-area: 1 / 1; position: relative; z-index: 1; text-align: center;
}
html body .qx-sd-donut b { font-size: 16px; }
html body .qx-sd-donut small { font-size: 9px; margin-top: 22px; color: var(--sd-muted); }
html body .qx-sd-donut-wrap ul { list-style: none; margin: 0; padding: 0; font-size: 12px; color: var(--sd-muted); }
html body .qx-sd-donut-wrap li { margin: 4px 0; }
html body .qx-sd-donut-wrap i { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-right: 6px; }
html body .qx-sd-donut-wrap i.g { background: #22c55e; }
html body .qx-sd-donut-wrap i.r { background: #ef4444; }
html body .qx-sd-donut-wrap i.u { background: #94a3b8; }
html body .qx-sd-chaps h3 { margin: 0 0 8px; font-size: 13px; }
html body .qx-sd-bar { display: grid; grid-template-columns: 90px 1fr 36px; gap: 8px; align-items: center; font-size: 12px; margin-bottom: 6px; }
html body .qx-sd-bar b { height: 8px; border-radius: 99px; background: #e2e8f0; position: relative; overflow: hidden; }
html body .qx-sd-bar b::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--p, 0%); background: #f5c518; }
html body .qx-sd-up { display: flex; flex-direction: column; gap: 8px; }
html body .qx-sd-up button {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 12px; border-radius: 12px; border: 1px solid var(--sd-line);
  background: var(--sd-soft); cursor: pointer; font-family: inherit; color: inherit;
}
html body .qx-sd-up span {
  background: #f5c518; color: #0b1b33; font-weight: 800; font-size: 11px;
  padding: 4px 10px; border-radius: 999px;
}
html body .qx-sd-rankbox { background: var(--sd-card); border: 1px solid var(--sd-line); border-radius: 18px; padding: 16px; }
html body .qx-sd-rank-range { font-size: 26px; font-weight: 800; margin: 4px 0; color: var(--sd-ink); }
html body .qx-sd-note { font-size: 11px; color: var(--sd-muted); margin: 6px 0 12px; }
html body .qx-sd-muted { color: var(--sd-muted); font-size: 13px; }
html body .qx-sd-tracks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
html body .qx-sd-tracks button {
  text-align: left; border: 0; border-radius: 14px; padding: 12px; cursor: pointer;
  font-family: inherit; color: #fff; min-height: 72px;
}
html body .qx-sd-tracks strong { display: block; font-size: 13px; }
html body .qx-sd-tracks small { display: block; margin-top: 3px; opacity: .85; font-size: 11px; }
html body .tr-eng { background: linear-gradient(160deg,#1d4ed8,#0f172a); }
html body .tr-med { background: linear-gradient(160deg,#be185d,#9f1239); }
html body .tr-acad { background: linear-gradient(160deg,#0f766e,#115e59); }
html body .tr-def { background: linear-gradient(160deg,#b45309,#7c2d12); }
html body .qx-sd-quick-side { grid-template-columns: 1fr 1fr; }
html body .qx-sd-quick .qa-test { background: #eff6ff; }
html body .qx-sd-quick .qa-pyq { background: #fdf2f8; }
html body .qx-sd-quick .qa-notes { background: #ecfdf5; }
html body .qx-sd-quick .qa-form { background: #faf5ff; }
html body .qx-sd-quick .qa-an { background: #fff7ed; }
html body .qx-sd-quick .qa-bm { background: #eef2ff; }
html body .qx-sd-plan {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  margin-top: 14px; padding: 16px 18px; border-radius: 16px;
  background: linear-gradient(90deg,#0b1b33,#16325a); color: #fff;
}
html body .qx-sd-plan p { margin: 4px 0 0; color: #cbd5e1; font-size: 13px; }
html[data-theme="dark"] body .qx-sd-meter { background: #1e3a5f; }
html[data-theme="dark"] body .qx-sd-dots i { background: #1e3a5f; }
html[data-theme="dark"] body .qx-sd-dots i.on { background: #f5c518; }
html[data-theme="dark"] body .qx-sd-bar b { background: #1e3a5f; }
html[data-theme="dark"] body .qx-sd-up button { background: #0f1d33; }
html[data-theme="dark"] body .qx-sd-quick .qa-test,
html[data-theme="dark"] body .qx-sd-quick .qa-pyq,
html[data-theme="dark"] body .qx-sd-quick .qa-notes,
html[data-theme="dark"] body .qx-sd-quick .qa-form,
html[data-theme="dark"] body .qx-sd-quick .qa-an,
html[data-theme="dark"] body .qx-sd-quick .qa-dpp,
html[data-theme="dark"] body .qx-sd-quick .qa-bm { background: #16325a; color: #f8fafc; }
@media (max-width: 980px) {
  html body .qx-sd-grid { grid-template-columns: 1fr; }
  html body .qx-sd-perf-row { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  html body .qx-sd-hero { display: flex; }
  html body .qx-sd-tracks { grid-template-columns: 1fr; }
}

/* qxmd348: live leaderboard on dashboard · TALENTEX home card */
html body .qx-sd-lb { display: flex; flex-direction: column; gap: 8px; }
html body .qx-sd-lb-row {
  display: grid;
  grid-template-columns: 28px 32px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 12px;
  background: var(--sd-soft);
  border: 1px solid var(--sd-line);
}
html body .qx-sd-lb-rank { font-weight: 800; text-align: center; font-size: 13px; }
html body .qx-sd-lb-av {
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 13px;
}
html body .qx-sd-lb-name {
  font-weight: 700; font-size: 13px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html body .qx-sd-lb-pts { font-weight: 800; color: #b45309; font-size: 13px; }
html body .qx-sd-quick .qa-dpp { background: #fef9c3; }
html body .qx-home-test-hot {
  background: linear-gradient(160deg, #fff7ed, #ffedd5);
  border-color: #fdba74;
}
html[data-theme="dark"] body .qx-sd-lb-row { background: #0f1d33; }
html[data-theme="dark"] body .qx-sd-lb-pts { color: #fbbf24; }
html[data-theme="dark"] body .qx-home-test-hot {
  background: linear-gradient(160deg, #7c2d12, #431407);
  border-color: #c2410c;
}