/* 1280 = 260 assistant + 1020 course; the course keeps its existing computed figures. */
body.course-new{--assistant-width:260px;--course-header-height:94px;background:#fff;color:#22344a;font-size:15px}
body.course-new .lab-topbar{height:52px;min-height:52px}
body.course-new #site-header{height:42px;margin-right:var(--assistant-width);border-bottom:1px solid #e0e5eb;background:#fff;position:relative;z-index:2}
body.course-new .site-header-inner{height:42px;min-height:42px;padding:0 16px;gap:15px}
body.course-new #site-header .site-brand{display:none}
body.course-new .site-nav{justify-content:flex-start;gap:22px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}
body.course-new .site-nav::-webkit-scrollbar{display:none}
body.course-new .site-nav a{font-size:14px;white-space:nowrap;height:41px;align-items:center;padding:0;border-bottom-width:2px}
body.course-new .site-nav a span{font-size:12px;color:#778397}
body.course-new .course-case-label{margin-left:auto;font-size:13px}
body.course-new .course-case-label select{width:149px;height:29px;font-size:13px;border-radius:3px;background:#fff}
body.course-new main.page-shell{width:calc(100% - var(--assistant-width));height:calc(100dvh - var(--course-header-height));padding:10px 14px!important;min-height:0;overflow:hidden}
body.course-new>.lab-assistant{position:fixed;right:0;top:52px;bottom:0;width:var(--assistant-width);min-width:0;z-index:4;border-left:1px solid #dce3eb;background:#fff}
body.course-new .chapter-workspace{grid-template-rows:32px 68px minmax(0,1fr);gap:8px}
body.course-new .chapter-toolbar{gap:10px}
body.course-new .chapter-toolbar h1{font-size:20px;white-space:nowrap}
body.course-new .chapter-toolbar .btn{font-size:13px;padding:4px 9px;min-height:28px}
body.course-new .course-context{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:8px;padding:2px 8px;border-color:#e0e5eb}
body.course-new .course-loop{height:60px;min-width:0}
body.course-new .course-case-note{display:none}
body.course-new .course-equations{gap:12px;min-width:0}
body.course-new .course-equations math{font-size:17px}
body.course-new .course-main{grid-template-columns:184px minmax(0,1fr);gap:10px}
body.course-new .course-controls{padding:10px;gap:10px;border-color:#dce3eb;border-radius:3px}
body.course-new .course-controls h2{font-size:16px}
body.course-new .course-controls .segmented{gap:3px}
body.course-new .course-controls .segmented button{padding:4px 6px;font-size:13px}
body.course-new .course-controls select{width:100%}
body.course-new .course-controls .control-group label{font-size:14px}
body.course-new .course-readout{gap:6px 5px;font-size:14px;padding:8px 0}
body.course-new .course-plots{gap:9px}
body.course-new .course-plot{border-color:#dce3eb;border-radius:3px}
body.course-new .course-plot h2{padding:7px 10px 2px;font-size:16px;align-items:flex-start;line-height:1.35;flex-wrap:wrap;gap:2px 6px}
body.course-new .course-plot h2 small{font-size:12px;line-height:1.4}
body.course-new .course-chart text{font-size:13px}
body.course-new .course-plots.root-plots{grid-template-rows:minmax(0,1fr) 104px}
body.course-new .root-plots .root-extra{padding:8px 10px;gap:10px}
body.course-new .root-extra math{font-size:17px}
body.course-new .root-extra p{font-size:13px}
body.course-new .course-chart{padding-inline:3px}
body.course-new .course-card{padding:10px 12px;border-color:#dce3eb;border-radius:3px}
body.course-new .course-topbar{flex-basis:32px;gap:10px}
body.course-new .course-topbar h1{font-size:20px}
body.course-new .course-toolbar{gap:10px;font-size:14px}
body.course-new .course-toolbar input[type=range]{width:100px}
body.course-new .concept-grid{grid-template-columns:minmax(0,1fr) 214px;gap:10px}
body.course-new .concept-main,body.course-new .concept-side,body.course-new .model-left,body.course-new .model-right{gap:10px}
body.course-new .signal-card strong{font-size:20px}
body.course-new .signal-card>div{font-size:14px}
body.course-new .model-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px}
body.course-new .model-variable-buttons .btn,body.course-new .model-stage-buttons .btn{padding:4px 6px;font-size:13px}
body.course-new .model-equations{font-size:20px;gap:10px}
body.course-new .model-transform math{font-size:24px}
body.course-new .model-closed-formula math{font-size:20px}
body.course-new .course-playbar{gap:7px;flex-basis:34px}
body.course-new main.design-shell{grid-template-rows:34px minmax(0,1fr);gap:9px}
body.course-new .design-heading{gap:10px}
body.course-new .design-heading h1{font-size:20px}
body.course-new .design-heading button{padding:4px 8px;font-size:13px}
body.course-new .design-layout{grid-template-columns:207px minmax(0,1fr);gap:10px}
body.course-new .design-controls{padding:10px;gap:6px;border-color:#dce3eb;border-radius:3px}
body.course-new .design-panel{padding:8px 8px 4px;border-color:#dce3eb;border-radius:3px}
body.course-new .design-panel h2{font-size:16px;flex-wrap:wrap;gap:2px 6px}
body.course-new .design-plots{grid-template-columns:1.4fr 1fr;gap:9px}
body.course-new .design-classic-plots{gap:9px;grid-template-columns:1.12fr 1fr}
body.course-new .design-controls #design-classic-controller math{font-size:14px}
body.course-new .design-controls #design-classic-plant math{font-size:17px}
body.course-new .design-metrics{font-size:13px}
body.course-new .design-metrics strong{font-size:17px}
body.course-new .course-assistant-toggle{display:none;border:1px solid #cbd5e1;border-radius:3px;background:#fff;padding:5px 9px;font:inherit;font-size:13px;color:#24384f;cursor:pointer}
body.course-new .course-assistant-toggle:focus-visible{outline:2px solid #315f9e;outline-offset:3px}
@media(min-width:1500px){body.course-new{--assistant-width:286px}body.course-new .course-main{grid-template-columns:205px minmax(0,1fr)}body.course-new .design-layout{grid-template-columns:230px minmax(0,1fr)}body.course-new .concept-grid{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-height:740px) and (min-width:1101px){body.course-new .course-controls{gap:8px;padding:9px}body.course-new .course-controls .btn{min-height:27px}body.course-new .design-controls{gap:5px;padding:8px 9px}body.course-new .design-slider input{margin:4px 0}body.course-new .design-metrics{padding:6px 0;gap:5px}body.course-new .course-card{padding:8px 10px}body.course-new .model-equations{gap:7px;font-size:19px}body.course-new .course-plot h2{font-size:15px}}
@media(max-width:1100px){body.course-new{--assistant-width:0px}body.course-new #site-header{margin-right:0}body.course-new main.page-shell{width:100%}body.course-new>.lab-assistant{display:none;width:min(340px,100vw);top:52px;border-left:1px solid #cbd5e1;z-index:40}body.course-new.course-assistant-open>.lab-assistant{display:flex}body.course-new .course-assistant-toggle{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}body.course-new .course-assistant-toggle[aria-expanded=true]{background:#edf3fa;border-color:#738aa6}body.course-new .lab-return{margin-left:auto}body.course-new .site-nav{gap:16px}body.course-new .course-main{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:1000px){body.course-new .lab-topbar{gap:8px;padding-inline:10px}body.course-new .lab-topbar .lab-brand{display:none}body.course-new .lab-global-nav{gap:10px}body.course-new .lab-global-nav a{font-size:13px;white-space:nowrap}body.course-new .lab-return{font-size:12px;white-space:nowrap}body.course-new .site-header-inner{padding:0 10px;gap:8px}body.course-new .site-nav{gap:15px}body.course-new .site-nav a{font-size:13px}body.course-new .site-nav a span{display:none}body.course-new .course-case-label select{width:125px;font-size:12px}body.course-new main.page-shell{height:auto;min-height:calc(100dvh - var(--course-header-height));overflow:visible}body.course-new{height:auto;overflow:auto}body.course-new .course-topbar{flex-wrap:wrap;flex-basis:auto}body.course-new .course-toolbar{flex-wrap:wrap;justify-content:flex-start}body.course-new .chapter-workspace{height:auto;grid-template-rows:auto auto auto}body.course-new .chapter-toolbar{flex-wrap:wrap}body.course-new .course-context{grid-template-columns:1fr;min-height:130px}body.course-new .course-main{grid-template-columns:1fr;overflow:visible}body.course-new .course-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}body.course-new .course-controls h2,body.course-new .control-bottom{grid-column:1/-1}body.course-new .course-plots{min-height:520px}body.course-new .course-plots.root-plots{min-height:440px}body.course-new .concept-grid,body.course-new .model-grid{grid-template-columns:1fr}body.course-new .concept-main{grid-template-rows:220px 260px}body.course-new .concept-side{grid-template-columns:1fr 1fr;grid-template-rows:240px}body.course-new .model-left,body.course-new .model-right{grid-template-rows:260px 260px}body.course-new .design-heading{flex-wrap:wrap}body.course-new main.design-shell{grid-template-rows:auto auto}body.course-new .design-layout{grid-template-columns:1fr}body.course-new .design-plots{height:650px}body.course-new .design-classic-plots{height:500px}body.course-new .course-classic iframe{height:650px;min-height:650px}body.course-new .course-playbar{flex-wrap:wrap;flex-basis:auto}body.course-new .course-timeline{flex-basis:100%;margin-left:0}}