/* qxmd182 — Check Answer keeps Q+opts; scroll solutions; pinch-zoom; round option colours */
html.qx-test-zoom {
  touch-action: pan-x pan-y !important;
}
html.qx-test-zoom body,
body.marks-test-active,
body.marks-test-active .eg-test-root,
body.marks-test-active .eg-q-card,
.eg-test-root.eg-qxmd182,
.eg-test-root.eg-qxmd182 .eg-q-card,
.eg-test-root.eg-qxmd182 .eg-main,
.eg-test-root.eg-qxmd182 .eg-opt,
.eg-test-root.eg-qxmd182 .mtk-opt {
  touch-action: pan-x pan-y !important;
}

.eg-test-root.eg-qxmd182 {
  display: flex !important;
  flex-direction: column !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: visible !important;
}
.eg-test-root.eg-qxmd182 > .eg-top {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  z-index: 60 !important;
  min-height: 56px !important;
  padding: 6px 10px !important;
  background: #1565C0 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
.eg-test-root.eg-qxmd182 > .eg-subs,
.eg-test-root.eg-qxmd182 > .eg-qbar,
.eg-test-root.eg-qxmd182 > .eg-info-strip {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  flex-shrink: 0 !important;
  z-index: 2 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}
.eg-test-root.eg-qxmd182 > .eg-foot {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  flex-shrink: 0 !important;
  z-index: 2147483646 !important;
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  flex-direction: row !important;
  height: auto !important;
  min-height: 56px !important;
  padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.12) !important;
}
.eg-test-root.eg-qxmd182 .eg-foot-extra,
.eg-test-root.eg-qxmd182 .eg-foot-left {
  background: transparent !important;
}
.eg-test-root.eg-qxmd182 .eg-foot-right,
.eg-test-root.eg-qxmd182 .eg-foot #qxPrevBtn,
.eg-test-root.eg-qxmd182 .eg-foot #qxNextBtn,
.eg-test-root.qx-sol-showing .eg-foot-right,
.eg-test-root.qx-sol-showing .eg-foot #qxPrevBtn,
.eg-test-root.qx-sol-showing .eg-foot #qxNextBtn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.eg-test-root.eg-qxmd182 .eg-foot #qxPrevBtn {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #94a3b8 !important;
}
.eg-test-root.eg-qxmd182 .eg-foot #qxNextBtn,
.eg-test-root.eg-qxmd182 .eg-foot .eg-btn-next {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #94a3b8 !important;
}
.eg-test-root.eg-qxmd182 .eg-foot-sheet-scrim {
  display: none !important;
}
.eg-test-root.eg-qxmd182 .eg-btn-short {
  display: none !important;
}
html .eg-test-root[data-test-theme="dark"].eg-qxmd182 > .eg-foot,
html[data-theme="dark"] .eg-test-root.eg-qxmd182 > .eg-foot {
  background: #0f172a !important;
  border-top-color: #334155 !important;
}
.eg-test-root.eg-qxmd182 .eg-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: grid !important;
}
.eg-test-root.eg-qxmd182 .eg-main {
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.eg-test-root.eg-qxmd182 .eg-q-card {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
}

html .eg-test-root.eg-qxmd182 #egQArea,
html .eg-test-root.eg-qxmd182 .eg-q-stem,
html .eg-test-root.eg-qxmd182.eg-sol-showing #egQArea,
html .eg-test-root.eg-qxmd182.eg-sol-showing .eg-q-stem,
html .eg-test-root.eg-qxmd182.eg-sol-showing.eg-qxmd179 #egQArea,
html .eg-test-root.eg-qxmd182.eg-sol-showing.eg-qxmd177 #egQArea,
html .eg-test-root.eg-qxmd182.eg-sol-showing.eg-qxmd179 .eg-q-stem,
html .eg-test-root.eg-qxmd182.eg-sol-showing.eg-qxmd177 .eg-q-stem,
html body.eg-qxmd179 .eg-test-root.eg-qxmd182.eg-sol-showing #egQArea,
html body.eg-qxmd179-host .eg-test-root.eg-qxmd182.eg-sol-showing #egQArea {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: static !important;
  clip: auto !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  pointer-events: auto !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html .eg-test-root.eg-qxmd182 #qxOpts,
html .eg-test-root.eg-qxmd182 .eg-opts,
html .eg-test-root.eg-qxmd182.eg-sol-showing #qxOpts,
html .eg-test-root.eg-qxmd182.eg-sol-showing .eg-opts,
html .eg-test-root.eg-qxmd182.eg-sol-showing.eg-qxmd179 #qxOpts,
html .eg-test-root.eg-qxmd182.eg-sol-showing.eg-qxmd177 #qxOpts {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html .eg-test-root.eg-qxmd182 #qxOpts.mtk-numerical-wrap,
html .eg-test-root.eg-qxmd182 #qxOpts.qx-num-eg,
html .eg-test-root.eg-qxmd182.eg-sol-showing #qxOpts.mtk-numerical-wrap,
html .eg-test-root.eg-qxmd182.eg-sol-showing #qxOpts.qx-num-eg {
  display: flex !important;
  grid-template-columns: none !important;
  flex-direction: column !important;
  align-items: center !important;
}

