/* qxmd207: ONE white strip Previous | Check Answer | Next (row; wrap only if extremely narrow) */
.eg-test-root #egFoot,
.eg-test-root .eg-foot,
.eg-test-root .eg-foot-practice,
.eg-test-root .eg-foot-marks,
.eg-test-root.eg-mobile #egFoot,
.eg-test-root.eg-mobile .eg-foot,
.eg-test-root.eg-desktop-mode #egFoot,
.eg-test-root.eg-desktop-mode .eg-foot,
.eg-test-root.qx-sol-showing #egFoot,
.eg-test-root.qx-sol-showing .eg-foot,
.eg-test-root.eg-sol-showing #egFoot,
.eg-test-root.eg-sol-showing .eg-foot {
  display: grid !important;
  grid-template-columns: 1fr 1.25fr 1fr !important;
  grid-auto-flow: row !important;
  gap: 8px !important;
  align-items: stretch !important;
  background: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
  position: fixed !important; /* qxmd216 fixed */
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  z-index: 2147483646 !important;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom,0px)) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 360px) {
  .eg-test-root #egFoot,
  .eg-test-root .eg-foot-marks,
  .eg-test-root .eg-foot-practice {
    grid-template-columns: 1fr !important;
  }
}
.eg-test-root .eg-foot-extra,
.eg-test-root #egFootExtra,
.eg-test-root .eg-foot-left,
.eg-test-root label.eg-show { display: none !important; height: 0 !important; overflow: hidden !important; }
.eg-test-root #egFoot #qxPrevBtn,
.eg-test-root #egFoot #egCheckBtn,
.eg-test-root #egFoot #qxNextBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  width: 100% !important;
}
.eg-test-root #egFoot #qxPrevBtn {
  background: #fff !important; color: #1565C0 !important; border: 2px solid #1565C0 !important;
}
.eg-test-root #egFoot #egCheckBtn {
  background: #1565C0 !important; color: #fff !important; border: 2px solid #1565C0 !important;
}
.eg-test-root #egFoot #egCheckBtn:disabled {
  background: #94a3b8 !important; border-color: #94a3b8 !important;
}
.eg-test-root #egFoot #qxNextBtn {
  background: #1565C0 !important; color: #fff !important; border: 2px solid #1565C0 !important;
}
.eg-test-root .eg-main, .eg-test-root .eg-q-card {
  padding-bottom: calc(72px + env(safe-area-inset-bottom,0px)) !important;
}
.eg-test-root .eg-action-row .eg-check-wrap { display: none !important; }

/* qxmd208: never show stem-rescued inside SOLUTION */
#egSol .qx-stem-rescued, #egSolPanel .qx-stem-rescued, .eg-sol .qx-stem-rescued,
#egSol .qx-stem-forced, #egSolPanel .qx-stem-forced, .eg-sol .qx-stem-forced {
  display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important;
}


/* ========== qxmd209: Allen/NEET/Medical practice = same Marks strip ========== */
.allen-practice .eg-foot.eg-foot-marks,
.allen-practice .eg-foot-practice,
.mtk-test-root.allen-practice #egFoot,
.qx-practice-page .eg-foot-marks,
.qx-prac-foot.eg-foot-marks {
  display: grid !important;
  grid-template-columns: 1fr 1.25fr 1fr !important;
  grid-auto-flow: row !important;
  gap: 8px !important;
  align-items: stretch !important;
  background: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
  position: fixed !important; /* qxmd216 fixed */
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2147483646 !important;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}
.allen-practice .eg-foot-left,
.allen-practice .eg-foot-right,
.allen-practice label.eg-show,
.allen-practice #qxPracClear,
.allen-practice #qxPracShowAns,
.qx-practice-page .eg-foot-left,
.qx-practice-page .eg-foot-right,
.qx-practice-page label.eg-show,
.qx-practice-page #qxPracClear {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.allen-practice .eg-action-row .eg-check-wrap,
.qx-practice-page .eg-action-row .eg-check-wrap {
  display: none !important;
}
.allen-practice #egFoot #qxPracPrev,
.allen-practice #egFoot #qxPracSubmit,
.allen-practice #egFoot #qxPracNext,
.qx-prac-foot #qxPracPrev,
.qx-prac-foot #qxPracSubmit,
.qx-prac-foot #qxPracNext {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  width: 100% !important;
  margin: 0 !important;
}
.allen-practice #egFoot #qxPracPrev,
.qx-prac-foot #qxPracPrev {
  background: #fff !important;
  color: #1565C0 !important;
  border: 2px solid #1565C0 !important;
}
.allen-practice #egFoot #qxPracSubmit,
.allen-practice #egFoot #qxPracNext,
.qx-prac-foot #qxPracSubmit,
.qx-prac-foot #qxPracNext {
  background: #1565C0 !important;
  color: #fff !important;
  border: 2px solid #1565C0 !important;
}
.allen-practice #egFoot #qxPracSubmit:disabled,
.qx-prac-foot #qxPracSubmit:disabled {
  background: #94a3b8 !important;
  border-color: #94a3b8 !important;
  color: #fff !important;
}
.allen-practice .mtk-main,
.allen-practice .mtk-body,
.qx-practice-page {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}
/* Allow solution area to scroll under fixed foot without #app-main clipping forever */
body.allen-practice-active #app-main,
body.allen-cbt-active #app-main {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.allen-practice.mtk-test-root {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
}
.allen-practice .mtk-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
}
.allen-practice .mtk-main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
@media (max-width: 360px) {
  .allen-practice .eg-foot.eg-foot-marks,
  .qx-prac-foot.eg-foot-marks {
    grid-template-columns: 1fr !important;
  }
}
.mtk-test-root[data-test-theme="dark"].allen-practice #egFoot,
.mtk-test-root[data-test-theme="dark"] .eg-foot-marks {
  background: #0f172a !important;
  border-top-color: #334155 !important;
}

/* ========== qxmd211: NO tall white slab — compact Prev|Check|Next only; Allen scroll unlock ==========
   User lock: white strip was hiding Q+SOLUTION. Keep three Marks actions, minimal/transparent bar.
   Allen/NEET: body.allen-practice-active.eg-qxmd179-host must NOT trap #app-main (overflow hidden). */
:root {
  --eg-foot-h: 52px;
  --eg-foot-pad: calc(var(--eg-foot-h) + 20px + env(safe-area-inset-bottom, 0px));
}

/* Solid footer: Prev|Check|Next always tappable */
.eg-test-root #egFoot,
.eg-test-root .eg-foot,
.eg-test-root .eg-foot-practice,
.eg-test-root .eg-foot-marks,
.eg-test-root.eg-mobile #egFoot,
.eg-test-root.eg-mobile .eg-foot,
.eg-test-root.eg-desktop-mode #egFoot,
.eg-test-root.eg-desktop-mode .eg-foot,
.eg-test-root.qx-sol-showing #egFoot,
.eg-test-root.qx-sol-showing .eg-foot,
.eg-test-root.eg-sol-showing #egFoot,
.eg-test-root.eg-sol-showing .eg-foot,
.allen-practice .eg-foot.eg-foot-marks,
.allen-practice .eg-foot-practice,
.mtk-test-root.allen-practice #egFoot,
.qx-practice-page .eg-foot-marks,
.qx-prac-foot.eg-foot-marks {
  display: grid !important;
  grid-template-columns: 1fr 1.35fr 1fr !important;
  grid-auto-flow: row !important;
  gap: 8px !important;
  align-items: center !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
  position: fixed !important; /* qxmd216 fixed */
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2147483646 !important;
  padding: 6px 10px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  min-height: 56px !important;
  height: auto !important;
  max-height: none !important;
}

