.teaching-panel{border-color:#d5e1d2;margin:18px 0;overflow:hidden}.teaching-header{background:#f7faf4;border-bottom:1px solid #e4eadd;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.teaching-header>div{align-items:center;gap:9px;display:flex}.teaching-header h2{margin:0;font-size:16px!important}.teaching-header span{color:#677c63;font-size:12px}.teaching-panel button{color:#48653f;cursor:pointer;font:inherit;background:#fff;border:1px solid #cfddc9;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-size:12px;display:inline-flex}.teaching-panel button:hover{background:#edf4e7}.teaching-panel button:disabled{opacity:.5;cursor:not-allowed}.teaching-panel button[aria-pressed=true]{color:#365c2a;background:#dfedd5;border-color:#81a16e}.teaching-panel :is(button,select,input,textarea):focus-visible{outline-offset:3px;outline:3px solid #3f7c9c}.teaching-case{color:#527047;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:flex}.teaching-case label{font-weight:600}.teaching-case select{color:#35552d;font:inherit;background:#fff;border:1px solid #bacdb1;border-radius:6px;min-width:220px;max-width:100%;padding:7px 10px}.teaching-case>span{color:#75866c;font-size:11px}.teaching-steps{grid-template-columns:repeat(6,1fr);gap:5px;padding:0 18px 12px;display:grid}.teaching-steps button{color:#64765a;background:#f4f7f1;border-color:#0000;padding:8px 3px;font-size:12px}.teaching-steps button span{border:1px solid #d4dfca;border-radius:50%;place-items:center;width:21px;height:21px;font-size:11px;display:grid}.teaching-steps .current{color:#325c29;background:#e3eedb;border-color:#adc49e}.teaching-steps .visited{color:#486d3b}.teaching-content{color:#4f6547;padding:3px 20px 14px;font-size:13px;line-height:1.8}.teaching-content h3{color:#34582e;align-items:center;gap:6px;margin:5px 0 8px;font-size:15px;display:flex}.teaching-content h4{margin:18px 0 8px;font-size:13px}.teaching-content p{margin:6px 0}.teaching-content ol{margin:5px 0;padding-left:22px}.teaching-subtle,.review-stamp{color:#708066;font-size:12px}.teaching-actions{border-top:1px solid #e6ecdf;flex-wrap:wrap;gap:8px;padding:12px 18px;display:flex}.teaching-panel .teaching-next{color:#fff;background:#426b35;border-color:#426b35;padding:8px 14px}.teaching-panel .teaching-next:hover{background:#35572b}.teaching-prediction{border:0;margin:0;padding:0}.teaching-prediction legend{color:#34572d;margin-bottom:8px;font-size:14px;font-weight:600}.teaching-prediction>label{cursor:pointer;background:#f7faf5;border:1px solid #e1e9d9;border-radius:6px;align-items:flex-start;gap:9px;margin:6px 0;padding:8px 10px;display:flex}.teaching-prediction input{accent-color:#527640;flex-shrink:0;margin-top:5px}.teaching-assessment{background:#f0f4eb;border-left:3px solid #96aa82;border-radius:7px;margin:12px 0;padding:12px 14px}.teaching-assessment.correct{background:#edf6e8;border-color:#6f9557}.teaching-assessment.incorrect,.teaching-assessment.partial{background:#fcf5e9;border-color:#bc9462}.teaching-assessment.indeterminate{background:#f4f0e8;border-color:#aa987b}.teaching-warning{color:#7d5f36;background:#fbf5e9;border-radius:5px;padding:9px 12px;font-size:12px}.teaching-observations,.teaching-ranges{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.teaching-observations>div,.teaching-ranges>div{background:#f6f9f2;border:1px solid #e3eada;border-radius:6px;flex-direction:column;min-width:0;padding:10px;display:flex}.teaching-observations span,.teaching-ranges span{color:#6d7f61;font-size:12px}.teaching-observations strong,.teaching-ranges strong{color:#3f6136;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.teaching-ranges small,.teaching-observations small{color:#6c7f60;font-size:11px;font-weight:400}.review-prediction{grid-template-columns:72px 1fr;gap:8px;margin:14px 0;display:grid}.review-prediction dt{color:#718265}.review-prediction dd{margin:0}.teaching-review details{border-bottom:1px solid #e4ebdc;padding:10px 0}.teaching-review summary{cursor:pointer;color:#4f713f;font-weight:500}.teaching-records{max-height:250px;padding-right:8px;overflow:auto}.teaching-records li{overflow-wrap:anywhere;padding:7px 3px}.teaching-records strong{font-size:12px;display:block}.teaching-records span{color:#6d7d64;font-size:12px;display:block}.teaching-note{color:#536b47;margin-top:14px;display:block}.teaching-note textarea{box-sizing:border-box;color:#405c35;width:100%;height:70px;font:inherit;resize:vertical;background:#fff;border:1px solid #c9d7bf;border-radius:6px;margin-top:7px;padding:9px;display:block}.lab.classroom{--classroom-text:15px}.lab.classroom .page-heading{margin-bottom:12px}.lab.classroom .page-heading .eyebrow,.lab.classroom .page-heading>div>p,.lab.classroom .lesson-banner,.lab.classroom .drain-learning-bar,.lab.classroom .drain-prediction,.lab.classroom .water-case-note{display:none}.lab.classroom .teaching-panel{margin:10px 0 16px}.lab.classroom .teaching-content{font-size:15px}.lab.classroom .teaching-panel button,.lab.classroom .teaching-case{font-size:14px}.lab.classroom .teaching-case>span{font-size:12px}.lab.classroom .industrial-tag{font-weight:600;font-size:13px!important}.lab.classroom .industrial-caption{font-size:12px!important}.lab.classroom .drawing-subtitle{font-size:11px!important}.lab.classroom .status-pill,.lab.classroom .event-list p{font-size:13px}.lab.classroom .metric-heading{font-size:16px}.lab.classroom .diagram-legend{font-size:12px}.lab.classroom .schematic-panel{min-width:0}.lab :is(button,a,select,[role=button]):focus-visible{outline-offset:3px;outline:3px solid #397a9c}.lab.reduced-display .simulation-flow,.lab.reduced-display .air-diagram [data-direction]{stroke-dashoffset:0!important;transition:none!important}.lab.reduced-display [data-mechanical-motion]{transform:none!important}.lab.reduced-display .event-list li{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.lab .simulation-flow,.lab .air-diagram [data-direction]{stroke-dashoffset:0!important;transition:none!important}.teaching-panel *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lab [data-mechanical-motion]{transform:none!important}}@media (width>=1650px){.teaching-header h2{font-size:17px!important}.teaching-content{font-size:14px}.teaching-panel button{font-size:13px}.teaching-case{font-size:14px}}@media (width<=1400px){.teaching-header{padding:12px 14px}.teaching-header span{display:none}.teaching-content{padding:2px 15px 12px}.teaching-steps{padding:0 14px 10px}.teaching-case>span{flex-basis:100%}.teaching-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.teaching-panel{margin:12px 0}.teaching-header{flex-wrap:wrap;gap:9px}.teaching-display-tools{flex-wrap:wrap}.teaching-case{gap:7px;padding:11px 12px}.teaching-case select{width:100%;min-width:0}.teaching-case>span{font-size:10px}.teaching-steps{grid-template-columns:repeat(3,1fr);padding:0 10px 10px}.teaching-steps button{font-size:11px}.teaching-content{padding:2px 12px 12px;font-size:12px}.teaching-content h3{font-size:14px}.teaching-observations,.teaching-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}.teaching-ranges strong{font-size:13px}.teaching-actions{padding:10px 12px}.teaching-actions button{flex:1;min-width:130px}.review-prediction{grid-template-columns:1fr;gap:3px}.review-prediction dt{font-size:11px}.teaching-records{max-height:200px}.lab.classroom .teaching-content{font-size:13px}}@media (width>=1051px) and (width<=1450px){.lab.classroom .main-grid{grid-template-columns:minmax(0,1fr)}.lab.classroom .schematic-panel{grid-column:1}.lab.classroom .control-column{grid-area:auto/1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.lab.classroom .trend-panel,.lab.classroom .event-panel{grid-column:1}.lab.classroom .industrial-tag{font-size:14px!important}.lab.classroom .industrial-caption{font-size:13px!important}}.lab.reduced-display .pump-mini svg{transform:none!important}.lab.reduced-display *,.lab.reduced-display :before,.lab.reduced-display :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){.lab .pump-mini svg{transform:none!important}.lab *,.lab :before,.lab :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