.eg-test-root.eg-qxmd182 .eg-sol-panel,
.eg-test-root.eg-qxmd182.eg-sol-showing .eg-sol-panel {
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  margin: 16px 0 28px !important;
}
.eg-test-root.eg-qxmd182 .eg-sol,
.eg-test-root.eg-qxmd182 .qx-sol-card,
.eg-test-root.eg-qxmd182 .qx-sol-flow,
.eg-test-root.eg-qxmd182 .eg-sol .qx-content {
  font-size: var(--nta-q, 16px) !important;
  line-height: var(--nta-lh, 1.55) !important;
  color: inherit !important;
}
.eg-test-root.eg-qxmd182 .eg-qpreview-stem {
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.eg-test-root.eg-qxmd182 .eg-sol .eg-q-stem,
.eg-test-root.eg-qxmd182 .qx-sol-card .eg-q-stem {
  display: none !important;
}

/* Round A/B/C/D: idle / selected / kelly-green correct / red wrong */
.eg-test-root.eg-qxmd182 .mtk-opt-letter,
.eg-test-root.eg-qxmd182 .eg-opt-letter,
.eg-test-root.eg-qxmd182 .qx-opt-circle,
.eg-test-root.eg-qxmd182 .mtk-opt .mtk-opt-letter,
.eg-test-root.eg-qxmd182 .mtk-opt .qx-opt-circle {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 2px solid #94a3b8 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
}
.eg-test-root.eg-qxmd182[data-test-theme="dark"] .mtk-opt-letter,
.eg-test-root.eg-qxmd182[data-test-theme="dark"] .eg-opt-letter,
.eg-test-root.eg-qxmd182[data-test-theme="dark"] .qx-opt-circle {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  border-color: #64748b !important;
}
.eg-test-root.eg-qxmd182 .mtk-opt.selected,
.eg-test-root.eg-qxmd182 .eg-opt.selected,
.eg-test-root.eg-qxmd182 [data-opt].selected {
  border-color: #2563eb !important;
  background: rgba(37, 99, 235, .10) !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, .28) !important;
}
.eg-test-root.eg-qxmd182 .mtk-opt.selected .mtk-opt-letter,
.eg-test-root.eg-qxmd182 .mtk-opt.selected .qx-opt-circle,
.eg-test-root.eg-qxmd182 .eg-opt.selected .eg-opt-letter,
.eg-test-root.eg-qxmd182 [data-opt].selected .mtk-opt-letter,
.eg-test-root.eg-qxmd182 [data-opt].selected .qx-opt-circle {
  background: #2563eb !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #1d4ed8 !important;
}
.eg-test-root.eg-qxmd182 .mtk-opt.eg-opt-right,
.eg-test-root.eg-qxmd182 .eg-opt.eg-opt-right,
.eg-test-root.eg-qxmd182 [data-opt].eg-opt-right {
  border-color: #3d9b35 !important;
  background: rgba(61, 155, 53, .12) !important;
  box-shadow: 0 0 0 2px rgba(61, 155, 53, .28) !important;
}
.eg-test-root.eg-qxmd182 .mtk-opt.eg-opt-right .mtk-opt-letter,
.eg-test-root.eg-qxmd182 .mtk-opt.eg-opt-right .qx-opt-circle,
.eg-test-root.eg-qxmd182 .eg-opt.eg-opt-right .eg-opt-letter,
.eg-test-root.eg-qxmd182 [data-opt].eg-opt-right .mtk-opt-letter {
  background: #3d9b35 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #2e7d32 !important;
}
.eg-test-root.eg-qxmd182 .mtk-opt.eg-opt-wrong,
.eg-test-root.eg-qxmd182 .eg-opt.eg-opt-wrong,
.eg-test-root.eg-qxmd182 [data-opt].eg-opt-wrong {
  border-color: #e53935 !important;
  background: rgba(229, 57, 53, .10) !important;
  box-shadow: 0 0 0 2px rgba(229, 57, 53, .28) !important;
}
.eg-test-root.eg-qxmd182 .mtk-opt.eg-opt-wrong .mtk-opt-letter,
.eg-test-root.eg-qxmd182 .mtk-opt.eg-opt-wrong .qx-opt-circle,
.eg-test-root.eg-qxmd182 .eg-opt.eg-opt-wrong .eg-opt-letter,
.eg-test-root.eg-qxmd182 [data-opt].eg-opt-wrong .mtk-opt-letter {
  background: #e53935 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #c62828 !important;
}