/* Soft fade under buttons only (not a solid white slab) */
.eg-test-root #egFoot::before,
.allen-practice #egFoot::before,
.qx-prac-foot.eg-foot-marks::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  height: calc(100% + 12px) !important;
  background: transparent !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

@media (max-width: 420px) {
  .eg-test-root #egFoot,
  .eg-test-root .eg-foot-marks,
  .allen-practice .eg-foot.eg-foot-marks,
  .qx-prac-foot.eg-foot-marks {
    grid-template-columns: 1fr 1.4fr 1fr !important;
    gap: 6px !important;
    padding: 5px 8px calc(5px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

.eg-test-root #egFoot #qxPrevBtn,
.eg-test-root #egFoot #egCheckBtn,
.eg-test-root #egFoot #qxNextBtn,
.allen-practice #egFoot #qxPracPrev,
.allen-practice #egFoot #qxPracSubmit,
.allen-practice #egFoot #qxPracNext,
.qx-prac-foot #qxPracPrev,
.qx-prac-foot #qxPracSubmit,
.qx-prac-foot #qxPracNext {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  min-height: 38px !important;
  height: 38px !important;
  max-height: 40px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12) !important;
}
.eg-test-root #egFoot #qxPrevBtn,
.eg-test-root #egFoot #qxNextBtn,
.allen-practice #egFoot #qxPracPrev,
.allen-practice #egFoot #qxPracNext,
.qx-prac-foot #qxPracPrev,
.qx-prac-foot #qxPracNext {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #94a3b8 !important;
}
.eg-test-root #egFoot #egCheckBtn,
.allen-practice #egFoot #qxPracSubmit,
.qx-prac-foot #qxPracSubmit {
  background: #5b9cf5 !important;
  color: #ffffff !important;
  border: 1px solid #4a8ce8 !important;
}
.eg-test-root #egFoot #egCheckBtn:disabled,
.allen-practice #egFoot #qxPracSubmit:disabled,
.qx-prac-foot #qxPracSubmit:disabled {
  background: #94a3b8 !important;
  border-color: #94a3b8 !important;
  color: #fff !important;
}

/* Hide Show Answer / Clear / left chrome on bar */
.eg-test-root .eg-foot-extra,
.eg-test-root #egFootExtra,
.eg-test-root .eg-foot-left,
.eg-test-root label.eg-show,
.allen-practice .eg-foot-left,
.allen-practice .eg-foot-right,
.allen-practice label.eg-show,
.allen-practice #qxPracClear,
.allen-practice #qxPracShowAns,
.qx-practice-page .eg-foot-left,
.qx-practice-page label.eg-show,
.qx-practice-page #qxPracClear {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

/* Scroll padding so content clears compact buttons */
.eg-test-root .eg-main,
.eg-test-root .eg-q-card,
.eg-test-root.qx-sol-showing .eg-main,
.eg-test-root.qx-sol-showing .eg-q-card,
.allen-practice .mtk-main,
.qx-practice-page,
.qx-practice-page .eg-main {
  padding-bottom: var(--eg-foot-pad) !important;
  scroll-padding-bottom: var(--eg-foot-pad) !important;
  box-sizing: border-box !important;
}
.eg-test-root.qx-sol-showing .eg-q-card,
.allen-practice.qx-sol-showing .mtk-main {
  padding-bottom: calc(var(--eg-foot-h) + 36px + env(safe-area-inset-bottom, 0px)) !important;
}
#egSolPanel,
.eg-sol-panel,
.eg-sol-marks-way,
#qaSolReveal,
.qx-sol-reveal-box {
  position: relative !important;
  inset: auto !important;
  bottom: auto !important;
  margin-bottom: 16px !important;
  z-index: 1 !important;
}

/* ---- Allen/NEET CRITICAL: unlock #app-main scroll (eg-qxmd179-host was trapping it) ---- */
html body.allen-practice-active.eg-qxmd179-host #app-main,
html body.allen-practice-active.eg-qxmd179-host #app-main.content,
html body.allen-practice-active #app-main,
html body.allen-practice-active #app-main.content,
html body.marks-test-active.allen-practice-active #app-main,
html body.marks-test-active:has(.allen-practice) #app-main,
html body.allen-cbt-active.allen-practice-active #app-main {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-x pan-y !important;
  position: fixed !important; /* qxmd216 fixed */
  inset: 0 !important;
  height: 100% !important;
  max-height: 100dvh !important;
  padding-bottom: var(--eg-foot-pad) !important;
  scroll-padding-bottom: var(--eg-foot-pad) !important;
  pointer-events: auto !important;
}

/* Allen root must grow with content so #app-main can scroll it */
html body.allen-practice-active .mtk-test-root.allen-practice,
html body.allen-practice-active .mtk-test-root.allen-practice.qx-font-host {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}
html body.allen-practice-active .mtk-test-root.allen-practice .mtk-body {
  display: block !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html body.allen-practice-active .mtk-test-root.allen-practice .mtk-main {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: var(--eg-foot-pad) !important;
  pointer-events: auto !important;
  touch-action: pan-x pan-y !important;
}
html body.allen-practice-active {
  overflow: hidden !important; /* page shell; #app-main scrolls */
}

/* Examgoal path: keep inner pane scroll (already PASS); just pad + no white slab */
.eg-test-root .eg-q-card {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.eg-test-root .eg-main {
  overflow: hidden !important;
  min-height: 0 !important;
}

.mtk-test-root[data-test-theme="dark"] #egFoot::before,
.eg-test-root[data-test-theme="dark"] #egFoot::before {
  background: linear-gradient(to top, rgba(15, 23, 42, 0.92) 35%, rgba(15, 23, 42, 0)) !important;
}
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracPrev,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracNext,
.eg-test-root[data-test-theme="dark"] #egFoot #qxPrevBtn,
.eg-test-root[data-test-theme="dark"] #egFoot #qxNextBtn {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border-color: #475569 !important;
}


/* ========== qxmd212: FORCE transparent footer — no white strip; Prev|Check|Next pills; sol tight ========== */
#egFoot,
.eg-foot,
.eg-foot-practice,
.eg-foot-marks,
.mtk-controls,
footer.eg-foot,
.eg-test-root #egFoot,
.eg-test-root .eg-foot,
.eg-test-root .eg-foot-practice,
.eg-test-root .eg-foot-marks,
.eg-test-root.eg-mobile #egFoot,
.eg-test-root.eg-mobile .eg-foot,
.eg-test-root.eg-desktop-mode #egFoot,
.eg-test-root.eg-desktop-mode .eg-foot,
.eg-test-root.qx-sol-showing #egFoot,
.eg-test-root.qx-sol-showing .eg-foot,
.eg-test-root.eg-sol-showing #egFoot,
.eg-test-root.eg-sol-showing .eg-foot,
.eg-test-root.eg-qxmd182 > .eg-foot,
.eg-test-root.eg-qxmd182 .eg-foot-left,
.eg-test-root.eg-qxeg2 .eg-foot,
.eg-test-root.eg-qxeg4 .eg-foot,
.eg-test-root.eg-qxtool8 .eg-foot,
.allen-practice .eg-foot.eg-foot-marks,
.allen-practice .eg-foot-practice,
.mtk-test-root.allen-practice #egFoot,
.mtk-test-root.allen-practice .mtk-controls,
.qx-practice-page .eg-foot-marks,
.qx-prac-foot.eg-foot-marks,
body.allen-practice-active .mtk-test-root.allen-practice .eg-foot,
body.allen-practice-active .qx-prac-foot.eg-foot,
html[data-theme="light"] .qx-prac-foot.eg-foot,
html[data-theme="dark"] .eg-test-root[data-test-theme="light"] .eg-foot {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
  border: none !important;
  border-top: 1px solid #e5e7eb !important;
  min-height: 56px !important;
  height: auto !important;
  max-height: none !important;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
}

