/* Student classroom report. The six learning steps are independent of tutor delivery. */
.workspace.touch-workspace.touch-report-mode[data-view-role="student"] .main:has(>.scr-report){display:flex;align-items:center;justify-content:center;overflow-y:auto}
.workspace.touch-workspace[data-view-role="student"] .scr-report{--scr-body:16px;--scr-small:13px;--scr-title:30px;--scr-number:48px;--scr-action:17px;--scr-touch:56px;--scr-pad:26px;--scr-gap:20px;width:min(1760px,100%);margin:auto;color:#352d4b;display:flex;flex-direction:column;gap:22px;padding:10px 0;min-width:0;box-sizing:border-box}
.scr-report *{box-sizing:border-box}
.workspace.touch-workspace[data-view-role="student"] .scr-report :is(h1,h2,h3,p,ol){margin:0}
.scr-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:34px;padding:0 2px}
.scr-topline>span{font-size:var(--scr-body);font-weight:700;color:#76688c;letter-spacing:.04em}
.scr-topline>div{display:flex;align-items:center;gap:18px;min-width:0;font-size:var(--scr-small);color:#8b7e9b}
.scr-topline b{font-weight:550;color:#6f627f}.scr-topline time{white-space:nowrap}
.scr-content-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:var(--scr-gap);align-items:stretch;min-width:0}
.scr-journey{padding:var(--scr-pad);border-radius:24px;background:#f1edf9;min-width:0;position:relative;overflow:hidden;border:1px solid #e9e2f3}
.scr-journey-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.scr-completion>span{font-size:var(--scr-small);color:#7a6b90;font-weight:550;display:block;margin-bottom:4px}
.scr-completion>strong{font-size:76px;font-weight:750;letter-spacing:-.06em;line-height:1;color:#7057b1;display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.scr-completion small{font-size:var(--scr-body);font-weight:550;color:#8b7b9d;letter-spacing:0}
.scr-journey-art{width:133px;height:94px;flex:none;opacity:.95}
.workspace.touch-workspace[data-view-role="student"] .scr-journey h1{font-size:var(--scr-title);font-weight:750;line-height:1.4;letter-spacing:-.025em;color:#45355f;max-width:15em;margin:0 0 12px}
.workspace.touch-workspace[data-view-role="student"] .scr-caption{font-size:var(--scr-body);line-height:1.75;color:#7a6c8e;max-width:31em;min-height:3.5em}
.scr-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:27px 0 29px!important;gap:8px;position:relative}
.scr-steps:before{content:"";position:absolute;top:20px;left:8%;right:8%;height:2px;background:#dfd5ed}
.scr-steps>li{display:flex;flex-direction:column;align-items:center;position:relative;gap:10px;min-width:0;text-align:center}
.scr-steps i{font-size:20px;line-height:1;font-style:normal;font-weight:650;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e9e1f2;color:#b2a4c1;position:relative;border:1px solid #e3d9ed;box-shadow:0 0 0 5px #f1edf9}
.scr-steps i em{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;display:grid;place-items:center;font-size:10px;font-style:normal;background:#5ca98d;border:2px solid #f1edf9;border-radius:50%;color:#fff}
.scr-steps li[data-status="done"] i{background:#e1eee6;border-color:#cadfd1;color:#5b8a71}
.scr-steps li[data-status="current"] i{background:#d8c8ee;border-color:#c6b1e4;color:#7550a4}
.scr-steps b{font-size:13px;line-height:1.6;font-weight:650;color:#776887;display:block;white-space:nowrap}
.scr-steps span{display:block;font-size:11px;line-height:1.5;color:#a394b1;margin-top:2px}
.scr-steps li[data-status="current"] span{color:#8e6dad}
.scr-ai-advice{background:#fffdfd;border:1px solid #e6dfee;border-radius:17px;padding:19px 21px}
.scr-ai-advice .ev-ai-identity{gap:9px;color:#826a99;font-size:14px;align-items:center}
.scr-ai-advice .ev-teacher-mark{width:31px;height:31px}
.workspace.touch-workspace[data-view-role="student"] .scr-ai-advice p{font-size:var(--scr-body);line-height:1.8;color:#72637f;margin:11px 0 0;overflow-wrap:anywhere}
.scr-performance{display:flex;flex-direction:column;min-width:0;padding:6px 0 0}
.scr-performance>header{margin:0 0 18px;padding:0 3px}
.scr-performance>header>span{font-size:var(--scr-small);font-weight:550;color:#9b8aab;display:block;margin-bottom:5px}
.workspace.touch-workspace[data-view-role="student"] .scr-performance h2{font-size:21px;font-weight:700;line-height:1.5;color:#514163}
.scr-outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;flex:1}
.scr-outcome{background:#fff;border:1px solid #e9e3ef;border-radius:19px;padding:20px;min-width:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 16px #4a315b03}
.scr-outcome>header{display:flex;align-items:center;gap:10px;margin-bottom:19px}
.scr-outcome-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#8e79b7;background:#f1ebf8;flex:none}
.scr-similar .scr-outcome-icon{background:#eaf4ee;color:#70a18b}.scr-writing .scr-outcome-icon{background:#fff0e0;color:#c79970}.scr-lecture .scr-outcome-icon{background:#eeebf7;color:#9d85ba}
.workspace.touch-workspace[data-view-role="student"] .scr-outcome h3{font-size:15px;font-weight:650;line-height:1.5;color:#766386}
.scr-number{display:flex;align-items:baseline;gap:7px;min-height:56px;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.scr-number strong{font-size:var(--scr-number);line-height:1.05;font-weight:730;letter-spacing:-.045em;color:#79629f}
.scr-number small{font-size:12px;color:#9680a6;line-height:1.5}
.scr-similar .scr-number strong{color:#6e9a80}.scr-lecture .scr-number strong{color:#9b83b4}
.workspace.touch-workspace[data-view-role="student"] .scr-outcome>p{font-size:14px;line-height:1.75;color:#877293;margin:7px 0 12px;overflow-wrap:anywhere}
.scr-answer-marks{display:flex;gap:5px;height:7px;margin:0 0 10px;max-width:180px}
.scr-answer-marks i{height:100%;flex:1;border-radius:5px;background:#e9e0ef}.scr-answer-marks .is-right{background:#a0c7b0}.scr-answer-marks .is-review{background:#edc8a4}.scr-answer-marks .is-empty{background:#eee8f2}
.scr-outcome-note{font-size:11px;line-height:1.6;color:#9781a4;margin-top:auto;display:block}
.scr-writing-scores{display:flex;flex-direction:column;gap:15px;margin:0 0 8px}
.scr-writing-scores>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
.scr-writing-scores>div>span{font-size:13px;line-height:1.5;color:#94788f}
.scr-writing-scores strong{font-size:31px;line-height:1;font-weight:700;letter-spacing:-.03em;white-space:nowrap;color:#a8815c;font-variant-numeric:tabular-nums}
.scr-writing-scores strong small{font-size:11px;font-weight:500;color:#a78c99;letter-spacing:0;margin-left:4px}
.workspace.touch-workspace[data-view-role="student"] .scr-score-note{font-size:11px;color:#bbacc5;line-height:1.6;text-align:right;margin:11px 4px 0}
.scr-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:5px 2px 0}
.scr-time{display:flex;align-items:center;gap:10px;color:#aaa0b6;min-width:0}
.scr-time>svg{flex:none}.scr-time span{display:block;font-size:13px;line-height:1.65;color:#9b8cab}
.scr-time b{font-size:17px;font-weight:600;margin-left:10px;color:#897498;font-variant-numeric:tabular-nums}
.scr-time small{display:block;font-size:11px;line-height:1.6;color:#9d89ad}
.workspace.touch-workspace[data-view-role="student"] .scr-report .scr-primary{min-height:var(--scr-touch);font-size:var(--scr-action)!important;font-weight:650;padding:13px 25px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:16px;min-width:210px;color:#fff;background:#9175c1;box-shadow:0 7px 18px #967ab82b;border:1px solid #8b6fbc;white-space:nowrap}
.scr-primary:focus-visible{outline:3px solid #ceb8ed;outline-offset:4px}.scr-primary:hover{filter:brightness(1.03)}
@media screen and (min-width:1800px){
 .workspace.touch-workspace[data-view-role="student"] .scr-report{--scr-body:26px;--scr-small:22px;--scr-title:47px;--scr-number:76px;--scr-action:28px;--scr-touch:88px;--scr-pad:46px;--scr-gap:34px;gap:34px;padding:28px 0}
 .scr-topline{min-height:55px}.scr-topline>div{gap:28px}.scr-journey{border-radius:32px}.scr-journey-top{margin-bottom:24px}.scr-completion>span{margin-bottom:8px}.scr-completion>strong{font-size:130px;gap:15px}.scr-journey-art{width:215px;height:151px}
 .workspace.touch-workspace[data-view-role="student"] .scr-journey h1{margin-bottom:19px}.scr-steps{margin:46px 0 44px!important;gap:14px}.scr-steps:before{top:32px;height:3px}.scr-steps>li{gap:17px}.scr-steps i{width:66px;height:66px;font-size:31px;border-radius:20px;box-shadow:0 0 0 8px #f1edf9}.scr-steps i em{width:24px;height:24px;font-size:15px;border-width:3px;right:-5px;bottom:-5px}.scr-steps b{font-size:21px}.scr-steps span{font-size:18px;margin-top:3px}
 .scr-ai-advice{border-radius:24px;padding:28px 32px}.scr-ai-advice .ev-ai-identity{gap:15px;font-size:23px}.scr-ai-advice .ev-teacher-mark{width:50px;height:50px}.workspace.touch-workspace[data-view-role="student"] .scr-ai-advice p{margin-top:17px}
 .scr-performance{padding-top:10px}.scr-performance>header{margin-bottom:28px}.scr-performance>header>span{margin-bottom:9px}.workspace.touch-workspace[data-view-role="student"] .scr-performance h2{font-size:34px}.scr-outcome-grid{gap:23px}.scr-outcome{border-radius:27px;padding:31px}.scr-outcome>header{gap:15px;margin-bottom:31px}.scr-outcome-icon{width:51px;height:51px;border-radius:15px}.scr-outcome-icon svg{width:32px;height:32px}.workspace.touch-workspace[data-view-role="student"] .scr-outcome h3{font-size:25px}.scr-number{gap:10px;min-height:88px}.scr-number small{font-size:20px}.workspace.touch-workspace[data-view-role="student"] .scr-outcome>p{font-size:22px;margin:12px 0 19px}.scr-answer-marks{gap:8px;height:11px;margin-bottom:17px;max-width:285px}.scr-outcome-note{font-size:18px}.scr-writing-scores{gap:25px;margin-bottom:12px}.scr-writing-scores>div{gap:18px}.scr-writing-scores>div>span{font-size:21px}.scr-writing-scores strong{font-size:51px}.scr-writing-scores strong small{font-size:17px;margin-left:6px}.workspace.touch-workspace[data-view-role="student"] .scr-score-note{font-size:18px;margin-top:18px}
 .scr-footer{padding-top:9px;gap:38px}.scr-time{gap:16px}.scr-time>svg{width:30px;height:30px}.scr-time span{font-size:22px}.scr-time b{font-size:28px;margin-left:16px}.scr-time small{font-size:18px}.workspace.touch-workspace[data-view-role="student"] .scr-report .scr-primary{min-width:340px;padding:21px 40px;border-radius:20px;gap:24px}.scr-primary>svg{width:31px;height:31px}
}
@media screen and (min-width:900px) and (max-width:1199px){
 .workspace.touch-workspace[data-view-role="student"] .scr-report{--scr-pad:23px;--scr-gap:18px;--scr-title:28px;gap:18px;padding:0}
 .scr-journey-top{margin-bottom:11px}.scr-completion>strong{font-size:66px}.scr-journey-art{width:113px;height:80px}.scr-steps{margin:22px 0 24px!important;gap:5px}.scr-steps i{width:36px;height:36px;font-size:18px;border-radius:11px}.scr-steps:before{top:17px}.scr-steps b{font-size:12px}.scr-steps span{font-size:10px}.scr-ai-advice{padding:16px 17px}.scr-performance>header{margin-bottom:14px}.scr-outcome{padding:17px}.scr-outcome>header{margin-bottom:16px;gap:8px}.scr-outcome-icon{width:29px;height:29px}.scr-outcome-grid{gap:12px}.workspace.touch-workspace[data-view-role="student"] .scr-performance h2{font-size:20px}.workspace.touch-workspace[data-view-role="student"] .scr-outcome h3{font-size:14px}.scr-writing-scores>div>span{font-size:12px}.scr-writing-scores strong{font-size:28px}
}
@media screen and (max-width:899px){
 .scr-content-grid{grid-template-columns:1fr}.scr-report{padding:5px 0}.scr-topline{align-items:flex-start}.scr-topline>div{flex-direction:column;align-items:flex-end;gap:3px}.scr-footer{flex-wrap:wrap}.scr-primary{width:100%}.scr-steps b{font-size:12px}.scr-steps span{font-size:11px}.scr-outcome-grid{grid-auto-rows:minmax(210px,auto)}
}
@media print{.scr-report{width:100%;padding:0!important}.scr-content-grid{break-inside:avoid;grid-template-columns:1fr 1fr}.scr-primary{display:none!important}.scr-journey,.scr-outcome{box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
