/* qxmd298: website Quizrr NTA only (html[data-qx-shell=web]). App MARKS player untouched. */

html[data-qx-shell="web"] body.marks-test-active:has(.qzrr-cbt),
html[data-qx-shell="web"] body.allen-cbt-active:has(.qzrr-cbt) {
  overflow: hidden !important;
}
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;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

html[data-qx-shell="web"] #app-main .qzrr-cbt,
html[data-qx-shell="web"] #app-main .mtk-test-root.qzrr-cbt {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  position: relative !important;
}

html[data-qx-shell="web"] .qzrr-cbt .qzrr-black-tools {
  padding-right: 0 !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-top-zoom,
html[data-qx-shell="web"] .qzrr-cbt #qzrrTopZoom,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-side-zoom,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-side-head {
  display: none !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-black-bar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  pointer-events: auto !important;
  z-index: 20120 !important;
}
html[data-qx-shell="web"] .qzrr-cbt #qzrrExitX,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-exit-x {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  z-index: 20150 !important;
  box-shadow: none !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-black-title {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: min(28vw, 140px) !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-black-tools {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow-x: auto !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-black-bar > #qxSubmitTop,
html[data-qx-shell="web"] .qzrr-cbt #qxSubmitTop {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  min-width: 74px !important;
  width: auto !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 32px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 1px solid #ef4444 !important;
  background: #fff !important;
  color: #ef4444 !important;
  -webkit-text-fill-color: #ef4444 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  z-index: 20150 !important;
  position: relative !important;
}

html[data-qx-shell="web"] .qzrr-cbt .qzrr-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 280px !important;
  overflow: hidden !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-main-col {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area,
html[data-qx-shell="web"] .qzrr-cbt #qzrrQArea {
  flex: 1 1 auto !important;
  min-height: 160px !important;
  max-height: none !important;
  height: auto !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 16px 20px 36px !important;
  background: #fff !important;
  scroll-padding-bottom: 28px !important;
}
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt .qzrr-q-area,
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt #qzrrQArea,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark .qzrr-q-area,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark #qzrrQArea,
html[data-qx-shell="web"] .qzrr-cbt[data-test-theme="dark"] .qzrr-q-area,
html[data-qx-shell="web"] .qzrr-cbt[data-test-theme="dark"] #qzrrQArea {
  background: #0b1220 !important;
  color: #f8fafc !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .qx-content,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .mtk-q-text,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .qx-question-body,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts {
  display: flex !important;
  flex-direction: column !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt {
  display: flex !important;
}

/* Single Correct: A/B/C/D letter chips. Radio hidden. */
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt-radio {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt-letter,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .qx-opt-circle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !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: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-family: Inter, Segoe UI, Arial, sans-serif !important;
  box-shadow: 0 2px 8px rgba(21, 101, 192, 0.28) !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt.selected .mtk-opt-letter,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt.selected .qx-opt-circle {
  background: #0d47a1 !important;
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.32) !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  text-align: left !important;
  cursor: pointer !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt:hover {
  background: #f8fbff !important;
  border-color: #c5d0db !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt.selected {
  background: #eef5ff !important;
  border-color: #1565C0 !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-top: 5px !important;
  color: #111 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt,
html[data-qx-shell="web"] .qzrr-cbt[data-test-theme="dark"] .qzrr-opts .mtk-opt {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt:hover,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt:hover {
  background: #243044 !important;
  border-color: #64748b !important;
}
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt.selected,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt.selected {
  background: #1e3a5f !important;
  border-color: #1565C0 !important;
}
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt-text,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark .qzrr-opts .mtk-opt-text,
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .qx-content,
html[data-theme="dark"][data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .mtk-q-text,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark .qzrr-q-area .qx-content,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-dark .qzrr-q-area .mtk-q-text {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-qx-shell="web"] .qzrr-cbt .qzrr-footer-actions {
  flex-shrink: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: #fff !important;
  border-top: 1px solid #c5cdd6 !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-act-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}
html[data-qx-shell="web"] .qzrr-cbt #qxPrevBtn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  min-width: 96px !important;
  background: #fff !important;
  color: #1a2b3c !important;
  border: 1px solid #90a0b0 !important;
  order: 0 !important;
}
html[data-qx-shell="web"] .qzrr-cbt #qxPrevBtn[disabled] {
  opacity: .45 !important;
  pointer-events: none !important;
}
html[data-qx-shell="web"] .qzrr-cbt #qxSaveBtn {
  background: #1a73e8 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #1557b0 !important;
  order: 1 !important;
}
html[data-qx-shell="web"] .qzrr-cbt #qxSubmitBtn {
  display: flex !important;
  width: 100% !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  background: #1a73e8 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 20200 !important;
  cursor: pointer !important;
}
html[data-qx-shell="web"] #mtkSubmitModal,
html[data-qx-shell="web"] .marks-modal-overlay#mtkSubmitModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.65) !important;
}

/* Screen Magnifier — hover lens. Paper font-size does not change. */
html[data-qx-shell="web"] .qzrr-cbt.qzrr-mag-on .qzrr-q-area,
html[data-qx-shell="web"] .qzrr-cbt.qzrr-mag-on #qzrrQArea {
  cursor: crosshair;
}
html[data-qx-shell="web"] .qx-qzrr-mag-lens {
  position: fixed;
  z-index: 20240;
  width: 220px;
  height: 220px;
  pointer-events: none;
  display: none;
}
html[data-qx-shell="web"] .qx-qzrr-mag-lens.qx-on {
  display: block;
}
html[data-qx-shell="web"] .qx-qzrr-mag-view {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  border: 3px solid #f4c430;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38), inset 0 0 0 2px rgba(255, 255, 255, 0.4);
  position: relative;
}
html[data-qx-shell="web"] .qx-qzrr-mag-clone {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  pointer-events: none;
  will-change: transform;
}
html[data-qx-shell="web"] .qx-qzrr-mag-handle {
  position: absolute;
  width: 22px;
  height: 7px;
  right: 10px;
  bottom: 18px;
  background: #f4c430;
  border-radius: 4px;
  transform: rotate(42deg);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

html[data-qx-shell="web"] .qzrr-cbt .qzrr-tool-mag.on {
  background: rgba(244, 196, 48, 0.28) !important;
  color: #ffe082 !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-tool-proctor.on {
  background: rgba(212, 175, 55, 0.28) !important;
}

html[data-qx-shell="web"] .qzrr-cbt .qzrr-side {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #eef3f8 !important;
  border-left: 1px solid #c5d0db !important;
  zoom: 1 !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-grid {
  overflow-y: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  zoom: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-grid-cell,
html[data-qx-shell="web"] .qzrr-cbt .mtk-pal-cell.qzrr-grid-cell {
  zoom: 1 !important;
  transform: none !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
  padding: 0 !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-side-foot {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  z-index: 20150 !important;
  pointer-events: auto !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-side-foot #mtkExitBtn,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-side-foot [data-qx-exit] {
  display: flex !important;
  width: 100% !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  visibility: visible !important;
  cursor: pointer !important;
}

/* Auto-fit: stem + every option stay fully readable in the paper column */
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .mtk-q-text,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .qx-question-body,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .qx-content,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt-text {
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}
html[data-qx-shell="web"] .qzrr-cbt .qzrr-opts .mtk-opt .katex,
html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area .katex {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.mk-rc-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.mk-rc-btn-print,
.mk-sol-fchip {
  appearance:none; border:1px solid #c5d0db; background:#fff; color:#1a2b3c;
  font-weight:700; font-size:13px; padding:8px 14px; border-radius:6px; cursor:pointer;
}
.mk-rc-btn-print { background:#1565c0; color:#fff; border-color:#0d47a1; }
.mk-sol-filters { display:flex; flex-wrap:wrap; gap:8px; padding:8px 12px; background:#f4f7fb; border-bottom:1px solid #e2e8f0; }
.mk-sol-fchip.on { background:#1565c0; color:#fff; border-color:#0d47a1; }
.mk-sol-row[data-rv-sel="1"] { outline:2px solid #d4af37; outline-offset:2px; }
.mk-sol-row[data-qx-filter-hide="1"] { display:none !important; }
@media print {
  .mk-sol-filters, .mk-rc-top, .mk-sol-top, .mk-sol-footer, .qzrr-black-bar, .qx-pr-pip { display:none !important; }
  body[data-qx-print-mode="wrong"] .mk-sol-row:not(.wrong) { display:none !important; }
  body[data-qx-print-mode="sel"] .mk-sol-row:not([data-rv-sel="1"]) { display:none !important; }
}

@media (max-width: 900px) {
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-body {
    grid-template-columns: 1fr !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt:not(.qzrr-side-collapsed) .qzrr-side {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: min(280px, 86vw) !important;
    z-index: 40 !important;
    box-shadow: -8px 0 24px rgba(15, 23, 42, .18) !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt.qzrr-side-collapsed .qzrr-side {
    display: none !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-black-bar {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    min-height: 40px !important;
    max-height: 44px !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-footer-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-act-left,
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-act-right {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-column: 1 / -1 !important;
    gap: 8px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-footer-actions .qzrr-btn,
  html[data-qx-shell="web"] .qzrr-cbt #qxReviewNextBtn,
  html[data-qx-shell="web"] .qzrr-cbt #qxClearBtn,
  html[data-qx-shell="web"] .qzrr-cbt #qxPrevBtn,
  html[data-qx-shell="web"] .qzrr-cbt #qxSaveBtn {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-q-area,
  html[data-qx-shell="web"] .qzrr-cbt #qzrrQArea {
    padding: 12px 12px 28px !important;
  }
  html[data-qx-shell="web"] .qzrr-cbt .qzrr-side-toggle {
    display: flex !important;
    z-index: 60 !important;
  }
}