/* Compact entry to the existing Tutor/Exam players. Canvas is continuous;
   reading panels remain opaque and free of the hexagonal lattice. */
body.qb[data-codex-family="qbank"] {
  background-color:var(--cx-canvas,#f8f6f0);
  background-image:linear-gradient(#f8f6f0b8,#f8f6f0b8),url('/assets/codex-hex.svg');
  background-size:auto,36.95px 64px;
  background-repeat:repeat;
}
body.qb #codex-main { background:transparent; padding-top:18px; }
body.qb #try.qb-quick-start {
  padding:16px 22px 0; margin:0;
  background:var(--cx-paper,#fffdf8); border:1px solid var(--cx-line,#d5dfd9);
  border-left:3px solid #0b4a3d; border-radius:16px;
  box-shadow:-3px 5px 14px #0b4a3d12;
}
.qb-track-bar {display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e3ebe6;margin-bottom:12px;flex-wrap:wrap;}
.qb-track-bar-lbl {font:700 11px/1.2 var(--codex-sans);letter-spacing:.08em;text-transform:uppercase;color:#53685e;}
.qb-track-tabs {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.qb-track-tab.on {background:#0b4a3d;color:#fff;border:1px solid #0b4a3d;border-radius:999px;padding:6px 14px;font:700 12.5px/1.2 var(--codex-sans);min-height:34px!important;}
.qb-quick-head {display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding:2px 0 14px;}
.qb-quick-head h1 {font:400 32px/1.1 var(--codex-serif);color:#183b33;margin:0;}
.qb-quick-actions {display:flex;gap:10px;margin:0;align-items:center;flex-wrap:wrap;}
.qb-mode-start {display:grid;gap:5px;min-width:0;}
.qb-mode-start[hidden] {display:none !important;}
.qb-quick-actions .qb-btn {min-height:44px;padding:10px 22px;font:700 14px/1.3 var(--codex-sans);border-radius:10px;box-shadow:none;cursor:pointer;}
.qb-quick-actions .qb-btn.em {background:#0b4a3d;border:1px solid #0b4a3d;color:#fff;}
.qb-quick-actions .qb-btn.line {border:1.5px solid #0b4a3d;color:#0b4a3d;background:#fff;}
.qb-quick-actions .qb-btn:hover {transform:none;box-shadow:-2px 3px 8px #0b4a3d1a;}
.qb-quick-tools {display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;}
.qb-quick-tools button {appearance:none;border:1px solid #d5dfd9;border-radius:8px;background:#f8f6f0;color:#0b4a3d;font:600 12px/1.3 var(--codex-sans);min-height:40px;padding:7px 12px;cursor:pointer;}
.qb-quick-tools button:hover {background:#edf4ef;}
.qb-quick-tools #savedBadge {display:inline-block;background:#e7f0eb;padding:2px 6px;border-radius:6px;margin-left:3px;}
.qb-session-settings {border-top:1px solid #dde5df;}
.qb-session-settings>summary {display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 0;cursor:pointer;list-style:none;font:500 12px/1.4 var(--codex-sans);color:#53685e;}
.qb-session-settings>summary::-webkit-details-marker {display:none;}
.qb-session-settings>summary::before {content:'›';font:600 20px/1 Arial,sans-serif;color:#0b4a3d;transition:transform .15s;}
.qb-session-settings[open]>summary::before {transform:rotate(90deg);}
.qb-session-settings>summary strong {color:#0b4a3d;white-space:nowrap;}
.qb-session-settings #builderSelectionLabel {min-width:0;}
.qb-session-settings .qb-builder-box {display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0;padding:8px 0 18px;border:0;border-radius:0;box-shadow:none;background:var(--cx-paper,#fffdf8);}
.qb-session-settings .qb-builder-row {align-content:start;gap:8px;}
.qb-session-settings .qb-builder-lbl {font:600 12px/1.3 var(--codex-sans);text-transform:none;letter-spacing:0;}
.qb-session-settings .qb-seg-btn {flex:1 1 120px;min-height:44px;font-size:12px;padding:8px 12px;box-shadow:none;}
.qb-session-settings .qb-builder-summary {grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid #dde5df;}
body.qb #deck {padding:22px 0 0;background:transparent;}
.qb-browse-head {display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.5fr);align-items:center;gap:24px;margin-bottom:14px;}
.qb-browse-head .qb-h2 {font:400 28px/1.1 var(--codex-serif);margin:0 0 5px;color:#183b33;}
.qb-browse-head .qb-sub {font:400 12px/1.5 var(--codex-sans);margin:0;}
.qb-browse-head .qb-deck-search {margin:0;padding:10px 12px;border-radius:12px;box-shadow:-2px 3px 9px #0b4a3d0b;background:var(--cx-paper,#fffdf8);}
.qb-browse-head .qb-deck-search label {font:600 12px/1.3 var(--codex-sans);letter-spacing:0;text-transform:none;margin-bottom:6px;}
.qb-browse-head .qb-search-row input {min-width:0;min-height:44px;padding:9px 12px;border-radius:8px;}
.qb-browse-head .qb-search-row button {min-height:44px;padding:0 10px;border-radius:8px;}
.qb-browse-head #deckSearchStatus {font:400 11px/1.4 var(--codex-sans);margin:6px 0 0;}
body.qb #grid .qb-ch,body.qb .qb-chapter-dialog,body.qb .qb-chapter-topic {background:var(--cx-paper,#fffdf8);background-image:none;}
@media(max-width:760px) {
  body.qb #codex-main {padding-top:10px;}
  body.qb #try.qb-quick-start {padding:14px 14px 0;}
  .qb-quick-head {flex-direction:column;align-items:stretch;gap:10px;padding:0 0 12px;}
  .qb-quick-head h1 {font-size:26px;}
  .qb-quick-actions {display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;}
  .qb-quick-actions .qb-btn {padding:10px 12px;font-size:13.5px;min-height:46px;width:100%;justify-content:center;}
  .qb-quick-tools {margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .qb-quick-tools button {width:100%;justify-content:center;font-size:11.5px;padding:6px 8px;}
  .qb-session-settings>summary {flex-wrap:wrap;gap:6px 10px;}
  .qb-session-settings #builderSelectionLabel {flex:1 1 130px;font-size:11px;}
  .qb-session-settings .qb-builder-box {grid-template-columns:1fr;}
  .qb-session-settings .qb-builder-select {font-size:16px;}
  .qb-browse-head {grid-template-columns:1fr;gap:10px;}
  .qb-browse-head .qb-h2 {font-size:24px;}
  body.qb #deck {padding-top:16px;}
}
@media(prefers-reduced-motion:reduce) {.qb-session-settings>summary::before {transition:none;}}