/* Approved B workbench: one reading column on phones; question and feedback together. */
body.mcq-student {
  --mcq-correct:#24664f;
  --mcq-correct-bg:#edf8f2;
  --mcq-wrong:#a53242;
  --mcq-wrong-bg:#fff1f2;
  --mcq-ease:cubic-bezier(.16,1,.3,1);
}
html body.mcq-student main {max-width:1440px;padding-top:32px}
html body.mcq-student .mcq-heading h1 {font-size:2rem;line-height:1.4;margin:0 0 8px}
body.mcq-student .mcq-heading p {font-size:1rem}
body.mcq-student #mcqResume {border-radius:12px;background:#e4f0ff;padding:18px 24px}
body.mcq-student #mcqResume h2 {font-size:1.125rem;margin:0 0 4px}
body.mcq-student #continueSession {background:transparent;color:var(--mcq-accent);border:1px solid #aac8e5}
body.mcq-student #mcqSetup {padding:0;overflow:visible;background:#fff;border-radius:14px}
body.mcq-student #mcqStart {display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);align-items:start}
body.mcq-student #chapterPanel {margin:0;padding:28px;border:0;scroll-margin-top:24px;min-width:0}
body.mcq-student .mcq-panel-heading h3,
body.mcq-student #configTitle {font-size:1.25rem;margin:0;line-height:1.5}
body.mcq-student #closeChapters {display:none}
body.mcq-student .mcq-search {position:relative;margin:20px 0}
body.mcq-student .mcq-search svg {position:absolute;left:14px;width:20px;height:20px;color:var(--mcq-muted);pointer-events:none}
body.mcq-student #chapterSearch {padding:13px 12px 13px 44px;width:100%;border-color:#b8cee2;border-radius:10px}
body.mcq-student #chapterSearch::placeholder {font-size:.875rem}
body.mcq-student #mcqChapters {max-height:620px;border:0;padding:0 8px 0 0;scrollbar-width:thin}
body.mcq-student .mcq-chapter-group h4 {margin:24px 0 10px;font-size:.875rem;font-weight:600}
body.mcq-student #mcqChapters label {position:relative;border:1px solid transparent;border-bottom-color:var(--mcq-line);border-radius:0;padding:16px 12px;min-height:64px;transition:background-color 160ms,border-color 160ms}
body.mcq-student #mcqChapters label:has(input:checked) {background:#edf5ff;border:1px solid var(--mcq-accent);border-radius:10px}
body.mcq-student #mcqChapters label:has(input:focus-visible) {outline:3px solid var(--mcq-accent);outline-offset:2px}
body.mcq-student #mcqChapters label span {font-weight:550}
body.mcq-student .mcq-config {padding:28px;border-left:1px solid var(--mcq-line);min-width:0;position:sticky;top:24px}
body.mcq-student .mcq-selection-line {margin:18px 0 4px;gap:0;color:var(--mcq-muted);font-size:.8125rem}
body.mcq-student #chapterToggle {border:0;padding:8px 0;align-items:flex-start;background:transparent;gap:16px;font-size:.9375rem;line-height:1.7}
body.mcq-student #chapterSummary {font-weight:650;color:var(--ink);flex:1}
body.mcq-student .mcq-change-scope {color:var(--mcq-accent);font-size:.8125rem;font-weight:400;flex:none}
body.mcq-student #selectedChapters {margin:8px 0 20px;display:flex;flex-wrap:wrap;gap:8px}
body.mcq-student #selectedChapters button {font-size:.75rem;padding:6px 10px;min-height:36px;border-radius:7px}
body.mcq-student #selectedChapters:empty {display:none}
body.mcq-student .mcq-count-label {margin:20px 0;display:grid;grid-template-columns:1fr 100px;align-items:center}
body.mcq-student #count {width:100%;min-height:48px}
body.mcq-student .mcq-segmented {margin:20px 0}
body.mcq-student .mcq-segmented>div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border:1px solid #b8cee2;border-radius:9px;padding:4px}
body.mcq-student .mcq-segmented span {width:100%;border:0;min-width:0;padding:8px;font-size:.875rem;transition:background-color 160ms,color 160ms}
body.mcq-student .mcq-segmented label {min-height:44px;min-width:0}
body.mcq-student .mcq-mode-cards {margin-top:20px}
body.mcq-student .mcq-mode-cards legend {font-size:.875rem;margin-bottom:8px;font-weight:600}
body.mcq-student .mcq-mode-cards label {position:relative;display:flex;align-items:center;gap:12px;margin:8px 0;border:1px solid var(--mcq-line);border-radius:10px;padding:14px;cursor:pointer;transition:background-color 160ms,border-color 160ms}
body.mcq-student .mcq-mode-cards label:has(input:checked) {background:#f0f6ff;border-color:var(--mcq-accent)}
body.mcq-student .mcq-mode-cards input {width:18px;height:18px;margin:0}
body.mcq-student .mcq-mode-cards strong,
body.mcq-student .mcq-mode-cards small {display:block}
body.mcq-student .mcq-mode-cards strong {font-size:.9375rem}
body.mcq-student .mcq-mode-cards small {font-size:.75rem;line-height:1.7;margin-top:3px;color:var(--mcq-muted)}
body.mcq-student .mcq-setup-help {display:block;font-size:.8125rem;margin:18px 0}
body.mcq-student #modeHelp {display:none}
body.mcq-student #startButton {width:100%;min-height:52px;margin-top:4px}
body.mcq-student .mcq-workbench {display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:start}
body.mcq-student .mcq-session-rail {min-width:0;position:sticky;top:24px;border-right:1px solid #c5d9ed;padding-right:24px}
body.mcq-student .mcq-session-rail>h2 {font-size:1rem;margin:0 0 12px}
body.mcq-student .mcq-session-summary {background:transparent;border-radius:0;margin:0 0 16px;max-width:none;font-size:.8125rem}
body.mcq-student .mcq-session-summary>summary {padding:0;min-height:44px;font-weight:500;line-height:1.8}
body.mcq-student .mcq-session-summary>summary svg {width:16px;height:16px;flex-shrink:0}
body.mcq-student .mcq-session-summary>div {padding:12px 0;font-size:.75rem;overflow-wrap:anywhere}
body.mcq-student .mcq-number-menu {position:static;margin:16px 0}
body.mcq-student .mcq-number-menu>summary {font-size:.8125rem;cursor:default;list-style:none}
body.mcq-student .mcq-number-menu>summary::-webkit-details-marker {display:none}
body.mcq-student .mcq-number-menu>summary>svg,
body.mcq-student .mcq-mobile-number {display:none}
body.mcq-student .mcq-question-nav {position:static;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:calc(100dvh - 380px);min-height:80px;margin:4px 0 0;padding:4px 0;border:0;background:transparent;border-radius:0;overflow:auto;scrollbar-width:thin}
body.mcq-student .mcq-question-nav button {min-width:44px;min-height:56px;border-radius:8px}
body.mcq-student .mcq-question-nav small {font-size:.625rem;white-space:normal}
body.mcq-student .mcq-rail-mode {font-size:.8125rem;margin:24px 0 4px;padding-top:18px;border-top:1px solid #c5d9ed}
body.mcq-student .mcq-rail-help {font-size:.75rem;margin:0;color:var(--mcq-muted)}
body.mcq-student #backToSetup {margin-top:20px;border:0;background:transparent;padding:10px 0;color:var(--mcq-accent);font-size:.8125rem}
body.mcq-student .mcq-workbench-main {min-width:0}
body.mcq-student .mcq-question-toolbar {max-width:none;margin:0 0 12px;font-size:.8125rem;color:var(--mcq-muted);min-height:32px}
body.mcq-student #saveStatus {font-size:.8125rem}
body.mcq-student .mcq-progress-heading {display:flex;justify-content:space-between;gap:16px;font-size:.875rem;font-variant-numeric:tabular-nums;margin-bottom:10px}
body.mcq-student .mcq-progress-heading>span {font-size:.8125rem;color:var(--mcq-muted)}
body.mcq-student .mcq-progress {height:6px;border-radius:3px;background:var(--mcq-line);overflow:hidden;margin-bottom:24px}
body.mcq-student .mcq-progress-fill {display:block;width:100%;height:100%;background:var(--mcq-accent);transform-origin:left center}
body.mcq-student .mcq-question,
body.mcq-student .mcq-question.is-review {max-width:none;margin:0;padding:0;background:transparent;border-radius:0;display:block}
body.mcq-student .mcq-review-layout {display:grid;grid-template-columns:minmax(0,1fr)}
body.mcq-student .is-review .mcq-review-layout {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
body.mcq-student #questionPanel,
body.mcq-student #analysisPanel {min-width:0;padding:28px;background:#fff;border-radius:14px}
body.mcq-student .mcq-question:not(.is-review) #questionPanel {max-width:820px;margin-inline:auto;width:100%}
body.mcq-student .mcq-question-context {display:flex;flex-direction:column;gap:4px;font-size:.8125rem;line-height:1.7;color:var(--mcq-muted);margin-bottom:16px;overflow-wrap:anywhere}
html body.mcq-student .mcq-stem {font-size:1.5rem;line-height:1.65;margin:0 0 24px}
body.mcq-student .mcq-material {padding:18px;background:#f0f6ff;border-radius:10px;margin:0 0 24px;font-size:1rem;line-height:1.85}
body.mcq-student .mcq-options {display:grid;gap:12px}
body.mcq-student .mcq-options label {position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;min-height:64px;gap:12px;padding:14px 16px;border:1px solid #b8cee2;border-radius:10px;cursor:pointer;transition:background-color 160ms,border-color 160ms}
body.mcq-student .mcq-options input {position:absolute;opacity:0;width:1px;height:1px;margin:0;inset:50% auto auto 16px}
body.mcq-student .mcq-option-letter {width:32px;min-height:32px;display:grid;place-items:center;align-self:start;background:#eff5fa;color:var(--mcq-muted);border-radius:7px;font-size:.875rem;margin:0;transition:background-color 160ms,color 160ms}
body.mcq-student .mcq-option-copy {font-size:1rem;line-height:1.75}
body.mcq-student .mcq-picked {display:none;color:var(--mcq-accent)}
body.mcq-student .mcq-picked svg {width:18px;height:18px}
body.mcq-student .mcq-options label:has(input:checked) {background:#edf5ff;border-color:var(--mcq-accent)}
body.mcq-student .mcq-options label:has(input:checked)>.mcq-option-letter {background:var(--mcq-accent);color:#fff}
body.mcq-student .mcq-options label:has(input:checked) .mcq-picked {display:block}
body.mcq-student .mcq-inline-result {display:flex;align-items:center;gap:5px;width:fit-content;font-size:.6875rem;font-weight:550;background:transparent;margin:6px 0 0;padding:0;color:var(--mcq-correct)}
body.mcq-student .mcq-inline-result svg {width:15px;height:15px;flex:none}
body.mcq-student .mcq-options label.is-expected,
body.mcq-student .mcq-options label.is-expected:has(input:checked) {background:var(--mcq-correct-bg);border-color:#76ad93}
body.mcq-student .mcq-options label.is-wrong,
body.mcq-student .mcq-options label.is-wrong:has(input:checked) {background:var(--mcq-wrong-bg);border-color:#cf8d94}
body.mcq-student .mcq-options label.is-expected>.mcq-option-letter {background:#d7eee2;color:var(--mcq-correct)}
body.mcq-student .mcq-options label.is-wrong>.mcq-option-letter {background:#f6dce0;color:var(--mcq-wrong)}
body.mcq-student .mcq-options label.is-expected:has(input:checked)>.mcq-option-letter {background:#d7eee2;color:var(--mcq-correct)}
body.mcq-student .mcq-options label.is-wrong:has(input:checked)>.mcq-option-letter {background:#f6dce0;color:var(--mcq-wrong)}
body.mcq-student .is-wrong .mcq-inline-result {background:transparent;color:var(--mcq-wrong)}
body.mcq-student .mcq-answer-summary {margin:0 0 20px;padding:0;border:0}
body.mcq-student .mcq-answer-summary h2 {display:flex;align-items:center;gap:8px;font-size:1.125rem;line-height:1.7;margin:0;color:var(--mcq-correct)}
body.mcq-student .mcq-answer-summary h2 svg {width:21px;height:21px;flex:none}
body.mcq-student .mcq-answer-summary.is-wrong h2 {color:var(--mcq-wrong)}
body.mcq-student .mcq-answer-summary.is-blank h2 {color:var(--mcq-muted)}
body.mcq-student .mcq-answer-summary p {font-size:.8125rem;margin:4px 0 0;color:var(--mcq-muted)}
body.mcq-student #analysisTitle {font-size:1.25rem;line-height:1.5;margin:0 0 6px}
body.mcq-student .mcq-answer-key {font-size:.8125rem;color:var(--mcq-muted);margin:0 0 20px}
body.mcq-student .mcq-diagnostic {padding:0;margin:20px 0 24px;border:0}
body.mcq-student .mcq-diagnostic h3 {display:flex;align-items:start;gap:7px;font-size:.9375rem;margin:0 0 7px;line-height:1.75}
body.mcq-student .mcq-diagnostic h3 svg {width:18px;height:18px;margin-top:4px;flex:none}
body.mcq-student .mcq-diagnostic.is-expected h3 {color:var(--mcq-correct)}
body.mcq-student .mcq-diagnostic.is-wrong h3 {color:var(--mcq-wrong)}
body.mcq-student .mcq-diagnostic p {font-size:.9375rem;line-height:1.9;margin:8px 0;overflow-wrap:anywhere;white-space:pre-wrap}
body.mcq-student .mcq-diagnostic .mcq-diagnostic-option {font-size:.8125rem;color:var(--mcq-muted);margin:0}
body.mcq-student .mcq-diagnostic .mcq-truth {font-size:.75rem;font-weight:500;color:var(--mcq-muted);margin:4px 0 8px}
body.mcq-student .mcq-other-analysis,
body.mcq-student .mcq-rationale {border-top:1px solid var(--mcq-line);margin-top:12px;padding-top:6px}
body.mcq-student :is(.mcq-other-analysis,.mcq-rationale) summary {cursor:pointer;min-height:44px;align-content:center;font-size:.8125rem;color:var(--mcq-accent);line-height:1.8}
body.mcq-student .mcq-unique-reason {font-size:.9375rem;line-height:1.9;margin:12px 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}
body.mcq-student #openEvidence {font-size:.8125rem;padding:10px 0;border:0;background:transparent;color:var(--mcq-accent);text-align:left}
body.mcq-student .mcq-actions {max-width:none;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--mcq-line);display:flex;justify-content:space-between;align-items:center;gap:16px}
body.mcq-student .mcq-actions>button {min-height:50px}
body.mcq-student .mcq-actions .primary {flex:none;width:260px;max-width:60%;margin-left:auto}
body.mcq-student .mcq-actions #previousQuestion {border:0;background:transparent;color:var(--mcq-accent);padding:8px 0}
body.mcq-student .mcq-action-help {max-width:none;margin:8px 0 0;font-size:.8125rem}
body.mcq-student .mcq-action-help>div {display:flex;gap:16px;flex-wrap:wrap}
body.mcq-student .mcq-action-help button {border:0;background:transparent;padding:8px 0;color:var(--mcq-accent);font-size:.8125rem;min-height:44px}
body.mcq-student #mcqWorkspace:has(.mcq-confirm:not([hidden])) :is(.mcq-actions,.mcq-action-help) {display:none}
body.mcq-student .mcq-confirm,
body.mcq-student .mcq-withdrawn,
body.mcq-student .mcq-completed-summary {max-width:none}
body.mcq-student .mcq-pet-progress {font-size:.75rem;margin:20px 0;color:var(--mcq-muted)}
/* The route keeps its pet growth summary and link; the floating launcher obscures answers. */
body.mcq-student .pet-layer .pet-summon {display:none}
@media(hover:hover) {
  body.mcq-student #mcqChapters label:hover:not(:has(input:disabled)) {background:#f0f6ff}
  body.mcq-student .mcq-mode-cards label:hover:not(:has(input:disabled)) {border-color:var(--mcq-accent)}
}
@media(max-width:1099px) {
  body.mcq-student .mcq-workbench {display:block}
  body.mcq-student .mcq-session-rail {position:static;border:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:12px}
  body.mcq-student .mcq-session-rail>h2,
  body.mcq-student .mcq-rail-mode,
  body.mcq-student .mcq-rail-help,
  body.mcq-student .mcq-rail-number {display:none}
  body.mcq-student .mcq-session-summary {margin:0;flex:1;min-width:180px}
  body.mcq-student .mcq-session-summary>summary {justify-content:flex-start;gap:12px}
  body.mcq-student .mcq-number-menu {position:relative;margin:0}
  body.mcq-student .mcq-number-menu>summary {cursor:pointer;gap:6px}
  body.mcq-student .mcq-mobile-number,
  body.mcq-student .mcq-number-menu>summary>svg {display:inline}
  body.mcq-student .mcq-question-nav {position:absolute;z-index:25;top:100%;right:0;left:auto;width:min(320px,calc(100vw - 48px));grid-template-columns:repeat(4,minmax(0,1fr));max-height:50dvh;padding:12px;border:1px solid var(--mcq-line);border-radius:12px;background:#fff}
  body.mcq-student #backToSetup {margin:0;padding:8px 0}
  body.mcq-student .is-review .mcq-review-layout {grid-template-columns:minmax(0,1fr)}
  body.mcq-student .mcq-question,
  body.mcq-student .mcq-question.is-review {max-width:820px;margin-inline:auto}
}
@media(max-width:767px) {
  html body.mcq-student main {padding:20px 18px calc(var(--mcq-bottom-space,110px) + env(safe-area-inset-bottom))}
  html body.mcq-student .mcq-heading h1 {font-size:1.75rem}
  body.mcq-student .mcq-heading p {font-size:.875rem}
  body.mcq-student .mcq-heading>a {font-size:.8125rem}
  body.mcq-student #mcqResume {padding:16px;background:#e4f0ff;gap:12px}
  body.mcq-student #mcqResume p {font-size:.75rem}
  body.mcq-student #mcqResume button {min-height:44px}
  body.mcq-student #mcqSetup {background:transparent}
  body.mcq-student #mcqStart {display:flex;flex-direction:column;gap:20px}
  body.mcq-student #chapterPanel {background:#fff;padding:18px;border-radius:12px;width:100%}
  body.mcq-student #closeChapters {display:block;border:0;background:transparent;padding:8px 0;font-size:.75rem;color:var(--mcq-accent)}
  body.mcq-student .mcq-panel-heading {gap:8px}
  body.mcq-student .mcq-panel-heading h3 {font-size:1.125rem}
  body.mcq-student .mcq-search {margin:14px 0}
  body.mcq-student #chapterSearch {font-size:.875rem}
  body.mcq-student #chapterSearch::placeholder {font-size:.75rem}
  body.mcq-student #mcqChapters {max-height:440px;padding-right:3px}
  body.mcq-student #mcqChapters label {padding:14px 6px;gap:9px;min-height:60px}
  body.mcq-student #mcqChapters label span {font-size:.875rem}
  body.mcq-student #mcqChapters label small {font-size:.75rem}
  body.mcq-student .mcq-chapter-group h4 {font-size:.8125rem}
  body.mcq-student .mcq-config {position:static;width:100%;border:0;border-radius:12px;background:#fff;padding:20px}
  body.mcq-student .mcq-selection-line {font-size:.75rem}
  body.mcq-student #selectedChapters button {min-height:44px}
  body.mcq-student .mcq-session-summary {min-width:0;flex-basis:100%;order:0}
  body.mcq-student .mcq-session-summary>summary {font-size:.8125rem;min-height:40px}
  body.mcq-student .mcq-session-rail {gap:4px 16px;margin-bottom:8px}
  body.mcq-student .mcq-number-menu {order:1}
  body.mcq-student #backToSetup {margin-left:auto;order:2;font-size:.75rem;min-height:44px}
  body.mcq-student .mcq-question-nav {left:0;right:auto}
  body.mcq-student .mcq-question-toolbar {margin:0 0 8px;font-size:.75rem}
  body.mcq-student #saveStatus {font-size:.75rem}
  body.mcq-student .mcq-progress-heading {font-size:.8125rem;gap:8px}
  body.mcq-student .mcq-progress-heading>span {font-size:.75rem}
  body.mcq-student .mcq-progress {margin-bottom:18px}
  body.mcq-student #questionPanel,
  body.mcq-student #analysisPanel {padding:20px 16px;border-radius:12px}
  body.mcq-student .mcq-question-context {font-size:.75rem;margin-bottom:14px}
  html body.mcq-student .mcq-stem {font-size:1.375rem;line-height:1.7;margin:0 0 20px}
  body.mcq-student .mcq-material {padding:14px;font-size:.9375rem}
  body.mcq-student .mcq-options label {padding:13px 12px;gap:10px;grid-template-columns:29px minmax(0,1fr) auto;min-height:64px}
  body.mcq-student .mcq-option-letter {width:29px;min-height:29px}
  body.mcq-student .mcq-option-copy {font-size:1rem}
  body.mcq-student .mcq-inline-result {font-size:.6875rem}
  body.mcq-student .mcq-answer-summary {margin-bottom:16px}
  body.mcq-student .mcq-answer-summary h2 {font-size:1.0625rem}
  body.mcq-student .mcq-answer-summary p {font-size:.75rem}
  body.mcq-student .is-review .mcq-review-layout {gap:16px}
  body.mcq-student .mcq-actions {position:fixed;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));padding:8px;margin:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;background:#f8fbff;border:1px solid var(--mcq-line);border-radius:12px}
  body.mcq-student .mcq-actions>button {min-height:48px;padding:8px 4px;min-width:0}
  body.mcq-student .mcq-actions .primary {width:100%;max-width:none;margin:0;font-size:.9375rem}
  body.mcq-student .mcq-actions #previousQuestion {padding:8px 4px}
  body.mcq-student .mcq-action-help {margin-top:16px;gap:4px;font-size:.75rem}
  body.mcq-student .mcq-action-help>div {width:100%;justify-content:space-between}
  body.mcq-student .mcq-action-help button {font-size:.8125rem}
  body.mcq-student .mcq-confirm {margin:16px 0;padding:16px}
}
@media(prefers-reduced-motion:reduce) {
  body.mcq-student :is(.mcq-options label,.mcq-option-letter,.mcq-mode-cards label,.mcq-segmented span,#mcqChapters label) {transition:none}
}