#egFoot::before,
.eg-foot::before,
.eg-foot-marks::before,
.qx-prac-foot.eg-foot-marks::before,
.allen-practice #egFoot::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
  height: 0 !important;
}

/* Compact 3-pill row */
.eg-test-root #egFoot,
.allen-practice #egFoot,
.qx-prac-foot.eg-foot-marks,
.mtk-test-root.allen-practice #egFoot {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  gap: 8px !important;
  align-items: center !important;
  pointer-events: auto !important;
  position: fixed !important; /* qxmd216 fixed */
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  z-index: 2147483646 !important;
}

/* LIGHT mode pills — visible chips on page bg */
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxPrevBtn,
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxNextBtn,
.allen-practice:not([data-test-theme="dark"]) #egFoot #qxPracPrev,
.allen-practice:not([data-test-theme="dark"]) #egFoot #qxPracNext,
.qx-prac-foot #qxPracPrev,
.qx-prac-foot #qxPracNext,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracPrev,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracNext {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #94a3b8 !important;
  pointer-events: auto !important;
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.14) !important;
}
.eg-test-root:not([data-test-theme="dark"]) #egFoot #egCheckBtn,
.allen-practice:not([data-test-theme="dark"]) #egFoot #qxPracSubmit,
.qx-prac-foot #qxPracSubmit,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracSubmit {
  background: #2563eb !important;
  color: #ffffff !important;
  border: 1.5px solid #1d4ed8 !important;
  pointer-events: auto !important;
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 10px rgba(37, 99, 235, 0.35) !important;
}

/* DARK mode pills — readable contrast (not white-on-white, not invisible) */
.eg-test-root[data-test-theme="dark"] #egFoot #qxPrevBtn,
.eg-test-root[data-test-theme="dark"] #egFoot #qxNextBtn,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracPrev,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracNext,
.allen-practice[data-test-theme="dark"] #egFoot #qxPracPrev,
.allen-practice[data-test-theme="dark"] #egFoot #qxPracNext {
  background: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1.5px solid #64748b !important;
  pointer-events: auto !important;
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.45) !important;
}
.eg-test-root[data-test-theme="dark"] #egFoot #egCheckBtn,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracSubmit,
.allen-practice[data-test-theme="dark"] #egFoot #qxPracSubmit {
  background: #3b82f6 !important;
  color: #ffffff !important;
  border: 1.5px solid #60a5fa !important;
  pointer-events: auto !important;
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 10px rgba(59, 130, 246, 0.4) !important;
}

/* SOLUTION: no left lining / accent bar */
#egSol,
.eg-sol,
.eg-sol .qx-sol-card,
.qx-sol-card,
.qx-sol-reveal-box,
#qaSolReveal,
.eg-sol-marks-way,
#egSolPanel,
.eg-sol-panel {
  border-left: none !important;
  border: none !important;
  box-shadow: none !important;
}
#egSol::before,
.eg-sol::before,
.eg-sol .qx-sol-card::before,
.qx-sol-card::before,
.qx-sol-phys::before,
.qx-sol-chem::before,
.qx-sol-bio::before,
.qx-sol-reveal-box::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  background: none !important;
}

/* SOLUTION tight under options — small gap, not far */
.eg-q-card .eg-sol,
.eg-q-card #egSol,
.eg-main .eg-sol,
.mtk-main .eg-sol,
.mtk-main #egSol,
#qaSolReveal,
.qx-sol-reveal-box,
.eg-sol-marks-way,
#egSolPanel.eg-sol-inline,
.eg-sol-panel {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding-top: 8px !important;
}
.eg-opts + .eg-sol,
.eg-options + .eg-sol,
.mtk-opts + .eg-sol,
.qx-opts + .eg-sol,
.eg-opt-list + .eg-sol,
.eg-opts + #egSol,
.eg-options + #qaSolReveal {
  margin-top: 6px !important;
}
/* reduce huge empty space before sol */
.eg-q-card .eg-sol-spacer,
.eg-sol-gap,
.qx-sol-spacer {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep Allen #app-main scroll unlock (from qxmd211) */
html body.allen-practice-active.eg-qxmd179-host #app-main,
html body.allen-practice-active #app-main,
html body.marks-test-active.allen-practice-active #app-main {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* ========== qxmd213: transparent foot + always-visible Prev|Check|Next + scroll pad + dark contrast + no sol left line ========== */
#egFoot, .eg-foot, .eg-foot-practice, .eg-foot-marks, .mtk-controls, footer.eg-foot,
.eg-test-root #egFoot, .eg-test-root .eg-foot, .allen-practice #egFoot, .allen-practice .eg-foot,
.qx-prac-foot.eg-foot-marks, .mtk-test-root.allen-practice #egFoot,
.eg-test-root.eg-sol-showing #egFoot, .eg-test-root.qx-sol-showing #egFoot,
html[data-theme="light"] .eg-foot, html[data-theme="dark"] .eg-foot,
.eg-test-root[data-test-theme="light"] .eg-foot, .eg-test-root[data-test-theme="dark"] .eg-foot,
.mtk-test-root[data-test-theme="light"] .eg-foot, .mtk-test-root[data-test-theme="dark"] .eg-foot {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
  border: none !important;
  border-top: 1px solid #e5e7eb !important;
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  gap: 8px !important;
  align-items: center !important;
  position: fixed !important; /* qxmd216 fixed */
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  z-index: 2147483646 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  padding: 8px 10px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  transform: none !important;
}
#egFoot::before, .eg-foot::before, .eg-foot-marks::before { content: none !important; display: none !important; height: 0 !important; }

#egFoot #qxPrevBtn, #egFoot #egCheckBtn, #egFoot #qxNextBtn,
#egFoot #qxPracPrev, #egFoot #qxPracSubmit, #egFoot #qxPracNext,
.eg-foot #qxPrevBtn, .eg-foot #egCheckBtn, .eg-foot #qxNextBtn,
.eg-foot #qxPracPrev, .eg-foot #qxPracSubmit, .eg-foot #qxPracNext,
.allen-practice #qxPracPrev, .allen-practice #qxPracSubmit, .allen-practice #qxPracNext {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  width: 100% !important;
  z-index: 2147483647 !important;
  position: relative !important;
}

/* LIGHT pills */
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxPrevBtn,
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxNextBtn,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracPrev,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracNext,
.allen-practice:not([data-test-theme="dark"]) #qxPracPrev,
.allen-practice:not([data-test-theme="dark"]) #qxPracNext {
  background: #ffffff !important; color: #0f172a !important; border: 1.5px solid #94a3b8 !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.14) !important;
}
.eg-test-root:not([data-test-theme="dark"]) #egFoot #egCheckBtn,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracSubmit,
.allen-practice:not([data-test-theme="dark"]) #qxPracSubmit {
  background: #2563eb !important; color: #fff !important; border: 1.5px solid #1d4ed8 !important;
  box-shadow: 0 2px 10px rgba(37,99,235,.35) !important; font-weight: 800 !important;
}

