/* 所有阶段统一的课堂紧凑布局。 */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-header>.live-indicator{display:inline-flex!important;color:#6ce5b4;white-space:nowrap}
.operation-panel>.panel-heading,.simple-workspace-header,.s2-workspace-bar,.fl-topline{display:none!important}
.simple-board-heading,.simple-board-sub,.s2-title,.s2-subtitle{display:none}
.experiment-main .experiment-layout{grid-template-columns:minmax(0,1fr)!important}
.experiment-main .experiment-layout>.information-column{display:none!important}
.simple-operation-hint,.s2-hint,.fl-hint{display:none!important}
.compact-lab-heading{display:grid;gap:10px;margin-bottom:10px}
.compact-experiment-name{justify-self:start;padding:7px 12px;border-radius:8px;background:#e8f2ff;color:#226bb2;font-size:16px;font-weight:800}
.compact-readings{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;background:#f1f7fd;border:1px solid #dfebf6;border-radius:9px;font-size:17px;color:#285f90;font-variant-numeric:tabular-nums}
.compact-readings>b{flex:0 0 auto;font-size:14px;letter-spacing:.08em;color:#728aa1}
.compact-readings>span{flex:1 1 155px;text-align:center;font-weight:700}
.compact-warning{font-size:12px;color:#b83e3e;line-height:1.5}
.compact-details{margin-top:12px;font-size:13px;color:#637e97}
.compact-details>summary{cursor:pointer;padding:8px 0}
.compact-details .data-panel{box-shadow:none;border:0;padding:8px!important}
.compact-details .data-panel>.panel-heading{display:none}
.information-column>.data-panel{display:none!important}
.experiment-controls{margin-top:12px!important}
.simple-workspace,.s2-workspace,.fl-workspace,.pl-workspace,.ml-workspace{padding-top:0!important;gap:0!important}
.experiment-canvas :is(.simple-board-svg,.s2-board,.fl-board,.oh-board,.pl-board,.ml-board){aspect-ratio:auto!important}
/* 每个 SVG 的实际命中元素也设置 touch-action，避免只设置在 g 上失效。 */
.experiment-canvas :is(.measurement-lens,.simple-port,.s2-port,.fl-port,[data-fl-slider],[data-oh-drag],[data-pl-drag],[data-ml-drag]),
.experiment-canvas :is(.measurement-lens,.simple-port,.s2-port,.fl-port,[data-fl-slider],[data-oh-drag],[data-pl-drag],[data-ml-drag]) *{touch-action:none!important;-webkit-user-select:none;user-select:none}
.nav-stage:not(.open)>.nav-stage-toggle{color:#334359;background:#f7f9fc;border-color:#dce4ee}
.nav-stage:not(.open)>.nav-stage-toggle small{color:#667085}
/* display:contents 让四个组按钮保持第一排，展开列表独占第二排。 */
@media(max-width:1024px){
 .experiment-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px}
 .nav-stage{display:contents!important}
 .nav-stage>.nav-stage-toggle{grid-row:1;min-width:0;font-size:12px;padding:8px 5px;grid-template-columns:1fr}
 .nav-stage>.nav-stage-toggle i{display:none}
 .nav-stage>.nav-stage-list{grid-row:2;grid-column:1/-1}
 .nav-stage:not(.open)>.nav-stage-list{display:none!important}
 .nav-stage.open>.nav-stage-list{margin:0;max-height:145px;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){.compact-readings{font-size:15px;gap:7px 10px}.compact-readings>span{flex-basis:125px}.compact-experiment-name{font-size:14px}.nav-stage.open>.nav-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}