@media (max-width: 900px) {
  .eg-test-root.eg-qxmd182 .eg-q-card {
    padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* qxmd185 — readable Exam Goal question + solution */
html .eg-test-root.eg-qxmd182 #egQArea,
html .eg-test-root.eg-qxmd182 .eg-q-stem,
html .allen-practice .mtk-q-text,
html .allen-practice .mq-stem {
  font-size: 17px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}
html .eg-test-root.eg-qxmd182 .eg-sol-panel,
html .eg-test-root.eg-qxmd182 .qx-sol-card,
html #qaSolReveal .qx-sol-card,
html #qaSolReveal .qx-sol-reveal-box {
  margin-top: 18px !important;
  padding: 16px 16px 20px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(37, 99, 235, 0.22) !important;
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.92), rgba(255, 255, 255, 0.96)) !important;
}
html[data-theme="dark"] .eg-test-root.eg-qxmd182 .eg-sol-panel,
html[data-theme="dark"] .eg-test-root.eg-qxmd182 .qx-sol-card,
html .eg-test-root[data-test-theme="dark"] .eg-sol-panel {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.92)) !important;
  border-color: rgba(96, 165, 250, 0.28) !important;
}
html .eg-test-root.eg-qxmd182 .eg-sol,
html .eg-test-root.eg-qxmd182 .qx-sol-flow,
html .eg-test-root.eg-qxmd182 .sol-body,
html #qaSolReveal .sol-body {
  font-size: var(--nta-q, 16px) !important;
  line-height: var(--nta-lh, 1.72) !important;
}
html .eg-test-root.eg-qxmd182 .eg-sol-panel-head strong,
html .eg-test-root.eg-qxmd182 .qx-sol-card-h {
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #1d4ed8 !important;
}
html .eg-test-root.eg-qxmd182 .katex,
html .allen-practice .katex {
  font-size: 1.08em !important;
}


/* qxmd220: sol + stem track --nta-q (override legacy 16px locks) */
html .eg-test-root.eg-qxmd180 .eg-sol,
html .eg-test-root.eg-qxmd180 .eg-sol .qx-content,
html .eg-test-root.eg-qxmd180 .qx-sol-flow,
html .eg-test-root.eg-qxmd180 .sol-body,
html .eg-test-root.eg-qxmd180 .qx-sol-card,
html .eg-test-root.eg-qxmd182 .eg-sol,
html .eg-test-root.eg-qxmd182 .qx-sol-flow,
html .eg-test-root.eg-qxmd182 .sol-body,
html .eg-test-root.eg-qxmd182 .qx-sol-card,
html .eg-test-root .eg-sol,
html .eg-test-root .eg-sol *:not(.katex):not(.katex *):not(svg):not(svg *):not(img):not(button):not(input),
html .eg-test-root #egSol,
html .eg-test-root .qx-sol-flow,
html .eg-test-root .sol-body,
html .eg-test-root .qx-sol-card {
  font-size: var(--nta-q, 16px) !important;
  line-height: var(--nta-lh, 1.55) !important;
}
html .eg-test-root .eg-q-stem,
html .eg-test-root #egQArea,
html .eg-test-root .mtk-q-text,
html .eg-test-root .mtk-opt-text,
html .eg-test-root .eg-opts {
  font-size: var(--nta-q, 16px) !important;
  line-height: var(--nta-lh, 1.55) !important;
}