/* DARK pills — never white slab / invisible */
.eg-test-root[data-test-theme="dark"] #egFoot #qxPrevBtn,
.eg-test-root[data-test-theme="dark"] #egFoot #qxNextBtn,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracPrev,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracNext,
.allen-practice[data-test-theme="dark"] #qxPracPrev,
.allen-practice[data-test-theme="dark"] #qxPracNext,
html[data-theme="dark"] .eg-test-root[data-test-theme="dark"] #qxPrevBtn,
html[data-theme="dark"] .eg-test-root[data-test-theme="dark"] #qxNextBtn {
  background: #1e293b !important; color: #f1f5f9 !important; border: 1.5px solid #64748b !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.45) !important; -webkit-text-fill-color: #f1f5f9 !important;
}
.eg-test-root[data-test-theme="dark"] #egFoot #egCheckBtn,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracSubmit,
.allen-practice[data-test-theme="dark"] #qxPracSubmit {
  background: #3b82f6 !important; color: #ffffff !important; border: 1.5px solid #60a5fa !important;
  box-shadow: 0 2px 10px rgba(59,130,246,.4) !important; -webkit-text-fill-color: #ffffff !important; font-weight: 800 !important;
}

/* Scroll: content clears fixed pills */
.eg-main, .eg-q-card, .mtk-main, .mtk-body, #app-main,
.eg-test-root .eg-main, .eg-test-root .eg-q-card,
.mtk-test-root .mtk-main, .allen-practice .mtk-main {
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
.eg-test-root.eg-sol-showing .eg-main,
.eg-test-root.qx-sol-showing .eg-main,
.eg-test-root.eg-sol-showing .eg-q-card,
.eg-test-root.qx-sol-showing .eg-q-card,
.allen-practice.qx-sol-showing .mtk-main {
  padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
}
#app-main {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* SOLUTION tight, no left line */
#egSol, .eg-sol, .qx-sol-card, .eg-sol-panel, #egSolPanel, .qx-sol-reveal-box {
  border-left: none !important;
  margin-top: 8px !important;
  box-shadow: none !important;
}
#egSol::before, .eg-sol::before, .qx-sol-card::before { content: none !important; display: none !important; }

