/* Reading-first popup layout: full clinical text, contain-fit exhibits,
   native scrolling, solid reading sheets over the shared faint lattice. */
#qbankModal {--qb-modal-inset:clamp(7px,1.5vw,22px);}
#qbankModal #playerShell {background-color:#f8f6f0;background-image:linear-gradient(#f8f6f0b8,#f8f6f0b8),url('/assets/codex-hex.svg');background-size:auto,36.95px 64px;}
#qbankModal #playerShell .qb-workspace {background:transparent;padding:12px;gap:12px;scroll-padding:12px;}
#qbankModal #playerShell .qb-pane {min-width:0;padding:14px 16px;background:#fffdf8;background-image:none;border:1px solid #d6e1da;border-radius:12px;box-shadow:-2px 3px 10px #0b4a3d0a;scroll-padding:14px;scroll-margin:0;}
#qbankModal #playerShell .qb-stem-body {gap:10px;}
#qbankModal #playerShell .qb-stem-para {padding:0;border:0;}
#qbankModal #playerShell .qb-lead-in {margin-top:12px;padding-top:10px;}
#qbankModal #playerShell .qb-options-head {margin:0 0 8px;gap:8px;}
#qbankModal #playerShell .qb-options-head small {font-size:10px;}
#qbankModal #playerShell .qb-options-list {width:100%;min-width:0;gap:6px;}
#qbankModal #playerShell .qb-opt-row {padding:8px 10px;gap:8px;min-height:44px;}
#qbankModal #playerShell .qb-opt-text {line-height:1.4;}
#qbankModal #playerShell .qb-submit-box {margin-top:10px;padding-top:0;}
#qbankModal #playerShell .qb-conf-row {margin-bottom:8px;}
#qbankModal #playerShell .qb-exam-bar {padding:5px 12px;min-height:54px;gap:8px;}
#qbankModal #playerShell .qb-exam-foot {padding:5px 12px;min-height:54px;gap:8px;}
#qbankModal #playerShell .qb-exam-foot .qb-btn {padding:8px 12px;min-height:44px;}
#qbankModal #playerShell[data-study-mode="tutor"] .qb-family-banner {padding:7px 12px;background:transparent;}
#qbankModal .qb-family-heading {margin-bottom:4px;gap:12px;}
#qbankModal .qb-family-heading>div {min-width:0;display:flex;align-items:baseline;gap:10px;}
#qbankModal .qb-family-heading strong {font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:none;}
#qbankModal .qb-family-eyebrow {font-size:9px;white-space:nowrap;margin:0;}
#qbankModal .qb-family-progress {font-size:11px;}
#qbankModal .qb-family-navigation {display:flex;gap:8px;}
#qbankModal .qb-family-navigation>button {width:44px;height:44px;padding:0;font:24px Arial;flex:none;}
#qbankModal #playerSiblings {flex:1;justify-content:flex-start;}
#qbankModal #playerSiblings .qb-family-chip {padding:7px 12px;min-height:44px;font-size:12px;}
#qbankModal .qb-family-guide {display:none;}
#qbankModal #playerShell[data-study-mode="exam"] {grid-template-columns:84px minmax(0,1fr);}
#qbankModal #playerShell[data-study-mode="exam"] .qb-workspace {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);overflow:hidden;}
#qbankModal #playerShell[data-study-mode="exam"] .qb-pane {width:100%;max-width:none;margin:0;overflow:auto;}
#qbankModal #playerShell[data-study-mode="exam"] .qb-pane-stem p {margin-bottom:10px;}
#qbankModal #playerShell[data-study-mode="exam"] .qb-exam-strip {background:#fffdf8;}
#qbankModal #playerShell[data-study-mode="exam"] .qb-exam-badge {border:0;padding:4px;font-size:14px;}
#qbankModal #playerShell[data-study-mode="exam"] .qb-exam-tools {gap:4px;}
#qbankModal #playerShell[data-study-mode="exam"] .qb-tool-btn {padding:6px 8px;font-size:13px;}
#qbankModal #playerShell[data-study-mode="exam"] #examTopNav {gap:6px;}
#qbankModal #playerShell[data-study-mode="exam"] #tutorTools>summary {background:var(--exam-blue);color:#fff;border-color:#fff9;border-radius:4px;}
#qbankModal #playerShell[data-study-mode="exam"] #tutorToolBody :is(button,.qb-btn) {background:#fff;color:#0b4a3d;border:1px solid #cedbd4;}
#qbankModal #tutorToolBody {box-sizing:border-box;max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior:contain;right:0;}
#qbankModal #tutorToolBody .qb-top-mode-switch {grid-column:1/-1;display:flex;}
#qbankModal #tutorToolBody .qb-mode-btn {flex:1;}
#qbankModal #tutorToolBody #metaToggleBtn {white-space:normal;}
#qbankModal #playerShell #tutorToolBody #examLockBtn {display:inline-flex;}
#qbankModal #readingJumpBtn {display:none;flex:none;min-height:44px;border:1px solid #b9cfc2;border-radius:8px;background:#fffdf8;color:#0b4a3d;font:600 12px Arial;padding:6px 8px;}
@media(max-width:1100px),(max-height:500px) {
  #qbankModal #playerShell .qb-exam-bar {flex-wrap:nowrap;}
  #qbankModal #playerShell .qb-exam-left {width:auto;min-width:0;flex:1;}
  #qbankModal #playerShell .qb-exam-tools {width:auto;display:flex;gap:6px;margin-left:auto;flex:none;}
  #qbankModal #tutorToolBody {right:-48px;}
  #qbankModal #playerShell[data-study-mode="tutor"] .qb-exam-badge {display:block;font-size:12px;}
  #qbankModal #playerShell[data-study-mode="tutor"] .qb-exam-badge::before {content:'Tutor · ';font-weight:700;color:#0b4a3d;}
  #qbankModal #playerShell .qb-exam-close {width:44px;height:44px;padding:0;margin:0;}
  #qbankModal .qb-family-heading {display:flex;}
  #qbankModal .qb-family-eyebrow {display:none;}
  #qbankModal #playerShell .qb-foot-center {display:none;}
  #qbankModal #playerShell[data-study-mode="exam"] #examTopNav {margin:0;}
}
@media(min-width:761px) {
  #qbankModal #playerShell .qb-workspace {grid-template-rows:minmax(0,1fr);align-items:start;}
  #qbankModal #playerShell .qb-pane {max-height:100%;}
  #qbankModal #playerShell[data-study-mode="tutor"] .qb-workspace {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);overflow:hidden;}
  #qbankModal #playerShell[data-study-mode="tutor"] .qb-pane {overflow:auto;}
}
@media(max-width:760px) {
  #qbankModal {--qb-modal-inset:6px;padding:6px;}
  #qbankModal #playerShell .qb-workspace,#qbankModal #playerShell[data-study-mode="exam"] .qb-workspace {display:block;overflow-y:auto;padding:8px;scroll-padding:8px;}
  #qbankModal #playerShell .qb-pane,#qbankModal #playerShell[data-study-mode="exam"] .qb-pane {overflow:visible;padding:12px;margin:0 0 8px;max-height:none;}
  #qbankModal #playerShell .qb-pane-options {margin-bottom:0;}
  #qbankModal #playerShell[data-study-mode="exam"] {grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"header" "status" "summary" "workspace" "footer";}
  #qbankModal #playerShell[data-study-mode="exam"] .qb-exam-strip {flex-direction:row;max-height:46px;border-right:0;border-bottom:1px solid #bbc7ce;}
  #qbankModal #playerShell[data-study-mode="exam"] .qb-exam-strip-lbl,#qbankModal .qb-status-key {display:none;}
  #qbankModal .qb-status-items {display:flex;overflow:auto;}
  #qbankModal #playerShell[data-study-mode="exam"] .qb-exam-qpill {width:44px;min-height:44px;flex:none;display:block;padding:3px;}
  #qbankModal #playerShell[data-study-mode="exam"] .qb-exam-qpill small {display:block;font:8px/1.1 Arial;text-align:center;}
  #qbankModal #playerShell[data-study-mode="exam"] .qb-exam-qpill b {position:absolute;top:2px;right:2px;font:700 9px Arial;}
  #qbankModal #readingJumpBtn {display:block;margin-inline:auto;}
  #qbankModal #playerShell .qb-exam-foot {flex-wrap:nowrap;padding:4px 6px;}
  #qbankModal #playerShell .qb-foot-left {width:auto;}
  #qbankModal #playerShell[data-study-mode="exam"] #examLockBtn {display:none;}
  #qbankModal #playerShell[data-study-mode="exam"] .qb-timer {border:0;font-size:11px;padding:0;max-width:115px;white-space:normal;}
  #qbankModal #playerShell[data-study-mode="exam"] .qb-exam-badge {font-size:11px;padding:0;}
  #qbankModal #playerShell[data-study-mode="exam"] #prevQBtn {font-size:0;width:44px;}
  #qbankModal #playerShell[data-study-mode="exam"] #prevQBtn::before {content:'‹';font:22px Arial;}
  #qbankModal #playerShell .qb-exam-bar {padding:4px 6px;gap:4px;}
  #qbankModal #playerShell[data-study-mode="exam"] #examTopNav {gap:4px;}
  #qbankModal #playerShell .qb-exam-tools {gap:4px;}
  #qbankModal #tutorTools>summary {padding:8px;font-size:12px;}
  #qbankModal #tutorToolBody {right:-48px;width:min(270px,calc(100vw - 36px));}
}
@media(max-height:500px) and (min-width:761px) {
  #qbankModal {--qb-modal-inset:5px;padding:5px;}
  #qbankModal #playerShell .qb-workspace {padding:7px;gap:7px;}
  #qbankModal #playerShell .qb-pane {padding:10px;}
  #qbankModal .qb-family-heading {display:none;}
  #qbankModal #playerShell[data-study-mode="tutor"] .qb-family-banner {padding:3px 10px;}
}