/* Shared PG01 / PG02 presentation contract. Algorithms and interfaces stay separate. */
body.course-workspace,body.course-detail{--ink:#172c48;--muted:#76849b;--blue:#2c60e9;--line:#e3e9f2;background:#f5f7fb;color:var(--ink);font:13px/1.7 "Microsoft YaHei","PingFang SC",sans-serif}
.course-workspace :is(.lab,#eval-view){min-width:0;color:var(--ink);font:13px/1.7 "Microsoft YaHei","PingFang SC",sans-serif}
.course-workspace .lab{max-width:none;padding:24px;margin:0}
.course-workspace :is(.lab,#eval-view) :is(h1,h2,h3,h4,p){margin-top:0}
.course-workspace :is(.lab,#eval-view) h1{font-size:32px;line-height:1.5;font-weight:700;letter-spacing:-1px;margin:7px 0 0}
.course-workspace :is(.lab,#eval-view) h2,.course-workspace :is(.lab,#eval-view) h3{font-size:16px;line-height:1.7;font-weight:700;margin:0 0 10px;color:var(--ink)}
.course-workspace :is(.lab,#eval-view) h4{font-size:13px;margin:14px 0 6px}
.course-workspace :is(.lab,#eval-view) p{font-size:13px;line-height:1.7;margin:7px 0 12px;color:#42536b}
.course-workspace :is(.lab,#eval-view) :is(.muted,.eval-muted,.empty){font-size:12px;color:var(--muted);line-height:1.7}
.course-workspace :is(.surface,.eval-card,.remote-card){background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:0 0 16px;min-width:0;overflow-wrap:anywhere;box-shadow:none}
.course-workspace :is(.workspace,.report-layout){display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.course-workspace .report-layout>aside{display:block}.course-workspace .report-layout>aside>.surface{margin:0 0 16px}
.course-workspace .lab .spaced{margin-top:0}.course-workspace .page-section{margin:0 0 18px}
.course-workspace-heading,.course-workspace #eval-view>.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.course-workspace-heading small{color:var(--blue);font-size:9px;font-weight:700;letter-spacing:1.5px}
.course-workspace .course-workspace-heading p,.course-workspace #eval-view>.heading p{font-size:12px;color:var(--muted);margin:7px 0 0}
.course-workspace .lab>.breadcrumb{font-size:10px;color:#8491a6;margin-bottom:27px}
.course-session-status{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;font-size:12px;color:var(--muted)}
.course-workspace :is(.course-stage-guide,.pg02-context){display:flex;align-items:flex-start;gap:18px;padding:20px 22px;margin:0 0 20px;border:1px solid #dfe7f2;border-radius:12px;background:#fff}
.course-workspace :is(.course-stage-guide,.pg02-context)>span{flex:none;padding:5px 10px;border:0;border-radius:6px;color:#285de5;background:#eef4ff;font-size:12px;font-weight:600;letter-spacing:0}
.course-workspace .course-stage-guide h2,.course-workspace .pg02-context strong{display:block;font-size:16px;line-height:1.7;font-weight:700;margin:0 0 4px}
.course-workspace :is(.course-stage-guide,.pg02-context) p{font-size:12px;color:var(--muted);margin:4px 0 0}
.course-workspace :is(.lab,#eval-view) :is(input:not([type=file]):not([type=checkbox]),select,textarea){font:inherit;width:100%;min-width:0;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:var(--ink);box-sizing:border-box}
.course-workspace :is(.lab,#eval-view) input:not([type=checkbox]):not([type=file]),.course-workspace :is(.lab,#eval-view) select{min-height:44px}
.course-workspace :is(.lab,#eval-view) textarea{min-height:110px;resize:vertical;line-height:1.8}
.course-workspace #report-text{min-height:260px}
.course-workspace :is(.lab,#eval-view) label{font-size:12px;color:var(--muted);line-height:1.7}
.course-workspace :is(.lab,#eval-view) :is(button,.outline,.remote-cabin-button){font:13px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;border-radius:8px;padding:10px 18px;min-height:40px;background:var(--blue);border:1px solid var(--blue);color:#fff;cursor:pointer;box-sizing:border-box}
.course-workspace :is(.lab,#eval-view) :is(button.secondary,button.outline,a.outline,button.text-button){background:#fff;color:var(--blue);border-color:#cdddf8}
.course-workspace :is(.lab,#eval-view) button:disabled{cursor:not-allowed;opacity:.55}
.course-workspace :is(.upload-actions,.save-row,.eval-form-actions,.report-tools){display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
.course-workspace :is(.content-columns,.eval-form-grid){gap:14px}
.course-workspace :is(.lab,#eval-view) table{width:100%;border-collapse:collapse;font-size:12px}
.course-workspace :is(.lab,#eval-view) :is(th,td){padding:9px 10px!important;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.course-workspace :is(.lab,#eval-view) th{background:#f8fafd;color:var(--muted);font-weight:600}
.course-workspace :is(.lab,#eval-view) tbody tr:hover{background:#f8fafd}
.course-workspace :is(.lab,#eval-view) details{font-size:12px;line-height:1.7;margin-top:14px}
.course-workspace :is(.lab,#eval-view) summary{font-size:13px;color:#48617f;cursor:pointer}
.course-workspace .workshop-file-picker{font-family:inherit;min-height:96px;margin:0;padding:22px 24px;display:flex;align-items:center;flex-direction:row;gap:16px;border:1px dashed #cbd9ee;border-radius:12px;background:#f8faff}
.course-workspace .workshop-file-picker strong{font-size:14px;font-weight:600;color:#25456f}.course-workspace .workshop-file-picker .workshop-file-action{font-size:13px;font-weight:600}
.course-workspace .workshop-file-icon{font-size:25px}
.course-workspace .run-row{padding:16px 0;margin:16px 0;border-color:var(--line)}
.course-workspace .filters{flex-wrap:wrap;gap:14px;margin-bottom:18px}
.course-workspace .lab .badge{border-color:#d9e3f3;border-radius:20px;font-size:10px;padding:6px 11px;line-height:1.7}
.course-workspace .lab .course-stage-guide>.badge{border:0;border-radius:6px;font-size:12px;padding:5px 10px}
.course-detail .course-main :is(.block,.pg02-guide-intro,.summary-grid>div,.checklist){border-radius:12px;border-color:#dfe7f2}
.course-detail .course-main .block{padding:28px;margin-bottom:18px}.course-detail .course-main .block h2{font-size:21px;margin:0 0 18px}.course-detail .course-main .block h3{font-size:15px;margin:24px 0 10px}
.course-detail .course-aside nav a{font-size:13px;line-height:1.7}
.course-workspace [hidden]{display:none!important}
@media(max-width:700px){.course-workspace :is(.surface,.eval-card,.remote-card){padding:18px}.course-workspace :is(.content-columns,.eval-form-grid){grid-template-columns:minmax(0,1fr)}.course-workspace-heading{align-items:flex-start;flex-wrap:wrap}.course-workspace :is(.lab,#eval-view) h1{font-size:26px}.course-workspace .workshop-file-picker{flex-wrap:wrap;padding:18px;gap:12px}.course-workspace .workshop-file-action{margin-left:auto}.course-workspace :is(.course-stage-guide,.pg02-context){gap:12px;padding:18px}.course-workspace .report-layout>aside{display:block}.course-workspace .run-row{flex-wrap:wrap}.course-workspace .table-scroll{max-width:100%;overflow-x:auto}}

.course-workspace :is(.lab,#eval-view) td button{font-size:12px!important;padding:8px 12px!important;min-height:34px}.course-workspace .workshop-file-picker.dragover{border-color:var(--blue);background:#f1f6ff}

.course-workspace :is(.lab,#eval-view) :is(.course-stage-guide,.pg02-context) :is(h2,strong){display:block;font-size:16px;line-height:1.7;font-weight:700;margin:0 0 4px}
.course-workspace :is(.lab,#eval-view) :is(.course-workspace-heading,.heading)>div>p{font-size:12px;color:var(--muted);margin:7px 0 0}
.course-workspace :is(.lab,#eval-view) details:is(.surface,.eval-card){font-size:13px}
.course-workspace .course-session-status{padding:16px 18px;min-height:66px;background:#eef3ff;border-radius:14px;margin-bottom:14px}
.course-workspace .course-session-status #login-state a{display:inline-block;padding:10px 18px;background:var(--blue);border:1px solid var(--blue);border-radius:8px;color:#fff;font-size:13px;text-decoration:none}

.course-workspace .course-report-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}
.course-workspace [data-eval-panel="reports"] .section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.course-workspace [data-eval-panel="reports"] .pg02-report-actions{justify-content:flex-start;gap:14px}
.course-workspace :is(.report-row,.pg02-saved-report){border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}
.course-workspace :is(.report-row,.pg02-saved-report) small{display:block;font-size:12px;color:var(--muted);letter-spacing:0;font-weight:400;margin-top:4px}
.course-workspace [data-eval-panel="reports"] .report-checklist{padding-left:18px;font-size:12px;color:var(--muted);line-height:1.7}
.course-workspace [data-eval-panel="reports"] .report-checklist li{margin-bottom:10px}
@media(max-width:700px){.course-workspace .course-report-heading,.course-workspace [data-eval-panel="reports"] .section-heading{align-items:flex-start;flex-wrap:wrap}}