/* Dark mode chips / badges / options readable */
.eg-test-root[data-test-theme="dark"] .qx-paper-chip,
.mtk-test-root[data-test-theme="dark"] .qx-paper-chip,
.eg-test-root[data-test-theme="dark"] .qx-paper-shift,
.mtk-test-root[data-test-theme="dark"] .qx-paper-shift,
html[data-theme="dark"] .qx-paper-chip,
html[data-theme="dark"] .qx-paper-shift,
.eg-test-root[data-test-theme="dark"] .eg-meta,
.eg-test-root[data-test-theme="dark"] .eg-chip,
.eg-test-root[data-test-theme="dark"] .qx-sol-diff-badge {
  background: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid #64748b !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
.eg-test-root[data-test-theme="dark"] .mtk-opt,
.eg-test-root[data-test-theme="dark"] .eg-opt,
.mtk-test-root[data-test-theme="dark"] .mtk-opt,
.eg-test-root[data-test-theme="dark"] .mtk-opt-text,
.mtk-test-root[data-test-theme="dark"] .mtk-opt-text,
.eg-test-root[data-test-theme="dark"] .eg-q-stem,
.eg-test-root[data-test-theme="dark"] .mtk-q-text,
.mtk-test-root[data-test-theme="dark"] .mtk-q-text {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.eg-test-root[data-test-theme="dark"] .mtk-opt,
.mtk-test-root[data-test-theme="dark"] .mtk-opt,
.eg-test-root[data-test-theme="dark"] .eg-opt {
  background: #0f172a !important;
  border-color: #334155 !important;
}
.katex-error { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }

/* qxmd213: toolbar contrast — icons always visible light+dark; compact chrome */
.eg-test-root .eg-top, .mtk-test-root .eg-top, .allen-practice .eg-top {
  min-height: 44px !important;
  padding: 4px 8px !important;
  flex: 0 0 auto !important;
}
.eg-test-root .eg-top-tools .eg-tool-btn,
.eg-test-root .eg-top-tools .eg-ico,
.mtk-test-root .eg-top-tools .eg-tool-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 34px !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn {
  color: #0f172a !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}
.eg-test-root[data-test-theme="dark"] .eg-top-tools .eg-tool-btn,
.mtk-test-root[data-test-theme="dark"] .eg-top-tools .eg-tool-btn,
.eg-test-root[data-test-theme="dark"] .eg-top-tools .eg-ico,
.eg-test-root[data-test-theme="dark"] .eg-top-tools svg {
  color: #f1f5f9 !important;
  fill: #f1f5f9 !important;
  stroke: currentColor !important;
  background: #1e293b !important;
  border: 1px solid #64748b !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
.eg-test-root .eg-q-stem, .eg-test-root .eg-opts, .eg-test-root .mtk-opt {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ========== qxmd214: light/dark contrast — footer, options, toolbar, sol no left line ========== */

/* 1) LIGHT footer Prev/Next: force dark text (kill white -webkit-text-fill on white pills) */
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxPrevBtn,
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxNextBtn,
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxNextBtn.eg-btn-next,
.eg-test-root:not([data-test-theme="dark"]) .eg-foot #qxPrevBtn,
.eg-test-root:not([data-test-theme="dark"]) .eg-foot #qxNextBtn,
.eg-test-root:not([data-test-theme="dark"]) .eg-foot #qxNextBtn.eg-btn-next,
.eg-test-root.eg-qxtool8:not([data-test-theme="dark"]) #egFoot #qxPrevBtn,
.eg-test-root.eg-qxtool8:not([data-test-theme="dark"]) #egFoot #qxNextBtn,
.eg-test-root.eg-qxtool8:not([data-test-theme="dark"]) .eg-foot #qxPrevBtn,
.eg-test-root.eg-qxtool8:not([data-test-theme="dark"]) .eg-foot #qxNextBtn,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracPrev,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracNext,
.allen-practice:not([data-test-theme="dark"]) #qxPracPrev,
.allen-practice:not([data-test-theme="dark"]) #qxPracNext,
html[data-theme="light"] #egFoot #qxPrevBtn,
html[data-theme="light"] #egFoot #qxNextBtn,
html[data-theme="light"] #egFoot #qxPracPrev,
html[data-theme="light"] #egFoot #qxPracNext {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1.5px solid #94a3b8 !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}
.eg-test-root:not([data-test-theme="dark"]) #egFoot #egCheckBtn,
.eg-test-root:not([data-test-theme="dark"]) .eg-foot #egCheckBtn,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracSubmit,
.allen-practice:not([data-test-theme="dark"]) #qxPracSubmit,
html[data-theme="light"] #egFoot #egCheckBtn,
html[data-theme="light"] #egFoot #qxPracSubmit {
  background: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1.5px solid #1d4ed8 !important;
}

/* 2) DARK Examgoal options: .qx-opt-plain + KaTeX .mord light on dark */
.eg-test-root[data-test-theme="dark"] .qx-opt-plain,
.eg-test-root[data-test-theme="dark"] .mtk-opt .qx-opt-plain,
.eg-test-root[data-test-theme="dark"] .eg-opt .qx-opt-plain,
.eg-test-root[data-test-theme="dark"] .mtk-opt-text,
.eg-test-root[data-test-theme="dark"] .eg-opt,
.eg-test-root[data-test-theme="dark"] .mtk-opt,
.mtk-test-root[data-test-theme="dark"] .qx-opt-plain,
.mtk-test-root[data-test-theme="dark"] .mtk-opt-text,
.allen-practice[data-test-theme="dark"] .qx-opt-plain,
html[data-theme="dark"] .eg-test-root .qx-opt-plain,
html[data-theme="dark"] .qx-opt-plain {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}
.eg-test-root[data-test-theme="dark"] .mtk-opt .katex,
.eg-test-root[data-test-theme="dark"] .eg-opt .katex,
.eg-test-root[data-test-theme="dark"] .mtk-opt-text .katex,
.eg-test-root[data-test-theme="dark"] .qx-opt-plain .katex,
.eg-test-root[data-test-theme="dark"] .mtk-opt .mord,
.eg-test-root[data-test-theme="dark"] .eg-opt .mord,
.eg-test-root[data-test-theme="dark"] .mtk-opt-text .mord,
.eg-test-root[data-test-theme="dark"] .qx-opt-plain .mord,
.eg-test-root[data-test-theme="dark"] .mtk-opt .katex *,
.eg-test-root[data-test-theme="dark"] .eg-opt .katex *,
.mtk-test-root[data-test-theme="dark"] .mtk-opt .mord,
.mtk-test-root[data-test-theme="dark"] .mtk-opt .katex,
.mtk-test-root[data-test-theme="dark"] .mtk-opt .katex *,
.allen-practice[data-test-theme="dark"] .mtk-opt .mord,
.allen-practice[data-test-theme="dark"] .mtk-opt .katex *,
html[data-theme="dark"] .eg-opt .mord,
html[data-theme="dark"] .mtk-opt .mord {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  fill: currentColor !important;
}

/* 3) Remove ALL border-left on sol-body / qx-sol / eg-sol */
.sol-body, .qx-sol-body, .qx-sol-flow, .qx-exam-sol, .mk-sol-body,
.qx-sol, .qx-sol-card, .eg-sol, #egSol, .eg-sol-panel, #egSolPanel,
.qx-sol-reveal-box, #qaSolReveal, .eg-sol-marks-way, .eg-sol-inline,
.eg-test-root .sol-body, .mtk-test-root .sol-body,
.eg-test-root[data-test-theme="light"] .sol-body,
.eg-test-root[data-test-theme="dark"] .sol-body,
html[data-theme="light"] .sol-body, html[data-theme="dark"] .sol-body {
  border-left: none !important;
  border-left-width: 0 !important;
  border-left-color: transparent !important;
  border-left-style: none !important;
}
.sol-body::before, .qx-sol::before, .qx-sol-card::before, .eg-sol::before, #egSol::before,
.qx-sol-reveal-box::before, .eg-sol-panel::before {
  content: none !important; display: none !important; width: 0 !important; border: none !important;
}

/* 4) LIGHT toolbar: dark icon fill/stroke on light chips (beat "always white on blue bar") */
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-ico,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-ico,
.allen-practice:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
.allen-practice:not([data-test-theme="dark"]) .qx-prac-tools .eg-ico,
html[data-theme="light"] .eg-top-tools .eg-tool-btn,
html[data-theme="light"] .eg-top-tools .eg-ico {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  fill: #0f172a !important;
  stroke: #0f172a !important;
}
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn svg,
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-ico svg,
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools svg,
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools svg *,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools svg,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools svg *,
.allen-practice:not([data-test-theme="dark"]) .eg-top-tools svg,
.allen-practice:not([data-test-theme="dark"]) .qx-prac-tools svg,
html[data-theme="light"] .eg-top-tools svg,
html[data-theme="light"] .eg-top-tools svg * {
  color: #0f172a !important;
  fill: #0f172a !important;
  stroke: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tip,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tip {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  fill: none !important;
}

/* 5) DARK NEET/Examgoal solution card: dark surface + light text */
.eg-test-root[data-test-theme="dark"] .qx-sol-card,
.eg-test-root[data-test-theme="dark"] .eg-sol,
.eg-test-root[data-test-theme="dark"] #egSol,
.eg-test-root[data-test-theme="dark"] .qx-sol-reveal-box,
.eg-test-root[data-test-theme="dark"] .eg-sol-panel,
.mtk-test-root[data-test-theme="dark"] .qx-sol-card,
.mtk-test-root[data-test-theme="dark"] .eg-sol,
.allen-practice[data-test-theme="dark"] .qx-sol-card,
.allen-practice[data-test-theme="dark"] .sol-body,
html[data-theme="dark"] .eg-test-root .qx-sol-card,
html[data-theme="dark"] .qx-sol-card {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
  border-left: none !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}
.eg-test-root[data-test-theme="dark"] .qx-sol-card-h,
.eg-test-root[data-test-theme="dark"] .qx-sol-ans,
.eg-test-root[data-test-theme="dark"] .qx-sol-ans-lab,
.eg-test-root[data-test-theme="dark"] .eg-sol .qx-sol-card-h,
.eg-test-root[data-test-theme="dark"] .sol-body,
.eg-test-root[data-test-theme="dark"] .qx-sol-flow,
.mtk-test-root[data-test-theme="dark"] .qx-sol-card-h,
.mtk-test-root[data-test-theme="dark"] .sol-body,
.allen-practice[data-test-theme="dark"] .qx-sol-card-h,
html[data-theme="dark"] .qx-sol-card-h,
html[data-theme="dark"] .qx-sol-ans-lab {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}
.eg-test-root[data-test-theme="dark"] .qx-sol-ans,
.mtk-test-root[data-test-theme="dark"] .qx-sol-ans,
html[data-theme="dark"] .qx-sol-ans {
  background: #052e1a !important;
  border: 1px solid #166534 !important;
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
}
.eg-test-root[data-test-theme="dark"] .qx-sol-ans-lab,
html[data-theme="dark"] .qx-sol-ans-lab {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}
.eg-test-root[data-test-theme="dark"] .sol-body .katex,
.eg-test-root[data-test-theme="dark"] .sol-body .katex *,
.eg-test-root[data-test-theme="dark"] .qx-sol-card .katex,
.eg-test-root[data-test-theme="dark"] .qx-sol-card .katex *,
.eg-test-root[data-test-theme="dark"] .sol-body .mord {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}

/* qxmd239: solid footer (do not leave a transparent landmine) */
#egFoot, .eg-foot, .eg-foot-practice, .eg-foot-marks, .mtk-controls, footer.eg-foot {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.12) !important;
  border: none !important;
  border-top: 1px solid #e5e7eb !important;
  min-height: 56px !important;
}

/* ========== qxmd214b: no bottom slab + toolbar/options never hide (light+dark) ========== */

/* 1) Kill remaining bottom white/grey strip — transparent foot; pills only */
#egFoot, .eg-foot, .eg-foot-practice, .eg-foot-marks, .mtk-controls, footer.eg-foot,
.eg-test-root #egFoot, .eg-test-root .eg-foot, .eg-test-root .eg-foot-practice, .eg-test-root .eg-foot-marks,
.mtk-test-root #egFoot, .mtk-test-root .eg-foot, .allen-practice #egFoot, .allen-practice .eg-foot,
.qx-prac-foot, .qx-prac-foot.eg-foot-marks, .qx-practice-page .eg-foot,
.eg-test-root.eg-qxtool8 #egFoot, .eg-test-root.eg-qxtool8 .eg-foot,
.eg-test-root.eg-qxtool8[data-test-theme="light"] .eg-foot,
.eg-test-root.eg-qxtool8[data-test-theme="dark"] .eg-foot,
.eg-test-root.eg-mobile .eg-foot, .eg-test-root.eg-desktop-mode .eg-foot,
html[data-theme="light"] .eg-foot, html[data-theme="dark"] .eg-foot,
html[data-theme="light"] #egFoot, html[data-theme="dark"] #egFoot {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.12) !important;
  border: none !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: none !important;
  outline: none !important;
  min-height: 56px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
#egFoot::before, #egFoot::after, .eg-foot::before, .eg-foot::after,
.eg-foot-marks::before, .eg-foot-marks::after, .eg-foot-practice::before,
.mtk-controls::before, .mtk-controls::after, .qx-prac-foot::before {
  content: none !important; display: none !important; height: 0 !important;
  background: none !important; box-shadow: none !important; border: none !important;
}
/* hide any leftover slab wrappers under foot */
.eg-foot-slab, .eg-foot-bg, .qx-foot-slab, .eg-foot-bar, #egFootBar,
.eg-test-root .eg-foot-extra, .eg-test-root #egFootExtra {
  display: none !important; height: 0 !important; background: transparent !important;
}

/* 2) Toolbar icons + labels NEVER hide — both themes, force contrast */
.eg-test-root .eg-top-tools,
.eg-test-root .eg-top-tools .eg-tool-btn,
.eg-test-root .eg-top-tools .eg-ico,
.eg-test-root .eg-top-tools .eg-tip,
.mtk-test-root .eg-top-tools,
.mtk-test-root .eg-top-tools .eg-tool-btn,
.mtk-test-root .eg-top-tools .eg-ico,
.allen-practice .eg-top-tools,
.allen-practice .qx-prac-tools,
.allen-practice .qx-prac-tools .eg-ico {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.eg-test-root .eg-top-tools { display: flex !important; flex-wrap: wrap !important; overflow: visible !important; }
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-ico,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
.allen-practice:not([data-test-theme="dark"]) .eg-top-tools .eg-tool-btn,
.allen-practice:not([data-test-theme="dark"]) .qx-prac-tools .eg-ico,
html[data-theme="light"] .eg-top-tools .eg-tool-btn,
html[data-theme="light"] .eg-top-tools .eg-ico {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  fill: #0f172a !important;
  stroke: #0f172a !important;
}
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tip,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools .eg-tip,
.allen-practice:not([data-test-theme="dark"]) .eg-top-tools .eg-tip,
html[data-theme="light"] .eg-top-tools .eg-tip {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools svg,
.eg-test-root:not([data-test-theme="dark"]) .eg-top-tools svg *,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools svg,
.mtk-test-root:not([data-test-theme="dark"]) .eg-top-tools svg *,
.allen-practice:not([data-test-theme="dark"]) .eg-top-tools svg,
.allen-practice:not([data-test-theme="dark"]) .qx-prac-tools svg,
html[data-theme="light"] .eg-top-tools svg,
html[data-theme="light"] .eg-top-tools svg * {
  color: #0f172a !important;
  fill: #0f172a !important;
  stroke: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.eg-test-root[data-test-theme="dark"] .eg-top-tools .eg-tool-btn,
.eg-test-root[data-test-theme="dark"] .eg-top-tools .eg-ico,
.mtk-test-root[data-test-theme="dark"] .eg-top-tools .eg-tool-btn,
.allen-practice[data-test-theme="dark"] .eg-top-tools .eg-tool-btn,
.allen-practice[data-test-theme="dark"] .qx-prac-tools .eg-ico,
html[data-theme="dark"] .eg-top-tools .eg-tool-btn,
html[data-theme="dark"] .eg-top-tools .eg-ico {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  background: #1e293b !important;
  border: 1px solid #64748b !important;
  fill: #f1f5f9 !important;
  stroke: #f1f5f9 !important;
}
.eg-test-root[data-test-theme="dark"] .eg-top-tools .eg-tip,
.mtk-test-root[data-test-theme="dark"] .eg-top-tools .eg-tip,
html[data-theme="dark"] .eg-top-tools .eg-tip {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}
.eg-test-root[data-test-theme="dark"] .eg-top-tools svg,
.eg-test-root[data-test-theme="dark"] .eg-top-tools svg *,
.mtk-test-root[data-test-theme="dark"] .eg-top-tools svg,
.mtk-test-root[data-test-theme="dark"] .eg-top-tools svg *,
.allen-practice[data-test-theme="dark"] .eg-top-tools svg,
html[data-theme="dark"] .eg-top-tools svg,
html[data-theme="dark"] .eg-top-tools svg * {
  color: #f1f5f9 !important;
  fill: #f1f5f9 !important;
  stroke: #f1f5f9 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 3) Options NEVER hide — readable text + KaTeX both themes */
.eg-test-root .eg-opts, .eg-test-root #qxOpts, .eg-test-root .mtk-opt, .eg-test-root .eg-opt,
.eg-test-root .mtk-opt-text, .eg-test-root .qx-opt-plain, .eg-test-root [data-opt],
.mtk-test-root .mtk-opt, .mtk-test-root .mtk-opt-text, .mtk-test-root .qx-opt-plain,
.allen-practice .mtk-opt, .allen-practice .mtk-opt-text, .allen-practice .qx-opt-plain {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}
.eg-test-root .eg-opts, .eg-test-root #qxOpts, .mtk-test-root .mtk-opts {
  display: flex !important;
  flex-direction: column !important;
}
.eg-test-root:not([data-test-theme="dark"]) .mtk-opt,
.eg-test-root:not([data-test-theme="dark"]) .eg-opt,
.eg-test-root:not([data-test-theme="dark"]) .mtk-opt-text,
.eg-test-root:not([data-test-theme="dark"]) .qx-opt-plain,
.mtk-test-root:not([data-test-theme="dark"]) .mtk-opt-text,
.mtk-test-root:not([data-test-theme="dark"]) .qx-opt-plain,
.allen-practice:not([data-test-theme="dark"]) .qx-opt-plain,
html[data-theme="light"] .qx-opt-plain,
html[data-theme="light"] .mtk-opt-text {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}
.eg-test-root:not([data-test-theme="dark"]) .mtk-opt .mord,
.eg-test-root:not([data-test-theme="dark"]) .eg-opt .mord,
.eg-test-root:not([data-test-theme="dark"]) .mtk-opt .katex,
.eg-test-root:not([data-test-theme="dark"]) .eg-opt .katex,
.eg-test-root:not([data-test-theme="dark"]) .mtk-opt .katex *,
.eg-test-root:not([data-test-theme="dark"]) .eg-opt .katex *,
.eg-test-root:not([data-test-theme="dark"]) .qx-opt-plain .mord,
.eg-test-root:not([data-test-theme="dark"]) .qx-opt-plain .katex *,
.mtk-test-root:not([data-test-theme="dark"]) .mtk-opt .mord,
.mtk-test-root:not([data-test-theme="dark"]) .mtk-opt .katex *,
html[data-theme="light"] .mtk-opt .mord,
html[data-theme="light"] .mtk-opt .katex * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  fill: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.eg-test-root[data-test-theme="dark"] .mtk-opt,
.eg-test-root[data-test-theme="dark"] .eg-opt,
.eg-test-root[data-test-theme="dark"] .mtk-opt-text,
.eg-test-root[data-test-theme="dark"] .qx-opt-plain,
.mtk-test-root[data-test-theme="dark"] .mtk-opt-text,
.mtk-test-root[data-test-theme="dark"] .qx-opt-plain,
.allen-practice[data-test-theme="dark"] .qx-opt-plain,
html[data-theme="dark"] .qx-opt-plain,
html[data-theme="dark"] .mtk-opt-text {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}
.eg-test-root[data-test-theme="dark"] .mtk-opt .mord,
.eg-test-root[data-test-theme="dark"] .eg-opt .mord,
.eg-test-root[data-test-theme="dark"] .mtk-opt .katex,
.eg-test-root[data-test-theme="dark"] .eg-opt .katex,
.eg-test-root[data-test-theme="dark"] .mtk-opt .katex *,
.eg-test-root[data-test-theme="dark"] .eg-opt .katex *,
.eg-test-root[data-test-theme="dark"] .qx-opt-plain .mord,
.eg-test-root[data-test-theme="dark"] .qx-opt-plain .katex *,
.mtk-test-root[data-test-theme="dark"] .mtk-opt .mord,
.mtk-test-root[data-test-theme="dark"] .mtk-opt .katex *,
html[data-theme="dark"] .mtk-opt .mord,
html[data-theme="dark"] .mtk-opt .katex * {
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
  fill: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* ========== qxmd216: FIXED transparent bottom pills — max Q area; no strip; no hang ========== */
:root {
  --eg-foot-h: 52px;
  --eg-foot-pad: calc(var(--eg-foot-h) + 12px + env(safe-area-inset-bottom, 0px));
}
#egFoot, .eg-foot, .eg-foot-practice, .eg-foot-marks, .mtk-controls, footer.eg-foot,
.eg-test-root #egFoot, .eg-test-root .eg-foot, .eg-test-root .eg-foot-marks,
.mtk-test-root #egFoot, .allen-practice #egFoot, .allen-practice .eg-foot,
.qx-prac-foot, .qx-prac-foot.eg-foot-marks,
.eg-test-root.eg-qxtool8 #egFoot, .eg-test-root.eg-qxtool8 .eg-foot,
.eg-test-root.eg-qxtool8[data-test-theme="light"] .eg-foot,
.eg-test-root.eg-qxtool8[data-test-theme="dark"] .eg-foot,
.eg-test-root.eg-mobile .eg-foot, .eg-test-root.eg-desktop-mode .eg-foot,
.eg-test-root.qx-sol-showing #egFoot, .eg-test-root.eg-sol-showing #egFoot,
html[data-theme="light"] #egFoot, html[data-theme="dark"] #egFoot,
html[data-theme="light"] .eg-foot, html[data-theme="dark"] .eg-foot {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  inset: auto 0 0 0 !important;
  transform: none !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
  border: none !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: none !important;
  outline: none !important;
  min-height: 56px !important;
  max-height: none !important;
  height: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 2147483646 !important;
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px 10px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
}
#egFoot::before, #egFoot::after, .eg-foot::before, .eg-foot::after,
.eg-foot-marks::before, .eg-foot-marks::after, .eg-foot-practice::before,
.mtk-controls::before, .mtk-controls::after, .qx-prac-foot::before, .qx-prac-foot::after {
  content: none !important; display: none !important; width: 0 !important; height: 0 !important;
  background: none !important; box-shadow: none !important; border: none !important;
}
#egFoot #qxPrevBtn, #egFoot #egCheckBtn, #egFoot #qxNextBtn,
#egFoot #qxPracPrev, #egFoot #qxPracSubmit, #egFoot #qxPracNext,
.eg-foot #qxPrevBtn, .eg-foot #egCheckBtn, .eg-foot #qxNextBtn,
.eg-foot #qxPracPrev, .eg-foot #qxPracSubmit, .eg-foot #qxPracNext {
  pointer-events: auto !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2147483647 !important;
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  border-radius: 999px !important;
  width: 100% !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.18) !important;
}
/* light pills */
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxPrevBtn,
.eg-test-root:not([data-test-theme="dark"]) #egFoot #qxNextBtn,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracPrev,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracNext,
.allen-practice:not([data-test-theme="dark"]) #qxPracPrev,
.allen-practice:not([data-test-theme="dark"]) #qxPracNext {
  background: #ffffff !important; color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important; border: 1.5px solid #94a3b8 !important;
}
.eg-test-root:not([data-test-theme="dark"]) #egFoot #egCheckBtn,
.mtk-test-root:not([data-test-theme="dark"]) #egFoot #qxPracSubmit,
.allen-practice:not([data-test-theme="dark"]) #qxPracSubmit {
  background: #2563eb !important; color: #fff !important;
  -webkit-text-fill-color: #fff !important; border: 1.5px solid #1d4ed8 !important;
}
.eg-test-root[data-test-theme="dark"] #egFoot #qxPrevBtn,
.eg-test-root[data-test-theme="dark"] #egFoot #qxNextBtn,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracPrev,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracNext,
.allen-practice[data-test-theme="dark"] #qxPracPrev,
.allen-practice[data-test-theme="dark"] #qxPracNext {
  background: #1e293b !important; color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important; border: 1.5px solid #64748b !important;
}
.eg-test-root[data-test-theme="dark"] #egFoot #egCheckBtn,
.mtk-test-root[data-test-theme="dark"] #egFoot #qxPracSubmit,
.allen-practice[data-test-theme="dark"] #qxPracSubmit {
  background: #3b82f6 !important; color: #fff !important;
  -webkit-text-fill-color: #fff !important; border: 1.5px solid #60a5fa !important;
}
/* scroll clears fixed pills — foot height + 12px */
.eg-test-root .eg-main, .eg-test-root .eg-q-card,
.mtk-test-root .mtk-main, .allen-practice .mtk-main,
.eg-main, .eg-q-card, .mtk-main, .mtk-body, #app-main {
  padding-bottom: var(--eg-foot-pad) !important;
  scroll-padding-bottom: var(--eg-foot-pad) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}
