/* Student Studio — a focused learning canvas. Tutor and print layouts stay independent. */
@media screen{
 .workspace[data-view-role="student"] :is(.sp-preview .check-content small,.os-input-view .os-hint-text,.os-upload-desc,.ol-recorder-area>.ol-small-note,.ol-lecture-bottom-bar>.ol-lecture-hint-line){display:none}
 .workspace[data-view-role="student"] .sp-preview .check-item{min-height:64px}
 .workspace[data-view-role="student"] .os-input-view .os-bottom-bar{justify-content:flex-end}
 .workspace[data-view-role="student"] .ol-lecture-bottom-bar>.ol-btn{margin-left:auto}
}
@media screen and (min-width:900px){
 body:has(.workspace[data-view-role="student"]),
 .workspace[data-view-role="student"]{
  --studio-ink:#202640;--studio-copy:#30334f;--studio-primary:#5956e8;
  --studio-primary-dark:#4643cc;--studio-orange:#ff965c;--studio-green:#41bb96;
  --studio-lilac:#eeeaff;--studio-bg:#f5f6fb;--studio-border:#e8e9f2;
  --studio-muted:#71758d;--studio-radius:18px;
  --ui-ink:var(--studio-ink);--ink:var(--studio-ink);
  --ui-muted:var(--studio-muted);--muted:var(--studio-muted);
  --ui-blue:var(--studio-primary);--blue:var(--studio-primary);--blue-dark:var(--studio-primary-dark);
  --blue-soft:#f0edff;--ui-border:var(--studio-border);--line:var(--studio-border);
  --ui-bg:var(--studio-bg);--bg:var(--studio-bg);--ui-surface:#fff;
  --ui-good:#198064;--green:#198064;--green-soft:#e8f8f1;--ui-radius:var(--studio-radius);
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  color:var(--studio-copy);font-size:15px;font-weight:500;
  background:var(--studio-bg);-webkit-font-smoothing:antialiased;
 }
 .workspace[data-view-role="student"]{background:var(--studio-bg)}
 .workspace[data-view-role="student"] :is(button,input,textarea,select){font-family:inherit}
 .workspace[data-view-role="student"] :is(button,a,input,textarea,select,summary):focus-visible,
 body:has(.workspace[data-view-role="student"]) .rail-item:focus-visible,
 body:has(.workspace[data-view-role="student"]) .modal :is(button,a,input,textarea,select,summary):focus-visible{
  outline:3px solid #7774f2;outline-offset:3px;
 }
 .workspace[data-view-role="student"] :is(button,a,summary){-webkit-tap-highlight-color:transparent}

 /* The left rail belongs to the learner, with compact, recognisable destinations. */
 body:has(.workspace[data-view-role="student"]) .rail{
  width:76px;padding:20px 8px 14px;background:#fff;border-right:1px solid var(--studio-border);
  color:var(--studio-muted);box-shadow:none;
 }
 body:has(.workspace[data-view-role="student"]) .rail .brand{
  margin-bottom:7px;color:var(--studio-primary);font-size:21px;line-height:1.4;
  font-weight:800;letter-spacing:1px;text-shadow:none;
 }
 body:has(.workspace[data-view-role="student"]) .rail .rail-role{
  color:#85839c;font-size:10px;font-weight:500;letter-spacing:1px;margin-bottom:25px;
 }
 body:has(.workspace[data-view-role="student"]) .rail-item{
  width:60px;min-height:72px;margin-bottom:8px;padding:9px 4px;gap:6px;
  border:0;border-radius:14px;background:transparent;color:#77768d;box-shadow:none;
 }
 body:has(.workspace[data-view-role="student"]) .rail-item>svg{
  box-sizing:content-box;width:21px;height:21px;padding:7px;border-radius:11px;
  color:inherit;stroke-width:1.8;
 }
 body:has(.workspace[data-view-role="student"]) .rail-item>span{font-size:11px;font-weight:600;letter-spacing:.2px}
 body:has(.workspace[data-view-role="student"]) .rail-item:hover{background:#f5f3ff;color:var(--studio-primary)}
 body:has(.workspace[data-view-role="student"]) .rail-item.active{
  color:var(--studio-primary);background:#f1eeff;box-shadow:none;
 }
 body:has(.workspace[data-view-role="student"]) .rail-item.active>svg{background:var(--studio-primary);color:#fff}
 body:has(.workspace[data-view-role="student"]) .rail-item.active::after{display:none}
 body:has(.workspace[data-view-role="student"]) .rail-bottom .rail-item{min-height:58px;margin-bottom:3px;background:none;color:#77768d}
 body:has(.workspace[data-view-role="student"]) .rail-bottom .rail-item>svg{padding:2px;width:19px;height:19px}

 /* Keep the established 52px top bar and the tablet's usable canvas height. */
 .workspace[data-view-role="student"] .topbar{background:#fff;border-bottom:1px solid var(--studio-border);box-shadow:none}
 .workspace[data-view-role="student"] .breadcrumb{color:var(--studio-muted);font-size:13px;font-weight:500}
 .workspace[data-view-role="student"] .breadcrumb b{color:var(--studio-ink);font-weight:600}
 .workspace[data-view-role="student"] .tablet-context-divider{background:var(--studio-border)}
 .workspace[data-view-role="student"] .tablet-subject-switch{
  color:var(--studio-primary);background:#f2efff;border:1px solid #e8e2ff;
  border-radius:10px;font-weight:700;
 }
 .workspace[data-view-role="student"] .avatar-circle{background:#eeeaff;color:var(--studio-primary);font-weight:700}
 .workspace[data-view-role="student"] .avatar-text b{font-size:13px;color:var(--studio-ink);font-weight:600}
 .workspace[data-view-role="student"] .save-indicator{color:#72758c;font-size:12px}
 .workspace[data-view-role="student"] .role-switch{background:#f5f4fa;border-color:var(--studio-border);box-shadow:none}
 .workspace[data-view-role="student"] .role-switch button{color:#72758c;font-weight:600}
 .workspace[data-view-role="student"] .role-switch button.active{background:#fff;color:var(--studio-primary);box-shadow:0 1px 4px #312e6810}
 body.device-preview-screen .workspace[data-view-role="student"] .role-switch{display:none}
 .workspace[data-view-role="student"] .main{background:transparent}
 .workspace[data-view-role="student"] .tablet-lesson-heading h1{
  color:var(--studio-ink);font-size:25px;font-weight:700;letter-spacing:-.4px;line-height:1.4;
 }
 .workspace[data-view-role="student"] .tablet-lesson-heading h1::after{display:none}
 .workspace[data-view-role="student"] .tablet-lesson-heading p{color:var(--studio-muted);font-size:12px;font-weight:500}
 .workspace[data-view-role="student"] .tablet-tool-button{
  min-height:48px;border:1px solid #e4e3ef;border-radius:11px;background:#fff;
  color:#5a5c79;font-size:13px;font-weight:600;box-shadow:0 2px 4px #20264003;
 }
 .workspace[data-view-role="student"] .tablet-tool-button:hover{color:var(--studio-primary);border-color:#c6bffd;background:#faf9ff}

 /* Six equal task tiles: the Chinese step names remain the primary signposts. */
 .workspace[data-view-role="student"] .stepper{
  height:58px;min-height:58px;padding:0;gap:9px;margin-bottom:12px;
  background:none;border:0;border-radius:0;box-shadow:none;grid-template-columns:repeat(6,minmax(0,1fr));
 }
 .workspace[data-view-role="student"] .step-button{
  height:58px;min-height:58px;padding:7px 11px;gap:10px;justify-content:center;
  border:1px solid var(--studio-border);border-radius:13px;background:#fff;
  box-shadow:0 2px 5px #24244802;color:var(--studio-copy);transform:none;
  transition:background-color 150ms,border-color 150ms,box-shadow 150ms;
 }
 .workspace[data-view-role="student"] .step-button .step-letter{
  flex:none;width:32px;height:34px;line-height:34px;border-radius:9px;background:#f0edff;
  color:#6860c9;font-size:20px;font-weight:700;
 }
 .workspace[data-view-role="student"] .step-button:not(.active) .step-letter{background:#f0edff;color:#6860c9;font-weight:700}
 .workspace[data-view-role="student"] .step-button:not(.active):nth-child(3n+2) .step-letter{background:#e9f7f1;color:#25866d}
 .workspace[data-view-role="student"] .step-button:not(.active):nth-child(3n) .step-letter{background:#fff0e7;color:#ba6636}
 .workspace[data-view-role="student"] .step-button .step-info b{color:#565872;font-size:14px;font-weight:600;white-space:nowrap}
 .workspace[data-view-role="student"] .step-button .step-info small,
 .workspace[data-view-role="student"] .step-button .step-index{display:none}
 .workspace[data-view-role="student"] .step-button:hover:not(.active){background:#fbfaff;border-color:#c9c2fb;transform:none}
 .workspace[data-view-role="student"] .step-button.done:not(.active){background:#fff;border:1px solid #d4e9e2;box-shadow:none}
 .workspace[data-view-role="student"] .step-button.done:not(.active) .step-letter{color:#218669;background:#e6f6ef}
 .workspace[data-view-role="student"] .step-button.done:not(.active) .step-info b{color:#397363}
 .workspace[data-view-role="student"] .step-button.active{
  border-color:var(--studio-primary);background:var(--studio-primary);box-shadow:0 4px 10px #5956e820;
 }
 .workspace[data-view-role="student"] .step-button.active .step-letter{background:#ffffff24;color:#fff}
 .workspace[data-view-role="student"] .step-button.active .step-info b{color:#fff;font-weight:700}
 .workspace[data-view-role="student"] .step-check{top:5px;right:6px;width:13px;height:13px;border-radius:50%;background:#dff6eb;color:#198064;font-size:9px;box-shadow:none}
 .workspace[data-view-role="student"] .step-button.active .step-check{background:#fff;color:#218669}

 /* Shared paper, control and copy language. No extra wrapper or scroll region. */
 .workspace[data-view-role="student"] .lesson-grid>.panel{
  border:1px solid var(--studio-border);border-radius:18px;background:#fff;box-shadow:0 5px 18px #24244804;
 }
 .workspace[data-view-role="student"] :is(.panel-header,.op-bottom-action-bar,.p1-sub-tabs-bar,.os-summary-stepper){border-color:var(--studio-border)}
 .workspace[data-view-role="student"] :is(.btn,.op-action-btn,.p1-btn,.p1-submit-btn,.os-btn,.ol-btn,.oln-complete){
  min-height:48px;border-radius:11px;font-weight:600;letter-spacing:0;
 }
 .workspace[data-view-role="student"] :is(.btn.primary,.op-submit,.p1-primary,.p1-submit-btn,.os-btn-primary,.ol-primary,.oln-complete){
  color:#fff;background:var(--studio-primary);border-color:var(--studio-primary);box-shadow:0 3px 8px #5956e81a;
 }
 .workspace[data-view-role="student"] :is(.btn.primary,.op-submit,.p1-primary,.p1-submit-btn,.os-btn-primary,.ol-primary,.oln-complete):hover:not(:disabled){
  background:var(--studio-primary-dark);border-color:var(--studio-primary-dark);box-shadow:0 4px 10px #5956e824;transform:none;
 }
 .workspace[data-view-role="student"] :is(.btn.secondary,.op-prev,.op-next,.os-btn-secondary,.ol-secondary){
  color:#54536f;background:#fff;border-color:#deddea;box-shadow:none;
 }
 .workspace[data-view-role="student"] :is(.btn.secondary,.op-prev,.op-next,.os-btn-secondary,.ol-secondary):hover:not(:disabled){
  color:var(--studio-primary);background:#faf9ff;border-color:#c9c2f8;
 }
 .workspace[data-view-role="student"] :is(.btn,.op-action-btn,.p1-btn,.p1-submit-btn,.os-btn,.ol-btn,.oln-complete):disabled{box-shadow:none}
 .workspace[data-view-role="student"] :is(.text-button,.link-button){color:var(--studio-primary);font-weight:600}
 .workspace[data-view-role="student"] :is(.textarea,input[type="text"],input[type="search"],textarea){
  color:var(--studio-copy);background:#fff;border-color:#deddea;font-size:15px;font-weight:500;line-height:1.8;
 }
 .workspace[data-view-role="student"] :is(.textarea,textarea,input[type="text"],input[type="search"]):focus{border-color:#8d85ed;box-shadow:0 0 0 3px #5956e80d}
 .workspace[data-view-role="student"] :is(.stage-head h2,.preview-task-title,.os-section-title,.ol-title){color:var(--studio-ink);font-weight:700}
 .workspace[data-view-role="student"] :is(.stage-head p,.action-hint,.field-hint,.op-number-caption,.op-question-indicator,.p1-local-status,.os-upload-tip,.os-recognition-note,.ol-small-note){color:var(--studio-muted)}
 .workspace[data-view-role="student"] :is(.op-q-stem,.op-option,.p1-q-stem,.p1-step-content p,.p1-answer-row,.os-tip-desc,.os-suggest-item,.os-q-stem,.os-recognition-body p,.ol-q-stem,.ol-hint-copy p,.ol-lecture-tip-desc,.lh-paper p,.lh-paper dd){
  color:var(--studio-copy);font-weight:500;
 }
 .workspace[data-view-role="student"] .lh-paper{color:var(--studio-copy);background:#fff}
 .workspace[data-view-role="student"] .lh-paper :is(h1,h2,h3,h4){color:var(--studio-ink)}
 .workspace[data-view-role="student"] .lh-paper :is(p,dd,li){font-size:15px;line-height:1.85}
 .workspace[data-view-role="student"] .lh-paper dl>div{background:#f8f7fd;border-color:var(--studio-border)}

 /* Learning keeps the video surface dark and the surrounding study controls light. */
 .workspace[data-view-role="student"] .oln-root{color:var(--studio-copy);font-family:inherit}
 .workspace[data-view-role="student"] .oln-content{box-shadow:none;border-radius:15px}
 .workspace[data-view-role="student"] :is(.oln-video-cover,.oln-video-area,.oln-video-controls,.oln-bottom-bar){background-color:#20213b}
 .workspace[data-view-role="student"] .oln-video-cover{background:linear-gradient(120deg,#222243,#303165)}
 .workspace[data-view-role="student"] .oln-video-overlay{background:linear-gradient(90deg,#20213bf0,#20213b00 82%)}
 .workspace[data-view-role="student"] .oln-course-title{background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:none;font-weight:750;letter-spacing:-1px}
 .workspace[data-view-role="student"] .oln-instructor-tag{background:#645ee2;color:#fff;border-radius:8px}
 .workspace[data-view-role="student"] .oln-cover-circle{border-color:#aaa4ff50}
 .workspace[data-view-role="student"] .oln-collect-btn{background:var(--studio-primary);border-radius:10px;box-shadow:none;min-height:44px}
 .workspace[data-view-role="student"] .oln-collect-btn.is-collected{background:#277c69}
 .workspace[data-view-role="student"] .oln-progress-bar>i{background:#a6a1ff}
 .workspace[data-view-role="student"] .oln-bottom-btn{border-radius:10px;color:#3a3857;font-weight:600}
 .workspace[data-view-role="student"] .oln-bottom-btn.oln-active{background:#efecff;border-color:#bcb4fb;color:var(--studio-primary)}
 .workspace[data-view-role="student"] .oln-progress-note{color:#dad9ef;font-weight:500}
 .workspace[data-view-role="student"] .oln-segment-strip>button{min-height:48px;border-color:var(--studio-border);color:#5d5a76;background:#fff;border-radius:10px;font-weight:500}
 .workspace[data-view-role="student"] .oln-segment-strip>button.is-active{background:#f1edff;color:var(--studio-primary);border-color:#d0c8fb}
 .workspace[data-view-role="student"] :is(.oln-segment-strip>span,.oln-segment-strip small,.oln-demo-note){color:var(--studio-muted)}
 .workspace[data-view-role="student"] .oln-learning-states span{color:#66607f;background:#f2f0fa;font-size:12px;border-radius:8px}

 /* Practice: clear answer states, without turning the whole question into a colour field. */
 .workspace[data-view-role="student"] .op-q-type{color:#776d9b;font-size:12px;font-weight:600;background:#f3f0fd;border-radius:6px;padding:3px 8px;width:max-content}
 .workspace[data-view-role="student"] .op-question-number{color:#656078;border-color:#e3e0ee;background:#fff;font-weight:600;box-shadow:none}
 .workspace[data-view-role="student"] .op-question-number.answered{color:var(--studio-primary);border-color:#d2cbfb;background:#f2eeff}
 .workspace[data-view-role="student"] .op-question-number.active{color:#fff;background:var(--studio-primary);border-color:var(--studio-primary);box-shadow:0 3px 8px #5956e81a}
 .workspace[data-view-role="student"] .op-question-number.correct{color:#198064;background:#e8f8f1;border-color:#c5e7d9}
 .workspace[data-view-role="student"] .op-question-number.wrong{color:#b66544;background:#fff0e8;border-color:#f2d1bf}
 .workspace[data-view-role="student"] .op-q-stem{font-weight:600}
 .workspace[data-view-role="student"] .op-option{border-color:#e5e2ef;background:#fff;border-radius:12px;font-weight:500}
 .workspace[data-view-role="student"] .op-option:hover:not(:disabled){border-color:#b4a9f3;background:#fbfaff;transform:none}
 .workspace[data-view-role="student"] .op-option-key{color:#75718b;background:#f6f4fa;border-color:#ebe7f3;font-weight:600}
 .workspace[data-view-role="student"] .op-option.selected{border-color:var(--studio-primary);background:#f5f2ff;color:#39326f;box-shadow:0 0 0 1px var(--studio-primary)}
 .workspace[data-view-role="student"] .op-option.selected .op-option-key{background:var(--studio-primary);border-color:var(--studio-primary);color:#fff}
 .workspace[data-view-role="student"] .op-option.correct{background:#effaf5;border-color:#78c9ab;color:#1d775d;box-shadow:none}
 .workspace[data-view-role="student"] .op-option.incorrect{background:#fff4ee;border-color:#edba9c;color:#a75f3e;box-shadow:none}
 .workspace[data-view-role="student"] .op-submission-summary{background:#f1faf6;border-color:#d5ebdf;color:#36745e;border-radius:11px}
 .workspace[data-view-role="student"] .op-view-result{color:#26765e;background:#fff;border-color:#c9e5d7}

 /* Analysis is a purposeful work area; the coloured indicators stay small. */
 .workspace[data-view-role="student"] .analysis-plan-one{background:#fff;color:var(--studio-copy)}
 .workspace[data-view-role="student"] .p1-sub-tabs-bar{background:#fff}
 .workspace[data-view-role="student"] .p1-sub-tabs{background:#f3f1fa;border:1px solid #ece8f6;border-radius:12px;padding:3px}
 .workspace[data-view-role="student"] .p1-sub-tab{color:#736b8b;font-weight:600}
 .workspace[data-view-role="student"] .p1-sub-tab.active{color:var(--studio-primary);background:#fff;box-shadow:0 2px 5px #3931640b;border-radius:9px}
 .workspace[data-view-role="student"] .p1-score-tile{background:var(--studio-primary);color:#fff;box-shadow:none;border-radius:13px}
 .workspace[data-view-role="student"] .p1-score-tile :is(b,strong){color:#fff}
 .workspace[data-view-role="student"] .p1-percentile-metric b{color:#198064}
 .workspace[data-view-role="student"] .tablet-analysis-meta{background:#faf9fe;border-color:#e8e3f4}
 .workspace[data-view-role="student"] .p1-q-num{background:#fff;color:#68617e;border-color:#e3deed;box-shadow:none}
 .workspace[data-view-role="student"] .p1-q-num.active{background:var(--studio-primary);border-color:var(--studio-primary);color:#fff}
 .workspace[data-view-role="student"] .p1-q-num.done{background:#e9f8f1;color:#278369;border-color:#cce8dc}
 .workspace[data-view-role="student"] .p1-panel-card{border-color:#e7e3f0;border-radius:13px;box-shadow:none}
 .workspace[data-view-role="student"] .p1-practice-tag{background:#fff0e6;border:1px solid #f9ddca;color:#ae653b;font-weight:600;border-radius:7px}
 .workspace[data-view-role="student"] :is(.p1-model-section,.p1-reason-section){border-color:#e7e3f0;border-radius:13px;background:#fff}
 .workspace[data-view-role="student"] .p1-model-head{background:#f8f6fe;border-color:#ebe6f5}
 .workspace[data-view-role="student"] :is(.p1-model-head h3,.p1-section-title,.p1-step-title-line b){color:#39344f;font-weight:650}
 .workspace[data-view-role="student"] .p1-step-num{background:#eeeaff;color:var(--studio-primary);border-radius:8px;font-weight:700}
 .workspace[data-view-role="student"] .p1-step-row{border-color:#eeeaf5}
 .workspace[data-view-role="student"] .p1-step-content p{font-size:15px;line-height:1.8}
 .workspace[data-view-role="student"] .p1-reason-item{min-height:48px;color:#57516e;border-color:#e7e2ef;border-radius:10px;background:#fff;font-weight:500}
 .workspace[data-view-role="student"] .p1-reason-item:hover{background:#faf8ff;border-color:#c2b8f6}
 .workspace[data-view-role="student"] .p1-reason-item.selected,
 .workspace[data-view-role="student"] .p1-reason-item.active{color:#4d42a8;background:#f1edff;border-color:#bdb0f5}
 .workspace[data-view-role="student"] .p1-model-summary{color:#6a617f;background:#f8f6fc;border-color:#ebe5f5;font-size:13px}
 .workspace[data-view-role="student"] .p1-info{color:#796b58;background:#fff8ef;border-color:#f1e2cd}

 /* The two written outcomes retain their own identity and existing upload workflow. */
 .workspace[data-view-role="student"] .os-content{color:var(--studio-copy);background:#fff}
 .workspace[data-view-role="student"] .os-summary-stepper{background:#fff}
 .workspace[data-view-role="student"] .os-step-flow-item.current{background:#f2eeff;border-color:transparent;box-shadow:inset 0 -2px var(--studio-primary)}
 .workspace[data-view-role="student"] .os-step-flow-item.current .os-step-flow-label{color:var(--studio-primary);font-weight:650}
 .workspace[data-view-role="student"] .os-step-flow-item.done .os-step-flow-label{color:#258369}
 .workspace[data-view-role="student"] .os-step-flow-label{color:#77708c;font-weight:600}
 .workspace[data-view-role="student"] .os-step-flow-check{background:#e4f7ee;color:#198064}
 .workspace[data-view-role="student"] :is(.os-upload-area,.os-upload-zone){border-color:#c9c0ef;background:#fdfcff;border-radius:15px;box-shadow:none}
 .workspace[data-view-role="student"] :is(.os-upload-area,.os-upload-zone):hover{background:#faf8ff;border-color:#8f80de}
 .workspace[data-view-role="student"] .os-camera-icon-wrap{background:#eeeaff;color:var(--studio-primary);border-radius:14px;box-shadow:none}
 .workspace[data-view-role="student"] .os-upload-title{color:#45405e;font-weight:650}
 .workspace[data-view-role="student"] :is(.os-suggestion-card,.os-tip-card,.os-question-card){border-color:#e8e3f1;background:#faf9fd;border-radius:13px;box-shadow:none}
 .workspace[data-view-role="student"] :is(.os-tip-title,.os-suggestion-title,.os-question-title){color:#433b61;font-weight:650}
 .workspace[data-view-role="student"] .os-recognition{background:#fff;border-color:#e8e3f1;border-radius:12px}
 .workspace[data-view-role="student"] .os-recognition>summary{color:#73668f;font-weight:600;min-height:48px}

 /* Spoken explanation uses the same controls without losing its recording state. */
 .workspace[data-view-role="student"] .ol-root{color:var(--studio-copy);font-family:inherit;background:#fff}
 .workspace[data-view-role="student"] :is(.ol-lecture-left,.ol-lecture-right){border-color:#e8e3f1;background:#fff}
 .workspace[data-view-role="student"] .ol-recorder-area{background:#faf9ff;border-color:#eee9f8}
 .workspace[data-view-role="student"] .ol-mic-btn:not(.ol-recording){
  background:var(--studio-primary);border-color:#e9e5ff;color:#fff;box-shadow:0 7px 18px #5956e826;
 }
 .workspace[data-view-role="student"] :is(.ol-hint-card,.ol-lecture-tip,.ol-q-card){border-color:#e8e3f1;background:#fff;border-radius:13px;box-shadow:none}
 .workspace[data-view-role="student"] :is(.ol-lecture-tip-title,.ol-q-title,.ol-hint-copy h3){color:#443b62;font-weight:650}
 .workspace[data-view-role="student"] .ol-timer{color:var(--studio-ink);font-weight:600;font-variant-numeric:tabular-nums}

 /* Result pages keep the quiet 104px scorebar, a single reading area and fixed actions. */
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined){background:#fff}
 .workspace[data-view-role="student"] :is(.os-result-scorebar,.ol-result-refined .ol-result-scorebar){background:#faf9ff;border-bottom-color:#e9e4f5;box-shadow:none}
 .workspace[data-view-role="student"] :is(.os-result-score,.ol-result-refined .ol-result-score) strong{color:var(--studio-ink);font-weight:700;letter-spacing:-1.5px}
 .workspace[data-view-role="student"] :is(.os-result-score,.ol-result-refined .ol-result-score)>span{color:#746a8d;font-size:12px;font-weight:600}
 .workspace[data-view-role="student"] :is(.os-result-score,.ol-result-refined .ol-result-score) small{color:#81778e}
 .workspace[data-view-role="student"] :is(.os-result-score,.ol-result-refined .ol-result-score) b{background:#eeebfa;color:#71638e;border-radius:6px}
 .workspace[data-view-role="student"] :is(.os-result-context,.os-result-position,.ol-result-refined .ol-result-context){border-color:#e5ddf1}
 .workspace[data-view-role="student"] :is(.os-result-context,.ol-result-refined .ol-result-context)>h2{color:#3b344f;font-weight:650}
 .workspace[data-view-role="student"] :is(.os-result-context,.ol-result-refined .ol-result-context)>span{color:#80748e}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .lf-rank-banner{color:#776d89;background:none}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .lf-rank-banner>span:not(.lf-demo){color:#776d89;font-size:12px}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .lf-rank-banner b{color:var(--studio-ink);font-weight:650}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .lf-rank-banner>span:nth-child(2)>b{color:#198064}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .lf-rank-banner .lf-demo{color:#82798f;font-size:11px}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-heading h3{color:var(--studio-ink);font-size:18px;font-weight:650}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-heading>span{color:#80768e;font-size:12px}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step-head h4{color:#3e3654;font-weight:650}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step-head h4 small{color:#82778d;font-size:12px}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step-head>i{color:#7c6aa4;background:#f1edfa;border-radius:9px}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-covered .ev-step-head>i{color:#267c60;background:#eaf7f0}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step-head>span{color:#4c7b68}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-coverage-score{color:#80738f;font-size:12px}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step blockquote{
  color:var(--studio-copy);background:none;border-left-color:#c3b8ee;font-size:15px;font-weight:500;
 }
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step blockquote>b{color:#83738f;font-size:12px}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step mark{color:inherit;background:none}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step-body>details>summary{color:#75628d;font-size:14px;font-weight:600}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-step-body>details p{color:var(--studio-copy);font-weight:500}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-key-issue{color:#6a587f;background:#f8f5fd;border-left-color:#b3a0dd}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-key-warning{color:#94613e;background:#fff8ef;border-left-color:#edb98e}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-trail-chip.is-covered{color:#257d63;background:#e8f7ef}
 .workspace[data-view-role="student"] :is(.os-result-workspace,.ol-result-refined) .ev-trail-chip.is-missing{color:#a56638;background:#fff0e1}
 .workspace[data-view-role="student"] :is(.os-result-actionbar,.ol-result-refined .ol-result-footer){background:#fff;border-top-color:#e9e4f5}
 .workspace[data-view-role="student"] .ol-result-refined .ol-result-footer .ol-primary{background:var(--studio-primary);border-color:var(--studio-primary);color:#fff}
 .workspace[data-view-role="student"] .ol-result-refined .ol-result-footer .ol-secondary{background:#fff;border-color:#ded6ec;color:#625075}
 .workspace[data-view-role="student"] :is(.os-result-tool,.ol-result-refined .ol-result-footer .ol-result-tool){color:#736185;font-weight:600}

 /* A student's report leads with learning outcomes rather than an admin dashboard. */
 .workspace[data-view-role="student"] .tablet-report-header h1{color:var(--studio-ink);font-weight:700;letter-spacing:-.3px}
 .workspace[data-view-role="student"] .tablet-report-header p{color:var(--studio-muted)}
 .workspace[data-view-role="student"] .tablet-report-status{color:#23785d;background:#e9f7f0;font-weight:600}
 .workspace[data-view-role="student"] .tablet-report-metrics{border-color:var(--studio-border);border-radius:17px;box-shadow:0 3px 12px #24244804}
 .workspace[data-view-role="student"] .tablet-report-metric{border-color:var(--studio-border)}
 .workspace[data-view-role="student"] .tablet-report-metric>span{color:#746b85;font-size:13px;font-weight:600}
 .workspace[data-view-role="student"] .tablet-report-metric strong{color:#343049;font-weight:700}
 .workspace[data-view-role="student"] .tablet-report-metric :is(p,strong small){color:#7c718a;font-weight:500}
 .workspace[data-view-role="student"] .tablet-report-metric.primary{background:#eeebff;border:0}
 .workspace[data-view-role="student"] .tablet-report-metric.primary>span{color:#7162a1}
 .workspace[data-view-role="student"] .tablet-report-metric.primary strong{color:var(--studio-primary)}
 .workspace[data-view-role="student"] .tablet-report-metric.primary :is(p,strong small){color:#796d94}
 .workspace[data-view-role="student"] .tablet-report-conclusions article{border-color:var(--studio-border);border-radius:16px;box-shadow:0 3px 12px #24244803}
 .workspace[data-view-role="student"] .tablet-report-conclusions article::before{background:var(--studio-orange);width:32px;height:4px}
 .workspace[data-view-role="student"] .tablet-report-conclusions article:last-child::before{background:var(--studio-green)}
 .workspace[data-view-role="student"] .tablet-report-section-label{color:#877a94;font-size:12px;font-weight:600}
 .workspace[data-view-role="student"] .tablet-report-conclusions h2{color:#3d3452;font-size:19px;font-weight:650}
 .workspace[data-view-role="student"] .tablet-report-conclusions p{color:var(--studio-copy);font-size:15px;font-weight:500}
 .workspace[data-view-role="student"] :is(.tablet-report-cause,.tablet-report-next-note){color:#756982;border-color:#ece7f3;font-size:14px}
 .workspace[data-view-role="student"] .tablet-report-archives{background:#fff;border-color:var(--studio-border);border-radius:16px}
 .workspace[data-view-role="student"] .tablet-report-archives h2{color:#524461;font-size:15px;font-weight:650}
 .workspace[data-view-role="student"] .tablet-report-archives>.row>span{color:#84768e}
 .workspace[data-view-role="student"] .tablet-report-records>button{background:#faf9fd;border-color:#e8e2f1;border-radius:11px;min-height:66px;color:#89759d}
 .workspace[data-view-role="student"] .tablet-report-records b{color:#544261;font-weight:650}
 .workspace[data-view-role="student"] .tablet-report-records small{color:#81718d}
 .workspace[data-view-role="student"] .tablet-report-records>button:hover{background:#f2edff;border-color:#ccc0eb;color:var(--studio-primary)}
 .workspace[data-view-role="student"] :is(.question-table td,.report-step,.insight-item,.tablet-report-originals>p){color:var(--studio-copy);font-size:14px;font-weight:500}
 .workspace[data-view-role="student"] .question-table th{background:#faf8fd;color:#7e6d8c;font-size:13px;font-weight:600}

 /* Evidence and references are consistent with the study surface, including native audio. */
 body:has(.workspace[data-view-role="student"]) .modal-backdrop{background:#24213f66;backdrop-filter:blur(5px)}
 body:has(.workspace[data-view-role="student"]) .modal{color:var(--studio-copy);background:#fff;border:1px solid #e8e3f2;border-radius:20px;box-shadow:0 24px 80px #211b4a2b}
 body:has(.workspace[data-view-role="student"]) .modal-head{border-color:var(--studio-border)}
 body:has(.workspace[data-view-role="student"]) .modal-head h2{color:var(--studio-ink);font-size:20px;font-weight:700}
 body:has(.workspace[data-view-role="student"]) .modal-head .icon-button{min-width:48px;min-height:48px;background:#f4f1fb;color:#756287;border-radius:11px}
 body:has(.workspace[data-view-role="student"]) .modal-body{color:var(--studio-copy);font-size:15px;font-weight:500;line-height:1.85}
 body:has(.workspace[data-view-role="student"]) .modal-body :is(.ol-evidence-modal,.ol-details-modal,.os-evaluation-details){color:var(--studio-copy);font-size:15px;font-weight:500}
 body:has(.workspace[data-view-role="student"]) .modal-body :is(.ol-evidence-modal,.ol-details-modal,.os-evaluation-details) h3{color:#43344f;font-weight:650}
 body:has(.workspace[data-view-role="student"]) .modal-body :is(.ol-transcript-box,.ol-q-stem,.ol-modal-advice p,.ev-step blockquote,.ev-step-body p){color:var(--studio-copy);font-weight:500}
 body:has(.workspace[data-view-role="student"]) .modal :is(.btn.primary,.os-btn-primary,.ol-primary){background:var(--studio-primary);border-color:var(--studio-primary);color:#fff;min-height:48px;border-radius:11px}
 body:has(.workspace[data-view-role="student"]) .oln-modal{background:#fff;border:1px solid var(--studio-border);border-radius:20px;color:var(--studio-copy);box-shadow:0 24px 80px #211b4a2b}
 body:has(.workspace[data-view-role="student"]) .oln-modal-header h2{font-size:20px;color:var(--studio-ink);font-weight:700}
 body:has(.workspace[data-view-role="student"]) .oln-modal-close{height:48px;width:48px;background:#f4f1fb;color:#756287;border-radius:11px}
 body:has(.workspace[data-view-role="student"]) .oln-knowledge-tabs button{min-height:48px;border-radius:10px;border-color:#e3dced;color:#78648a;font-weight:600}
 body:has(.workspace[data-view-role="student"]) .oln-knowledge-tabs button.is-active{background:var(--studio-primary);border-color:var(--studio-primary);color:#fff}
 body:has(.workspace[data-view-role="student"]) .oln-knowledge-card{border-color:#e8e1f0;border-radius:14px}
 body:has(.workspace[data-view-role="student"]) .oln-knowledge-card h3{color:#4d3c69;font-weight:700}
 body:has(.workspace[data-view-role="student"]) .oln-knowledge-card p{color:var(--studio-copy);font-size:15px;font-weight:500}
 body:has(.workspace[data-view-role="student"]) .oln-knowledge-example{color:#6a5281;background:#f6f2fc}
 body:has(.workspace[data-view-role="student"]) .oln-confirm{min-height:48px;border-radius:10px;background:var(--studio-primary);border-color:var(--studio-primary);font-weight:600}
 body:has(.workspace[data-view-role="student"]) .oln-confirm[aria-pressed="true"]{background:#e9f7f0;border-color:#bde0d2;color:#24765c}
 body:has(.workspace[data-view-role="student"]) :is(.oln-modal-note,.oln-item-info p){color:#81728f}
 body:has(.workspace[data-view-role="student"]) #toast{background:#302944;border-radius:12px;font-size:14px;font-weight:500}
}

@media screen and (min-width:900px) and (max-width:1100px){
 .workspace[data-view-role="student"] .main{padding-left:16px;padding-right:16px}
 .workspace[data-view-role="student"] .tablet-lesson-heading h1{font-size:23px}
 .workspace[data-view-role="student"] .stepper{gap:7px}
 .workspace[data-view-role="student"] .step-button{padding:7px 8px;gap:7px}
 .workspace[data-view-role="student"] .step-button .step-info b{font-size:13px}
 .workspace[data-view-role="student"] .step-button .step-letter{width:30px;font-size:19px}
 .workspace[data-view-role="student"] .tablet-tool-button{padding:9px 10px}
 .workspace[data-view-role="student"] .tablet-lesson-actions{gap:6px}
}
@media screen and (min-width:900px) and (prefers-reduced-motion:reduce){
 .workspace[data-view-role="student"] :is(button,a,details),
 body:has(.workspace[data-view-role="student"]) .rail-item{transition:none;animation:none}
}