/* One task per tablet workspace. The document stays still; evidence panes scroll. */
@media screen and (min-width:900px){
 .workspace[data-view-role="student"] :is(.oln-root,.os-content,.ol-root){height:100%;min-height:0;max-height:100%;overflow:hidden;box-sizing:border-box}
 .workspace[data-view-role="student"] :is(.oln-root,.os-content,.ol-root) :is(button,summary){touch-action:manipulation}
 .workspace[data-view-role="student"] :is(.oln-root,.os-content,.ol-root) :is(p,textarea){font-size:15px}
 .workspace[data-view-role="student"] :is(.oln-root,.os-content,.ol-root) :is(button,summary):focus-visible{outline:3px solid #ffad8c;outline-offset:-3px}

 /* Learn: the entire playback stage and its main tools stay in view. */
 .workspace[data-view-role="student"] .oln-root{display:flex;flex-direction:column;gap:8px}
 .workspace[data-view-role="student"] .oln-content{height:auto;min-height:0;max-height:none;flex:1;box-shadow:0 7px 22px #172b6512;border-radius:15px;overflow:hidden}
 .workspace[data-view-role="student"] .oln-video-area{min-height:0;flex:1}
 .workspace[data-view-role="student"] .oln-video-overlay{padding:24px 32px}
 .workspace[data-view-role="student"] .oln-course-title{font-size:32px;margin-bottom:14px}
 .workspace[data-view-role="student"] .oln-course-label{font-size:14px;margin-bottom:12px}
 .workspace[data-view-role="student"] .oln-instructor-tag{font-size:14px;margin-bottom:9px}
 .workspace[data-view-role="student"] .oln-instructor-info{font-size:14px;line-height:1.7}
 .workspace[data-view-role="student"] .oln-video-controls{height:56px;min-height:56px;padding:4px 14px;gap:12px}
 .workspace[data-view-role="student"] .oln-bottom-bar{min-height:64px;padding:8px 12px;gap:8px;flex-wrap:nowrap}
 .workspace[data-view-role="student"] .oln-bottom-btn{padding:10px 12px;min-height:48px;font-size:14px!important}
 .workspace[data-view-role="student"] .oln-complete{padding:11px 17px;min-height:48px;font-size:15px!important}
 .workspace[data-view-role="student"] .oln-progress-note{font-size:14px}
 .workspace[data-view-role="student"] .oln-learning-details{flex:none;min-height:48px;border:1px solid #dfe6f8;border-radius:12px;background:#fff;overflow:hidden}
 .workspace[data-view-role="student"] .oln-learning-details>summary{min-height:48px;padding:11px 16px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;color:#4c6494;cursor:pointer;list-style:none}
 .workspace[data-view-role="student"] .oln-learning-details>summary::before{content:"›";font-size:22px;color:#7f96c6;line-height:1}
 .workspace[data-view-role="student"] .oln-learning-details[open]>summary::before{transform:rotate(90deg)}
 .workspace[data-view-role="student"] .oln-learning-details>summary>span{margin-left:auto;font-weight:400;color:#8a9bb9}
 .workspace[data-view-role="student"] .oln-learning-detail-body{max-height:140px;overflow:auto;padding:0 14px 10px;overscroll-behavior:contain}
 .workspace[data-view-role="student"] .oln-learning-detail-body .oln-segment-strip{padding:4px 0 6px}
 .workspace[data-view-role="student"] .oln-learning-detail-body .oln-demo-note{font-size:13px!important;margin:3px 0}
 .workspace[data-view-role="student"] .oln-learning-detail-body .oln-learning-states{padding:4px 0;gap:10px}
 .workspace[data-view-role="student"] .oln-modal{max-height:calc(100dvh - 32px);overflow:auto}

 /* Summary: compact sub-step bar, references left, original and text side by side. */
 .workspace[data-view-role="student"] .os-content{display:flex;flex-direction:column;border-radius:15px;box-shadow:none}
 .workspace[data-view-role="student"] .os-summary-stepper{min-height:56px;max-height:56px;flex:none;justify-content:flex-start;margin:0;padding:4px 28px 0;gap:4px;box-sizing:border-box;background:#fff;border-bottom:1px solid #e8edf5}
 .workspace[data-view-role="student"] .os-step-flow-item{min-height:48px;height:48px;padding:8px 18px;gap:8px;border-radius:0;background:transparent}
 .workspace[data-view-role="student"] .os-step-flow-dot{width:20px;height:20px;border-radius:50%;border:0;background:#f0f3f8;font-size:11px;box-shadow:none}
 .workspace[data-view-role="student"] .os-step-flow-label{font-size:14px;font-weight:500}
 .workspace[data-view-role="student"] .os-summary-stepper .os-step-flow-arrow{display:none}
 .workspace[data-view-role="student"] .os-summary-stepper .os-step-flow-item.done .os-step-flow-dot{background:#e6f4ed;color:#39a181;border:0;box-shadow:none}
 .workspace[data-view-role="student"] .os-summary-stepper .os-step-flow-item.active .os-step-flow-dot{background:#eaf0fe;color:#315cf5;border:0;box-shadow:none}
 .workspace[data-view-role="student"] .os-summary-stepper .os-step-flow-item.done .os-step-flow-label{color:#8798af}
 .workspace[data-view-role="student"] .os-summary-layout.os-input-view{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;flex:1;min-height:0;overflow:hidden;padding:12px}
 .workspace[data-view-role="student"] .os-summary-layout.os-input-view:has(>.os-stage-notice){grid-template-rows:48px minmax(0,1fr)}
 .workspace[data-view-role="student"] .os-stage-notice{grid-column:1/-1;min-height:48px;padding:0 12px;gap:8px;font-size:14px;border-radius:10px}
 .workspace[data-view-role="student"] .os-stage-notice .os-btn{min-height:48px;padding:6px 0;font-size:14px;white-space:normal}
 .workspace[data-view-role="student"] .os-left-panel{width:auto;min-height:0;gap:10px;overflow:auto;overscroll-behavior:contain}
 .workspace[data-view-role="student"] :is(.os-task-guide,.os-learning-reference,.os-fill-reference){flex:none;border:1px solid #e0e7f8;border-radius:11px;overflow:hidden;background:#fff}
 .workspace[data-view-role="student"] .os-task-guide>summary{background:#315cf5;color:#fff}
 .workspace[data-view-role="student"] :is(.os-task-guide,.os-learning-reference,.os-fill-reference)>summary{min-height:48px;padding:11px 13px;box-sizing:border-box;font-size:14px;font-weight:650;cursor:pointer}
 .workspace[data-view-role="student"] .os-task-guide .os-tip-card{padding:16px;border:0;border-radius:0;box-shadow:none;background:#eef3ff}
 .workspace[data-view-role="student"] .os-tip-card::before,.workspace[data-view-role="student"] .os-tip-card::after{display:none}
 .workspace[data-view-role="student"] .os-task-guide .os-tip-title{font-size:17px;color:#304c8a;margin-bottom:8px}
 .workspace[data-view-role="student"] .os-task-guide .os-tip-desc{font-size:14px;color:#6e82a7;line-height:1.8}
 .workspace[data-view-role="student"] .os-suggest-box{padding:12px}
 .workspace[data-view-role="student"] .os-suggest-title{font-size:15px}
 .workspace[data-view-role="student"] .os-suggest-item{font-size:14px;padding:4px 0;line-height:1.8}
 .workspace[data-view-role="student"] .os-fill-note{margin:0;border:0;border-radius:0;padding:13px;font-size:14px}
 .workspace[data-view-role="student"] .os-question-list{flex:none;gap:10px;min-height:0}
 .workspace[data-view-role="student"] .os-question-choice-hint{font-size:14px}
 .workspace[data-view-role="student"] .os-q-card{padding:13px;border-radius:11px}
 .workspace[data-view-role="student"] .os-q-title{font-size:16px}
 .workspace[data-view-role="student"] .os-q-stem{font-size:14px;line-height:1.75}
 .workspace[data-view-role="student"] .os-q-answer-row{font-size:14px}
 .workspace[data-view-role="student"] .os-right-panel{display:flex;flex-direction:column;padding:12px;min-height:0;overflow:hidden;border-radius:13px}
 .workspace[data-view-role="student"] .os-work-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);gap:12px;flex:1;min-height:0;overflow:hidden}
 .workspace[data-view-role="student"] :is(.os-paper-zone,.os-text-zone){min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5d2ee transparent}
 .workspace[data-view-role="student"] .os-paper-zone{display:flex;flex-direction:column;gap:8px}
 .workspace[data-view-role="student"] .os-image-preview{min-height:240px;flex:1}
 .workspace[data-view-role="student"] .os-preview-header{min-height:48px;height:48px;margin:0 0 6px;gap:8px;flex:none}
 .workspace[data-view-role="student"] .os-preview-title{font-size:17px}
 .workspace[data-view-role="student"] .os-preview-img-wrap{min-height:180px;flex:1;padding:12px;border-radius:10px}
 .workspace[data-view-role="student"] .os-preview-img-wrap{position:relative}
 .workspace[data-view-role="student"] .os-preview-img-wrap>.os-preview-img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;max-height:none;object-fit:contain;box-shadow:none}
 .workspace[data-view-role="student"] .os-preview-img{max-height:280px;object-fit:contain;max-width:100%}
 .workspace[data-view-role="student"] .os-upload-area{flex:1;min-height:250px;padding:18px 14px;border-radius:11px}
 .workspace[data-view-role="student"] .os-camera-icon-wrap{width:70px;height:70px;border-radius:20px}
 .workspace[data-view-role="student"] .os-camera-icon{width:36px;height:36px}
 .workspace[data-view-role="student"] .os-upload-title{font-size:19px;margin-top:17px}
 .workspace[data-view-role="student"] .os-upload-desc{font-size:14px;line-height:1.8}
 .workspace[data-view-role="student"] .os-notes-strip{margin:0;gap:6px;flex:none}
 .workspace[data-view-role="student"] .os-note-item{padding:7px;gap:8px}
 .workspace[data-view-role="student"] .os-note-thumb{min-width:48px;width:48px;min-height:54px;height:54px}
 .workspace[data-view-role="student"] .os-upload-tools{margin:0;min-height:48px;flex:none;flex-wrap:wrap;gap:0 10px}
 .workspace[data-view-role="student"] .os-upload-tools>span{font-size:13px}
 .workspace[data-view-role="student"] .os-upload-tools .os-btn{padding:7px 0}
 .workspace[data-view-role="student"] .os-text-zone{display:flex;flex-direction:column;gap:8px}
 .workspace[data-view-role="student"] .os-recognition{margin:0;flex:none;overflow:visible}
 .workspace[data-view-role="student"] .os-recognition[open]{display:flex;flex-direction:column;flex:1;min-height:270px;overflow:hidden}
 .workspace[data-view-role="student"] .os-recognition>summary{min-height:48px;padding:11px 12px;font-size:14px;flex:none}
 .workspace[data-view-role="student"] .os-recognition-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px;overflow:auto}
 .workspace[data-view-role="student"] .os-recognition-body p{font-size:14px;line-height:1.7;margin:0 0 7px}
 .workspace[data-view-role="student"] .os-recognition-body label{font-size:14px}
 .workspace[data-view-role="student"] .os-recognition textarea{flex:1;min-height:110px;resize:vertical;padding:10px;font-size:15px;line-height:1.8}
 .workspace[data-view-role="student"] .os-recognition-footer{font-size:13px;flex-wrap:wrap;gap:3px}
 .workspace[data-view-role="student"] .os-recognition-footer .os-btn{min-height:48px;padding:7px 0}
 .workspace[data-view-role="student"] .os-back-analysis{margin:0;min-height:48px;flex:none;align-self:flex-start;white-space:normal;text-align:left}
 .workspace[data-view-role="student"] .os-bottom-bar{flex:none;min-height:64px;margin:10px 0 0;padding:10px 0 0;gap:12px}
 .workspace[data-view-role="student"] .os-hint-text{font-size:14px;line-height:1.7}
 .workspace[data-view-role="student"] .os-bottom-bar .os-btn{min-height:48px;margin:0}
 .workspace[data-view-role="student"] .os-binding-note{padding:10px;font-size:14px;flex:none}

 /* Summary result: a quiet score strip, one full-width reading pane, one action row. */
 .workspace[data-view-role="student"] .os-summary-layout.os-result-workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:104px minmax(0,1fr) 72px;gap:0;flex:1;min-height:0;padding:0;overflow:hidden;border-top:1px solid #e9edf5;background:#fff}
 .workspace[data-view-role="student"] .os-result-scorebar{display:grid;grid-template-columns:185px minmax(150px,1fr) 240px;align-items:center;gap:22px;padding:12px 28px;background:#f8fafe;border-bottom:1px solid #e3e9f2;min-width:0;min-height:0;overflow:hidden}
 .workspace[data-view-role="student"] .os-score-caption{display:block;color:#7384a1;font-size:13px;line-height:1.6;letter-spacing:.04em}
 .workspace[data-view-role="student"] .os-result-score>div{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
 .workspace[data-view-role="student"] .os-result-score strong{font:750 44px/1.15 Arial,sans-serif;letter-spacing:-.045em;color:#172b65;font-variant-numeric:tabular-nums}
 .workspace[data-view-role="student"] .os-score-unit{color:#a0adc3;font-size:14px}
 .workspace[data-view-role="student"] .os-result-level{margin-left:5px;font-size:12px;color:#7287ab}
 .workspace[data-view-role="student"] .os-result-context{min-width:0;padding-left:22px;border-left:1px solid #dfe6f1}
 .workspace[data-view-role="student"] .os-result-context>b{display:block;color:#31476d;font-size:15px;font-weight:650;line-height:1.45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .workspace[data-view-role="student"] .os-result-state{display:inline-block;color:#319782;font-size:13px;line-height:1.7;margin-top:6px}
 .workspace[data-view-role="student"] .os-result-state.warn{color:#b47a48}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-learning-trail{display:flex;flex-direction:column;gap:4px;width:max-content;max-width:100%;margin-top:7px;animation:os-trail-arrive 180ms ease-out both}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-caption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:11px;line-height:1.5;color:#8d9eb7}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-caption>b{font-size:11px;font-weight:550;color:#6a839f;white-space:nowrap}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-caption small{font-size:10px;font-weight:400;color:#a2b0c5}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-items{display:flex;align-items:center;gap:4px;min-width:0}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-chip{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 6px;border-radius:6px;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;letter-spacing:.01em}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-chip.is-covered{background:#e5f6ed;color:#248775}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-chip.is-missing{background:#fff0dc;color:#a9752e}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-chip>i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7}
 .workspace[data-view-role="student"] .os-result-scorebar .ev-trail-chip.is-missing>i{background:transparent;border:1px solid currentColor;box-sizing:border-box}
 .workspace[data-view-role="student"] .os-result-position{display:grid;grid-template-columns:1fr 1fr;gap:3px 18px;padding-left:22px;border-left:1px solid #dfe6f1;min-width:0}
 .workspace[data-view-role="student"] .os-result-position>div>span{display:block;font-size:12px;line-height:1.6;color:#8191ac;margin-bottom:3px}
 .workspace[data-view-role="student"] .os-result-position :is(.os-rank-num,.os-percentile){font:650 23px/1.2 Arial,sans-serif;color:#2e456b;white-space:nowrap;letter-spacing:-.025em}
 .workspace[data-view-role="student"] .os-result-position .os-percentile{color:#1d9d87}
 .workspace[data-view-role="student"] .os-result-position b>small{font-family:inherit;font-size:12px;line-height:1;font-weight:400;letter-spacing:0;margin-left:4px;color:#8798b4}
 .workspace[data-view-role="student"] .os-result-position .os-percentile>small{color:#6baea1}
 .workspace[data-view-role="student"] .os-position-sample{grid-column:1/-1;color:#99a6bc;font-size:11px;line-height:1.6;margin-top:2px;white-space:nowrap}
 .workspace[data-view-role="student"] .os-result-original{display:flex;align-items:center;gap:9px;min-width:0;min-height:60px;padding:0;border:0;background:transparent;color:#45648d;text-align:left;font:600 14px/1.6 inherit;cursor:pointer}
 .workspace[data-view-role="student"] .os-original-thumb{display:block;flex:none;width:40px;height:54px;overflow:hidden;background:#fff;border:1px solid #dfe6f1;border-radius:3px;box-shadow:0 3px 8px #213b6510}
 .workspace[data-view-role="student"] .os-original-thumb>:is(img,.os-paper){display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:0;box-shadow:none}
 .workspace[data-view-role="student"] .os-result-original>span>small{display:block;font-size:11px;font-weight:400;color:#95a4bc;margin-top:3px}
 .workspace[data-view-role="student"] .os-original-arrow{font-size:18px;font-weight:400;color:#8ca0c0;margin-left:auto}
 .workspace[data-view-role="student"] .os-evaluation-main.os-result-reading{grid-column:1;grid-row:2;min-height:0;overflow:auto;padding:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5d2e5 transparent;background:linear-gradient(90deg,#fbfcff 0,#fff 8%,#fff 92%,#fbfcff 100%)}
 .workspace[data-view-role="student"] .os-result-reading-inner{max-width:1100px;min-width:0;margin:0 auto;padding:18px 30px 22px}
 .workspace[data-view-role="student"] .os-result-secondary{display:flex;align-items:center;gap:19px;min-width:0}
 .workspace[data-view-role="student"] .os-result-details-trigger{min-height:48px;padding:8px 0;color:#627da9;font-size:13px;font-weight:500;white-space:nowrap;text-align:left}
 .workspace[data-view-role="student"] .os-result-actionbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:11px 28px;border-top:1px solid #e3e9f2;background:#fff;box-shadow:0 -4px 18px #19366004}
 .workspace[data-view-role="student"] .os-result-progress{font-size:13px;color:#96a3b9;white-space:nowrap;line-height:1.8}
 .workspace[data-view-role="student"] .os-result-progress>b{font:650 17px/1 Arial,sans-serif;color:#597496;margin:0 2px}
 .workspace[data-view-role="student"] .os-result-actionbar .os-feedback-actions{display:flex;flex-direction:row;align-items:center;flex:none;gap:10px;margin:0;padding:0;border:0;min-width:0}
 .workspace[data-view-role="student"] .os-result-actionbar .os-feedback-actions .os-btn{min-height:48px;padding:10px 17px;font-size:14px;font-weight:600;flex:none;margin:0;border-radius:9px;white-space:nowrap}
 .workspace[data-view-role="student"] .os-result-actionbar .os-btn-secondary{border-color:#dbe4f2;background:#fff;color:#607ba3;box-shadow:none}
 .workspace[data-view-role="student"] .os-result-actionbar .os-btn-primary{box-shadow:0 4px 10px #315cf518}
 .workspace[data-view-role="student"] .os-summary-stepper .os-step-flow-item.current{box-shadow:inset 0 -2px #315cf5;background:transparent}
 .workspace[data-view-role="student"] .os-summary-stepper .os-step-flow-item.current .os-step-flow-label{color:#315cf5;font-weight:650}
 .workspace[data-view-role="student"] .ev-heading{margin-bottom:10px}
 .workspace[data-view-role="student"] .ev-heading h3{font-size:18px}
 .workspace[data-view-role="student"] .ev-key-issue{padding:11px 13px;margin-bottom:10px;font-size:14px;line-height:1.75}
 .workspace[data-view-role="student"] .ev-steps:has(>details.ev-step){gap:8px}
 .workspace[data-view-role="student"] .ev-steps>details.ev-step>summary.ev-step-head{min-height:58px;padding:10px 13px;gap:11px}
 .workspace[data-view-role="student"] .ev-step-head>i{width:32px;height:32px;font-size:16px;border-radius:9px}
 .workspace[data-view-role="student"] .ev-step-head h4{font-size:16px}
 .workspace[data-view-role="student"] .ev-step-body{padding:0 13px 13px 56px}
 .workspace[data-view-role="student"] .ev-step blockquote{padding:10px 12px;font-size:14px}
 .workspace[data-view-role="student"] .ev-standard-issue{padding:12px;font-size:14px}
 .workspace[data-view-role="student"] .ev-step details p{font-size:14px}
 .workspace[data-view-role="student"] .ev-demo-note{font-size:13px;margin-top:10px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-heading{margin-bottom:13px;gap:18px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-heading h3{font-size:19px;font-weight:650;line-height:1.5;color:#233e70}
 .workspace[data-view-role="student"] .os-result-workspace .ev-heading>span{font-size:12px;background:transparent;padding:0;color:#92a1b9;white-space:nowrap}
 .workspace[data-view-role="student"] .os-result-workspace .ev-teacher-mark{width:32px;height:32px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-key-issue{margin:0 0 14px;padding:9px 12px;border-left:2px solid #d3a96c;border-radius:0;background:#fcf8f1;font-size:14px;line-height:1.75;color:#8c744d}
 .workspace[data-view-role="student"] .os-result-workspace .ev-steps:has(>details.ev-step){border:0;border-top:1px solid #e2e8f0;border-radius:0;overflow:visible;background:transparent}
 .workspace[data-view-role="student"] .os-result-workspace .ev-steps>details.ev-step{padding:0;border:0;border-bottom:1px solid #e5ebf2;border-radius:0;background:transparent;box-shadow:none}
 .workspace[data-view-role="student"] .os-result-workspace .ev-steps>details.ev-step+details.ev-step{border-top:0}
 .workspace[data-view-role="student"] .os-result-workspace .ev-steps>details.ev-step[open]{background:transparent}
 .workspace[data-view-role="student"] .os-result-workspace .ev-steps>details.ev-step>summary.ev-step-head{min-height:55px;padding:10px 0;gap:12px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step-head h4{font-size:16px;font-weight:600;color:#405d85}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step-head h4 small{font-size:11px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step-head>i{width:29px;height:29px;border-radius:8px;font-size:13px;background:#eef3fa;color:#7591bc}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step-head>span{font-size:12px;font-weight:400;color:#5b9a88}
 .workspace[data-view-role="student"] .os-result-workspace .ev-missing .ev-step-head>span,.workspace[data-view-role="student"] .os-result-workspace .ev-needs-review .ev-step-head>span{color:#bb8b55}
 .workspace[data-view-role="student"] .os-result-workspace .ev-steps>details.ev-step>summary.ev-step-head::after{font-size:16px;color:#9aaac1;margin-left:8px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step-body{padding:0 0 17px 41px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-knowledge .ev-step-body{padding-left:0}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step blockquote{background:#f6f8fc;border:0;border-left:2px solid #c5d8e4;border-radius:0;padding:11px 14px;margin:0;font-size:15px;line-height:1.9;color:#55708f}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step blockquote>b{font-size:11px;color:#95a6bb;margin-bottom:4px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step mark{background:transparent;color:inherit;padding:0}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step details{margin:3px 0 0}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step details>summary{min-height:48px;padding:8px 0;font-size:13px;color:#8599b4}
 .workspace[data-view-role="student"] .os-result-workspace .ev-step details p{font-size:14px;color:#5c7593;line-height:1.9}
 .workspace[data-view-role="student"] .os-result-workspace .ev-standard-issue{background:#fcf8f1;border:0;border-left:2px solid #e2be8e;border-radius:0;padding:11px 14px;font-size:14px;line-height:1.8;margin:0 0 10px}
 .workspace[data-view-role="student"] .os-result-workspace .ev-demo-note{display:none}

 /* Lecture input: compact prompt, scrollable questions, 220px voice stage. */
 .workspace[data-view-role="student"] .ol-lecture-layout{height:100%;min-height:0;max-height:100%;padding:12px;gap:12px;grid-template-columns:300px minmax(0,1fr);align-items:stretch;overflow:hidden}
 .workspace[data-view-role="student"] .ol-lecture-left{height:100%;min-height:0;overflow:hidden;gap:10px}
 .workspace[data-view-role="student"] .ol-lecture-tip-card{padding:0;border-radius:12px;flex:none;overflow:hidden;max-height:240px}
 .workspace[data-view-role="student"] .ol-lecture-tip-card::after{display:none}
 .workspace[data-view-role="student"] .ol-lecture-tip-title{min-height:48px;display:flex;align-items:center;font-size:16px!important;line-height:1.65;padding:10px 13px;margin:0!important;cursor:pointer}
 .workspace[data-view-role="student"] .ol-lecture-tip-title::before{content:"›";margin-right:8px;font-size:22px;line-height:1;color:#c18d72}
 .workspace[data-view-role="student"] .ol-lecture-tip-card[open] .ol-lecture-tip-title::before{transform:rotate(90deg)}
 .workspace[data-view-role="student"] .ol-task-copy{max-height:180px;overflow:auto;padding:0 13px 13px}
 .workspace[data-view-role="student"] .ol-lecture-tip-desc{font-size:14px;line-height:1.8}
 .workspace[data-view-role="student"] .ol-question-list{flex:1;min-height:80px;max-height:none;overflow:auto;gap:10px;overscroll-behavior:contain}
 .workspace[data-view-role="student"] .ol-q-card{padding:14px;border-radius:11px}
 .workspace[data-view-role="student"] .ol-q-title{font-size:16px}
 .workspace[data-view-role="student"] .ol-q-stem{font-size:15px;line-height:1.8}
 .workspace[data-view-role="student"] .ol-q-answer-row{font-size:14px;line-height:1.8}
 .workspace[data-view-role="student"] .ol-lecture-hint-box{flex:none;max-height:240px;padding:0;border-radius:12px;border-top-width:2px;overflow:auto}
 .workspace[data-view-role="student"] .ol-lecture-hint-box>summary{min-height:48px;padding:10px 13px;font-size:15px;font-weight:650;color:#637fae;cursor:pointer}
 .workspace[data-view-role="student"] .ol-hint-copy{padding:0 13px 13px}
 .workspace[data-view-role="student"] .ol-hint-copy p{font-size:14px;line-height:1.85;color:#7389ad}
 .workspace[data-view-role="student"] .ol-lecture-right{display:flex;flex-direction:column;min-height:0;height:100%;align-self:stretch;overflow:hidden;border-radius:14px}
 .workspace[data-view-role="student"] .ol-lecture-right>.ol-recorder-area{height:220px;min-height:220px;max-height:220px;flex:none;padding:15px 23px;grid-template-columns:100px minmax(0,1fr);column-gap:22px;row-gap:2px;box-sizing:border-box}
 .workspace[data-view-role="student"] .ol-mic-btn{width:90px;height:90px;border-width:5px}
 .workspace[data-view-role="student"] .ol-mic-icon{width:35px;height:49px}
 .workspace[data-view-role="student"] .ol-recorder-title{font-size:22px!important;line-height:1.45}
 .workspace[data-view-role="student"] .ol-recorder-desc{font-size:14px;line-height:1.7}
 .workspace[data-view-role="student"] .ol-recorder-timer{font-size:27px;margin-top:1px;line-height:1.3}
 .workspace[data-view-role="student"] .ol-upload-audio{min-height:48px;margin-top:3px;padding:10px 14px;font-size:14px!important}
 .workspace[data-view-role="student"] .ol-recorder-area>.ol-small-note{grid-row:5;margin-top:4px;font-size:13px!important}
 .workspace[data-view-role="student"] .ol-saved-audio{flex:none;max-height:148px;overflow:auto;margin:8px 12px 0;border:1px solid #e0e7f8;border-radius:10px;background:#f7faff}
 .workspace[data-view-role="student"] .ol-saved-audio>summary{min-height:48px;padding:11px 13px;box-sizing:border-box;font-size:14px;font-weight:650;color:#637ca5;cursor:pointer}
 .workspace[data-view-role="student"] .ol-saved-audio .ol-audio-saved{margin:0;border:0;border-top:1px solid #e3eafa;border-radius:0;padding:9px 12px;background:#f0f5ff}
 .workspace[data-view-role="student"] .ol-saved-audio .ol-audio-preview{height:40px;margin-top:6px}
 .workspace[data-view-role="student"] .ol-saved-audio .ol-audio-links{gap:12px;margin:0}
 .workspace[data-view-role="student"] .ol-binding-note{flex:none;max-height:148px;overflow:auto;margin:8px 12px 0;padding:0;font-size:14px}
 .workspace[data-view-role="student"] .ol-binding-note>summary{min-height:48px;padding:11px 13px;font-size:14px;box-sizing:border-box;cursor:pointer;font-weight:650}
 .workspace[data-view-role="student"] .ol-binding-copy{padding:0 12px 12px}
 .workspace[data-view-role="student"] .ol-binding-copy p{font-size:14px;line-height:1.8}
 .workspace[data-view-role="student"] .ol-lecture-right>.ol-transcript-check{flex:1;min-height:48px;margin:8px 12px 0;overflow:auto;border-radius:10px;overscroll-behavior:contain;align-self:stretch;width:auto;max-width:none}
 .workspace[data-view-role="student"] .ol-lecture-right>.ol-transcript-check:not([open]){flex:none;height:48px}
 .workspace[data-view-role="student"] .ol-transcript-check>summary{min-height:48px;padding:11px 13px;font-size:15px}
 .workspace[data-view-role="student"] .ol-transcript-check-body{padding:0 12px 9px}
 .workspace[data-view-role="student"] .ol-transcript-check-body>label{font-size:14px;margin:7px 0 5px}
 .workspace[data-view-role="student"] .ol-transcript-input{min-height:100px;height:115px;padding:10px;font-size:15px;line-height:1.8;resize:vertical}
 .workspace[data-view-role="student"] .ol-check-bottom{min-height:48px}
 .workspace[data-view-role="student"] .ol-transcript-check-body>.ol-small-note{margin:0;font-size:13px!important}
 .workspace[data-view-role="student"] .ol-lecture-right>.ol-lecture-bottom-bar{display:flex;flex:none;min-height:66px;box-sizing:border-box;margin:auto 0 0;padding:8px 14px;border-top:1px solid #e6ecf8;gap:12px;align-items:center}
 .workspace[data-view-role="student"] .ol-lecture-bottom-bar>.ol-primary{min-height:48px;margin:0;padding:11px 22px;flex:none}
 .workspace[data-view-role="student"] .ol-lecture-bottom-bar>.ol-lecture-hint-line{margin:0;padding:0;font-size:14px;flex:1}

 /* Lecture results: the five-step diagnosis and source review scroll separately. */
 .workspace[data-view-role="student"] .ol-result-view{height:100%;min-height:0;max-height:100%;display:grid;grid-template-rows:150px minmax(0,1fr) 64px;gap:12px;padding:12px;overflow:hidden;box-sizing:border-box}
 .workspace[data-view-role="student"] .ol-score-banner{padding:13px 18px;gap:20px;border-radius:12px;min-height:0;overflow:auto}
 .workspace[data-view-role="student"] .ol-grade-hero{width:170px;display:flex;flex-direction:row;align-items:center;gap:14px;flex:none}
 .workspace[data-view-role="student"] .ol-grade-circle{width:72px;height:72px;border-radius:17px;transform:none;flex:none}
 .workspace[data-view-role="student"] .ol-grade-circle>*{transform:none}
 .workspace[data-view-role="student"] .ol-grade-letter{font-size:32px}
 .workspace[data-view-role="student"] .ol-grade-label{font-size:11px;margin-top:4px;line-height:1.4}
 .workspace[data-view-role="student"] .ol-grade-score{font-size:14px;line-height:1.7}
 .workspace[data-view-role="student"] .ol-score-title{font-size:21px!important;line-height:1.45!important}
 .workspace[data-view-role="student"] .ol-score-subtitle{font-size:14px!important;line-height:1.7!important;margin-bottom:8px!important}
 .workspace[data-view-role="student"] .ol-score-banner .lf-rank-banner{padding:7px 10px;margin-top:8px;gap:10px;font-size:13px;line-height:1.6;border-radius:8px}.workspace[data-view-role="student"] .ol-score-banner .lf-rank-banner b{font-size:18px;white-space:nowrap}
 .workspace[data-view-role="student"] .ol-result-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;min-height:0;overflow:hidden}
 .workspace[data-view-role="student"] .ol-five-main{min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px}
 .workspace[data-view-role="student"] .ol-review-scroll{min-height:0;overflow:auto;overscroll-behavior:contain}
 .workspace[data-view-role="student"] .ol-result-layout{display:flex;flex-direction:column;gap:10px}
 .workspace[data-view-role="student"] :is(.ol-result-left,.ol-result-right){width:100%;max-width:none;padding:12px;border-radius:11px;gap:10px}
 .workspace[data-view-role="student"] .ol-result-review .ol-result-section-card{padding:12px;border-radius:9px}
 .workspace[data-view-role="student"] .ol-result-section-card>h3{font-size:16px!important}
 .workspace[data-view-role="student"] .ol-result-section-text{font-size:14px;line-height:1.8}
 .workspace[data-view-role="student"] .ol-result-question-card{padding:12px;gap:10px;border-radius:9px}
 .workspace[data-view-role="student"] .ol-result-actions.ol-result-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:64px;margin:0;padding:8px 0 0;border-top:1px solid #e0e7f8}
 .workspace[data-view-role="student"] .ol-result-footer .ol-btn{min-height:48px;margin:0}
}

/* Result details live in the shared modal, outside the classroom workspace. */
.os-evaluation-details{color:#607591;line-height:1.85;min-width:0;font-size:14px}
.os-evaluation-details :is(h3,p){margin:0}
.os-evaluation-details h3{font-size:16px;font-weight:650;color:#28456f;line-height:1.6;margin-bottom:10px}
.os-evaluation-details>section{padding:22px 0;border-top:1px solid #e6ecf3}
.os-detail-source{padding:0 0 20px}
.os-detail-source>span{font-size:12px;color:#899bb6}
.os-detail-source>p{font-size:15px;color:#435e81;margin-top:5px}
.os-detail-originals{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.os-evaluation-details .os-btn{min-height:48px;padding:10px 16px;font-size:14px;border-radius:8px}
.os-detail-originals .os-btn-secondary{color:#6981a5;border-color:#dce5f1;background:#fff}
.os-detail-rubric .os-radar-wrap{max-width:270px;margin:0 auto 15px}
.os-evaluation-details .os-dimension-list{gap:10px;margin:0 0 15px}
.os-evaluation-details .os-dimension-list>div{font-size:14px;padding:7px 0;border-bottom:1px solid #eef2f7}
.os-evaluation-details .os-dimension-list b{font-family:Arial,sans-serif;color:#496b96}
.os-evaluation-details .os-detail-rubric>p{font-size:13px;color:#8a9bb4}
.os-evaluation-details .os-part-status{font-size:13px;color:#8a9bb4;margin:0;padding-top:15px}
.os-evaluation-details .lf-exam-detail{margin:0;border-color:#e4ebf5;background:#fafcff}
.os-evaluation-details .lf-exam-detail>summary{min-height:48px;font-size:14px}
@media screen and (min-width:900px) and (max-width:1100px){
 .workspace[data-view-role="student"] .os-result-scorebar{grid-template-columns:158px minmax(125px,1fr) 215px;gap:17px;padding-inline:22px}
 .workspace[data-view-role="student"] .os-result-context,.workspace[data-view-role="student"] .os-result-position{padding-left:17px}
 .workspace[data-view-role="student"] .os-result-position{gap:3px 12px}
 .workspace[data-view-role="student"] .os-result-original{gap:7px;font-size:13px}
 .workspace[data-view-role="student"] .os-original-thumb{width:34px;height:47px}
 .workspace[data-view-role="student"] .os-original-arrow{display:none}
 .workspace[data-view-role="student"] .os-result-reading-inner{padding-inline:26px}
 .workspace[data-view-role="student"] .os-result-actionbar{padding-inline:22px;gap:12px}
 .workspace[data-view-role="student"] .os-result-actionbar .os-feedback-actions{gap:8px}
 .workspace[data-view-role="student"] .os-result-actionbar .os-feedback-actions .os-btn{padding-inline:13px}
}
@keyframes os-trail-arrive{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.workspace[data-view-role="student"] .os-result-scorebar .ev-learning-trail{animation:none}}