.eg-test-root.eg-sol-showing .eg-main,
.eg-test-root.qx-sol-showing .eg-main,
.eg-test-root.eg-sol-showing .eg-q-card,
.eg-test-root.qx-sol-showing .eg-q-card,
.allen-practice.qx-sol-showing .mtk-main {
  padding-bottom: calc(var(--eg-foot-h) + 12px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(var(--eg-foot-h) + 12px + env(safe-area-inset-bottom, 0px)) !important;
}
/* compact top chrome — maximize question area */
.eg-test-root .eg-top, .mtk-test-root .eg-top, .allen-practice .eg-top,
.eg-test-root.eg-qxmd182 > .eg-top, .eg-test-root.eg-qxtool8 .eg-top {
  min-height: 40px !important;
  max-height: none !important;
  padding: 2px 6px !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  flex-wrap: wrap !important;
}
.eg-test-root .eg-top-tools .eg-tool-btn,
.eg-test-root .eg-top-tools .eg-ico,
.mtk-test-root .eg-top-tools .eg-tool-btn,
.allen-practice .eg-top-tools .eg-tool-btn {
  min-height: 30px !important;
  padding: 2px 6px !important;
  font-size: 10px !important;
  gap: 2px !important;
}
.eg-test-root .eg-subs, .eg-test-root .eg-info-strip {
  min-height: 0 !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.eg-main #egFoot, .eg-q-card #egFoot, .mtk-main #egFoot, #app-main #egFoot {
  /* if somehow nested, still fixed to viewport */
  position: fixed !important;
  margin: 0 !important;
}


/* qxmd230: practice tools stay on the blue bar; Settings panel still opens */
.eg-test-root[data-eg-mode="practice"].eg-qxmd218 .eg-top-tools .eg-tool-btn,
.eg-test-root[data-eg-mode="practice"] .eg-top-tools .eg-tool-btn,
.eg-test-root[data-eg-mode="practice"] .eg-top-tools .eg-tool-hid {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  left: auto !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}
.eg-test-root[data-eg-mode="practice"] .eg-top-tools .eg-settings-gear,
.allen-practice.qxmd218-allen .eg-settings-gear,
.allen-practice.qxmd218-allen #pracViewMenuBtn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  left: auto !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}


/* ========== qxmd219: Allen foot pad; hide palette peek; no white bar after Check ========== */
.allen-practice.qxmd219-allen,
.allen-practice.qxmd218-allen {
  --eg-foot-h: 56px;
  --eg-foot-pad: calc(var(--eg-foot-h) + 28px + env(safe-area-inset-bottom, 0px));
}
html body.allen-practice-active #app-main,
html body.allen-practice-active #app-main.content,
html body.allen-practice-active .mtk-test-root.allen-practice .mtk-main,
.allen-practice .mtk-main,
.allen-practice.qxmd219-allen .mtk-main,
.allen-practice.qxmd218-allen .mtk-main,
.allen-practice.qx-sol-showing .mtk-main,
.allen-practice #qaSolReveal,
.allen-practice #qaResult,
.allen-practice .sol-body,
.allen-practice .qx-sol-card {
  padding-bottom: var(--eg-foot-pad) !important;
  scroll-padding-bottom: var(--eg-foot-pad) !important;
  box-sizing: border-box !important;
}
/* Transparent foot in dark after Check — never a white slab */
.allen-practice[data-test-theme="dark"] #egFoot,
.allen-practice[data-test-theme="dark"] .eg-foot,
.allen-practice[data-test-theme="dark"] .eg-foot-marks,
.allen-practice.qxmd219-allen[data-test-theme="dark"] #egFoot,
.mtk-test-root.allen-practice[data-test-theme="dark"] .eg-foot-marks,
.allen-practice.qx-sol-showing[data-test-theme="dark"] #egFoot,
.allen-practice.qx-sol-showing[data-test-theme="dark"] .eg-foot {
  background: #0f172a !important;
  background-color: #0f172a !important;
  background-image: none !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
  border: none !important;
  border-top: 1px solid #334155 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.allen-practice[data-test-theme="dark"] #egFoot::before,
.allen-practice[data-test-theme="dark"] #egFoot::after,
.allen-practice[data-test-theme="dark"] .eg-foot::before,
.allen-practice[data-test-theme="dark"] .eg-foot::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* Hide palette peek under fixed footer */
.allen-practice .mtk-palette,
.allen-practice.qxmd219-allen .mtk-palette,
.allen-practice.qxmd218-allen .mtk-palette,
html body.allen-practice-active .mtk-test-root.allen-practice .mtk-palette {
  bottom: var(--eg-foot-pad) !important;
  max-height: calc(100dvh - var(--eg-foot-pad) - 72px) !important;
  z-index: 2 !important;
}
html body.allen-practice-active .mtk-test-root.allen-practice .mtk-palette {
  /* clip any bleed under transparent pills */
  margin-bottom: 0 !important;
}
.allen-practice .eg-foot.eg-foot-marks,
.allen-practice.qxmd219-allen #egFoot {
  z-index: 2147483646 !important;
}
/* Settings gear only — no A± lobes beside gear */
.allen-practice.qxmd219-allen .mtk-header-tools .mtk-font-btn:not(#pracViewMenuBtn),
.allen-practice.qxmd219-allen .mtk-header-tools #mtkFontDown,
.allen-practice.qxmd219-allen .mtk-header-tools #mtkFontUp,
.allen-practice.qxmd219-allen .mtk-header-tools #pracZoomOut,
.allen-practice.qxmd219-allen .mtk-header-tools #pracZoomIn {
  display: none !important;
}
.eg-test-root.eg-qxmd219[data-eg-mode="practice"] .eg-top-tools .eg-tool-btn:not(.eg-settings-gear),
.eg-test-root.eg-qxmd219[data-eg-mode="practice"] .eg-top-tools .eg-tool-hid {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.eg-test-root.eg-qxmd219[data-eg-mode="practice"] .eg-top-tools .eg-settings-gear,
.allen-practice.qxmd219-allen #pracViewMenuBtn,
.allen-practice.qxmd219-allen .eg-settings-gear {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* qxmd238: solid Prev|Check|Next + full toolbar */
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-qxtool8 #egFoot,
html body .eg-test-root.eg-qxtool8[data-test-theme="dark"] .eg-foot,
html body .allen-practice #egFoot,
html body #egFoot.eg-foot.eg-foot-marks {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr 1fr !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  min-height: 56px !important;
  max-height: none !important;
  z-index: 2147483646 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.12) !important;
}
html body .eg-test-root[data-test-theme="dark"] #egFoot,
html body .eg-test-root[data-test-theme="dark"] .eg-foot,
html body .eg-test-root.eg-qxtool8[data-test-theme="dark"] #egFoot,
html body .eg-test-root.eg-qxtool8[data-test-theme="dark"] .eg-foot,
html body .allen-practice[data-test-theme="dark"] #egFoot {
  background: #0f172a !important;
  background-color: #0f172a !important;
  border-top: 1px solid #334155 !important;
}
html body .eg-test-root #egFoot #qxPrevBtn,
html body .eg-test-root #egFoot #qxNextBtn,
html body .eg-test-root #egFoot #egCheckBtn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  min-height: 48px !important;
}
html body .eg-test-root .eg-top,
html body .eg-test-root.eg-qxtool8 .eg-top {
  max-height: none !important;
  overflow: visible !important;
  flex-wrap: wrap !important;
}
html body .eg-test-root .eg-top-tools .eg-tool-btn,
html body .eg-test-root[data-eg-mode="practice"] .eg-top-tools .eg-tool-btn,
html body .eg-test-root.eg-qxmd167[data-eg-mode="practice"] .eg-top-tools .eg-tool-sec:not(.eg-tool-reach) {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* qxmd306: unscoped 3-col above is practice-only; test stays 2×2 above phone nav */
html body .eg-test-root[data-eg-mode="test"] #egFoot,
html body .eg-test-root[data-eg-mode="test"] .eg-foot,
html body #egFoot.eg-foot-marks-test {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 46px 46px !important;
  grid-auto-flow: row !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  max-height: none !important;
  min-height: calc(120px + max(36px, env(safe-area-inset-bottom, 0px))) !important;
  padding: 10px 12px calc(10px + max(36px, env(safe-area-inset-bottom, 0px))) !important;
  background: #ffffff !important;
  z-index: 2147483000 !important;
}