:root{--lab-ink:#173657;--lab-muted:#4d6580;--lab-blue:#1c68b4;--lab-line:#d0dce9;--lab-control:#a9bdd3;--lab-ground:#f0f5fb;--lab-active:#eaf1fa;--assistant-width:278px;--course-blue:#1c68b4;--v05-gold:#bc8d2a;--v05-navy:#113d78}
body.v04-lab{background:#f0f4f9;font-size:16px;color:#173657}
.lab-topbar{border-color:#cbd9e8;background:#fff;height:52px;padding-inline:22px}
.lab-brand{color:#113d78;font-size:20px;letter-spacing:.02em}
.lab-global-nav{gap:32px}
.lab-global-nav a{font-size:16px;color:#3e5773;border-bottom-width:3px}
.lab-global-nav a[aria-current=page]{border-color:#c9982e;color:#113d78}
.lab-return{font-size:14px;color:#4d6580}
.lab-main{padding:14px 18px 10px;gap:12px;grid-template-rows:auto minmax(0,1fr) 220px 22px}
.lab-title-row h1{color:#113d78;font-size:26px}
.lab-title-copy p{font-size:14px;color:#4d6580}
.lab-btn{border-color:#a9bdd3;font-size:15px;color:#173d66;min-height:34px;background:white}
.lab-btn.primary{background:#113d78;border-color:#113d78;color:white}
.lab-btn.text{background:transparent}
.lab-stage,.plot-panel{border-color:#c8d6e7;border-radius:8px;background:white}
.lab-stage{grid-template-columns:minmax(0,1fr) 294px}
.lab-stage.overview{grid-template-columns:minmax(0,1fr)}
.scene-topline{min-height:36px;height:36px;background:#f8fbff;font-size:14px;border-bottom:1px solid #e0e8f2;color:#3e5773}
.scene-topline button{font-size:15px;color:#36587b}
.scene-topline button[aria-pressed=true]{color:#113d78;text-decoration-color:#bc8d2a;text-decoration-thickness:2px}
.scene-canvas{background:white}
.scene-hotspot{border-color:#97acc4;border-radius:6px;padding:6px 12px;font-size:15px;box-shadow:0 2px 5px #1736570c;background:#fff}
.scene-hotspot strong{color:#113d78;font:16px "SimHei",sans-serif;font-weight:400}
.scene-hotspot span{font-size:13px;color:#4d6580}
.scene-hotspot:hover{border-color:#bc8d2a}
.scene-bottomline{background:#f8fbff;border-color:#dbe5f0;font-size:14px;color:#4d6580}
.scene-live-values{color:#173657;gap:22px}
.plot-panel{grid-template-rows:35px minmax(0,1fr) 34px}
.plot-heading{padding:6px 13px 3px;border-bottom:1px solid #e5ecf4;background:#fbfdff}
.plot-heading h2{font:17px "SimHei",sans-serif;font-weight:400;color:#123d6a}
.plot-heading button{font-size:13px;color:#36587b}
.plot-legend{color:#4e6580;font-size:13px}
.plot-legend i{border-color:#1c68b4}
.plot-legend .baseline{border-color:#bc8d2a}
.plot-canvas text{fill:#3e5874;font-size:13px}
.plot-summary{font-size:14px;background:#f7faff;color:#4e6580;border-color:#dbe5f0;padding-inline:13px}
.plot-summary strong{color:#113d78;font-size:15px}
.lab-statusline{font-size:13px;color:#4e6580}
.fadec-panel{padding:14px 16px;gap:12px;border-color:#c8d6e7;background:#fff}
.fadec-heading h2{color:#113d78;font-size:20px}
.pi-tabs button{font-size:15px;color:#4d6580}
.pi-tabs button[aria-selected=true]{border-color:#bc8d2a;color:#113d78}
.pi-equation{font-size:24px;color:#113d78}
.pi-purpose{font-size:14px;color:#4d6580}
.pi-field{grid-template-columns:28px minmax(0,1fr) 78px}
.pi-field input[type=range]{accent-color:#1c68b4}
.pi-field input[type=number]{font-size:16px;padding:5px 6px;border-color:#a9bdd3}
.pi-other{font-size:14px;border-color:#dbe5f0;color:#4d6580}
.pi-other .other-title{color:#173d66}
.conditions-row{font-size:14px}
.lab-assistant{background:#fff;padding:17px 16px 14px;gap:12px;border-color:#c8d6e7;color:#173657}
.lab-assistant h2{font-size:20px;color:#113d78}
.assistant-mode{border-color:#d8e2ee;font-size:13px}
.assistant-context{font-size:14px;color:#4d6580}
.assistant-context strong{color:#173d66}
.assistant-message{font-size:15px;line-height:1.8;color:#173657}
.assistant-message.answer{background:#f1f6fc;border-radius:7px;padding:12px;border-left:2px solid #bdd0e5}
.assistant-message-label{color:#456485;font-size:13px}
.assistant-message .message-source{color:#4d6580;font-size:12px}
.assistant-suggestions{border-top:1px solid #dbe5f0;padding-top:10px}
.assistant-suggestions button{font-size:14px;color:#173d66}
.assistant-compose textarea{border-color:#a9bdd3;font-size:15px;min-height:70px}
.assistant-compose button[type=submit]{background:#113d78;border-color:#113d78;font-size:15px;padding:6px 16px}
.assistant-compose-row span{font-size:12px;color:#4d6580}
body.course-new{background:#f1f5fa;color:#173657}
body.course-new #site-header{background:#f7faff;border-color:#ccd9e8}
body.course-new .site-nav a{font-size:15px;color:#4d6580}
body.course-new .site-nav a[aria-current=page]{color:#113d78;border-color:#c9982e}
body.course-new main.page-shell{background:#f1f5fa;margin:0!important;max-width:none!important}
body.course-new .course-card,body.course-new .course-plot,body.course-new .course-controls,body.course-new .design-controls,body.course-new .design-panel{background:#fff;border-color:#c8d6e7;border-radius:7px}
body.course-new h1,body.course-new h2{color:#113d78}
body.course-new .course-plot h2,body.course-new .design-panel h2{background:#fbfdff;font-size:17px}
body.course-new .btn.active,body.course-new .btn[aria-pressed=true]{background:#eaf2fc;border-color:#9fb7d2;color:#113d78}
body.course-new input[type=range]{accent-color:#1c68b4}
@media(max-height:740px) and (min-width:1101px){.lab-main{grid-template-rows:auto minmax(0,1fr) 190px 20px;padding:10px 16px 8px;gap:8px}.lab-title-row h1{font-size:23px}.lab-title-copy p{font-size:13px}.fadec-panel{gap:8px;padding:10px 12px}.pi-equation{font-size:22px}.scene-topline{height:30px;min-height:30px}.plot-panel{grid-template-rows:30px minmax(0,1fr) 29px}.plot-summary{font-size:12px}.plot-summary strong{font-size:13px}.pi-other{font-size:13px}.plot-heading h2{font-size:16px}}
@media(max-width:1100px){.lab-layout{grid-template-columns:1fr}.lab-title-copy p{display:none}.lab-stage{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:700px){body.v04-lab{height:100dvh;overflow:hidden}.lab-layout{height:calc(100dvh - 52px);min-height:0}.lab-main{height:100%;min-height:0;padding:10px;gap:8px;grid-template-rows:auto minmax(0,1fr) 185px 26px}.lab-title-row{min-height:36px}.lab-title-row h1{font-size:22px}.lab-topbar{padding-inline:14px}.lab-brand{font-size:16px;letter-spacing:0}.lab-global-nav{gap:16px}.lab-global-nav a{font-size:14px}.lab-btn{font-size:13px;min-height:31px;padding:5px 9px}.lab-stage{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(135px,1fr) auto;overflow:hidden}.lab-stage.overview{grid-template-rows:1fr}.scene-panel,.lab-stage.overview .scene-panel{height:auto;min-height:0}.scene-topline{min-height:28px;height:28px;padding:3px 10px}.scene-topline button{font-size:13px}.scene-bottomline{min-height:28px;padding:4px 10px;font-size:12px}.scene-live-values{font-size:12px;gap:10px}.scene-hotspot{font-size:12px;padding:4px 7px}.scene-hotspot strong{font-size:13px}.scene-hotspot span{font-size:11px}.fadec-panel{padding:8px 12px;gap:6px 14px;grid-template-columns:1fr 1fr;overflow:visible}.fadec-heading{grid-column:1}.fadec-heading h2{font-size:17px}.fadec-heading button{display:none}.pi-tabs{grid-column:2;grid-row:1}.pi-tabs button{font-size:13px;padding-bottom:5px}.pi-equation{grid-column:1;grid-row:2;font-size:18px;text-align:left;line-height:1.2}.pi-purpose{grid-column:2;grid-row:2;font-size:12px;text-align:right;margin:0;align-self:center}.pi-field{grid-column:auto;grid-template-columns:21px minmax(0,1fr) 63px;gap:6px}.pi-field label{font-size:17px}.pi-field input[type=number]{font-size:14px;padding:3px}.pi-other{grid-column:1;grid-row:4;display:flex;align-items:center;gap:8px;border-top:0;padding-top:0;font-size:12px;white-space:nowrap}.pi-other .other-title{display:none}.pi-other p{margin:0}.pi-other #fixed-compensation{display:none}.conditions-row{grid-column:2;grid-row:4;font-size:12px;justify-content:flex-end;gap:5px}.conditions-row select{font-size:12px;max-width:105px}.conditions-row .lab-btn{font-size:12px;min-height:25px;padding:1px 2px}.lab-plots{grid-template-columns:1fr 1fr;gap:8px}.plot-panel{height:auto;grid-template-rows:29px minmax(0,1fr) 41px}.plot-heading{padding:4px 8px 2px;gap:4px}.plot-heading h2{font-size:14px}.plot-heading .plot-legend{display:none}.plot-heading button{font-size:12px;white-space:nowrap}.plot-summary{display:block;padding:3px 8px;font-size:12px;line-height:1.4}.plot-summary span{display:block}.plot-summary strong{font-size:12px}.plot-canvas{padding:0 3px}.plot-canvas text{font-size:12px}.lab-statusline{font-size:11px;gap:4px;flex-wrap:nowrap;line-height:1.3}.lab-statusline #trial-status{max-width:78%}.lab-statusline button{white-space:nowrap}.lab-taskbar{margin:0 0 4px}.lab-taskbar button{font-size:12px;padding:4px 6px}.lab-title-row .lab-actions{max-width:none}.lab-mobile-assistant{font-size:12px;padding:3px 7px;min-height:28px}}
@media(max-width:430px){.lab-brand{display:none}.lab-global-nav{margin-left:0;gap:18px}.lab-topbar{justify-content:space-between}.lab-title-row h1{font-size:19px}.lab-main{grid-template-rows:auto minmax(0,1fr) 190px 29px}.lab-stage{grid-template-rows:minmax(110px,1fr) auto}.fadec-panel{gap:5px 8px;padding:7px 9px}.pi-equation{font-size:16px}.pi-purpose{font-size:11px}.pi-other{font-size:11px}.conditions-row{gap:4px}.scene-live-values{gap:8px;font-size:11px}.plot-heading h2{font-size:13px}.plot-heading button{font-size:11px}.source-mode .lab-brand{display:none}.source-mode .lab-global-nav{gap:15px}}
.hero-target{position:absolute;transform:translate(-50%,-50%);border:1px solid transparent;background:transparent;border-radius:12px;cursor:pointer}.hero-target:hover,.hero-target:focus-visible{border-color:#bc8d2a;background:#c9982e0a;outline:0}.scene-hotspot{z-index:2}.source-status[hidden]{display:none!important}

/* Course supplements share the original teaching blue and gold. */
body.course-new{--blue:#1c68b4;--blue-light:#eaf2fc}body.course-new .btn{border-color:#c2d1e2;color:#173d66}body.course-new .btn-primary{background:#1c68b4;border-color:#1c68b4;color:#fff}body.course-new .btn-primary:hover{background:#113d78;border-color:#113d78;color:#fff}
body.course-new .live-loop .loop-current{fill:#1c68b4}body.course-new .live-loop g[stroke="#536781"]{stroke:#426c98}body.course-new .live-loop marker path{fill:#426c98}body.course-new .live-loop g[fill="#243348"]{fill:#173657}
body.course-new .model-physical rect.variable-active{fill:#eaf2fc;stroke:#1c68b4}body.course-new .model-physical text.variable-active,body.course-new .model-physical .model-flow-dot{fill:#1c68b4}body.course-new .variable-active{color:#1c68b4;background:#eaf2fc;outline-color:#c8d9ec}
/* Compact chapters: the structural figure and response retain full reading width. */
@media(max-width:760px){
 body.course-new:is([data-page="concepts"],[data-page="modeling"]){height:100dvh;overflow:hidden}body.course-new:is([data-page="concepts"],[data-page="modeling"]) main.course-page{height:calc(100dvh - 94px);min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:7px;padding:8px 10px!important}
 body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-topbar h1{font-size:18px;line-height:1.3}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-toolbar{justify-content:flex-start;flex-wrap:nowrap;gap:8px;font-size:12px;min-width:0}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-toolbar input[type=range]{width:90px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-toolbar label{gap:3px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-toolbar .btn{min-height:27px;padding:3px 7px;font-size:12px}
 body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-card{padding:7px 9px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-card h2{font-size:15px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-card-title{gap:4px;flex-wrap:wrap}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-card-title .legend{font-size:11px;gap:8px}
 body.course-new[data-page="concepts"] .concept-grid{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(150px,.9fr) minmax(125px,.65fr) minmax(150px,1fr);gap:6px}body.course-new[data-page="concepts"] .concept-main,body.course-new[data-page="concepts"] .concept-side{display:contents}body.course-new[data-page="concepts"] .loop-card{grid-column:1/-1;grid-row:1}body.course-new[data-page="concepts"] .rotor-card{grid-column:1;grid-row:2}body.course-new[data-page="concepts"] .signal-card{grid-column:2;grid-row:2}body.course-new[data-page="concepts"] .response-card{grid-column:1/-1;grid-row:3}body.course-new[data-page="concepts"] .rotor-reading{gap:5px}body.course-new[data-page="concepts"] .rotor-reading strong{font-size:23px}body.course-new[data-page="concepts"] .rotor-reading span{font-size:11px}body.course-new[data-page="concepts"] .signal-card>div{font-size:12px;gap:5px}body.course-new[data-page="concepts"] .signal-card strong{font-size:17px}body.course-new[data-page="concepts"] .signal-card p{font-size:11px;padding-top:3px;line-height:1.25}
 body.course-new[data-page="modeling"] .model-grid{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(150px,.95fr) minmax(155px,1fr) minmax(140px,.85fr);gap:6px}body.course-new[data-page="modeling"] .model-left,body.course-new[data-page="modeling"] .model-right{display:contents}body.course-new[data-page="modeling"] .model-object-card{grid-column:1/-1;grid-row:1}body.course-new[data-page="modeling"] .model-equation-card{grid-column:1;grid-row:2}body.course-new[data-page="modeling"] .model-transform-card{grid-column:2;grid-row:2}body.course-new[data-page="modeling"] .response-card{grid-column:1/-1;grid-row:3}body.course-new[data-page="modeling"] .model-live-values{font-size:12px;gap:22px}body.course-new[data-page="modeling"] .model-live-values strong{font-size:19px}body.course-new[data-page="modeling"] .model-equations{font-size:18px;gap:6px}body.course-new[data-page="modeling"] .model-transform math{font-size:18px}body.course-new[data-page="modeling"] .model-transform br{display:none}body.course-new[data-page="modeling"] .model-transform{line-height:1.7}body.course-new[data-page="modeling"] .model-closed-formula{padding-top:4px}body.course-new[data-page="modeling"] .model-closed-formula math{font-size:17px}body.course-new[data-page="modeling"] .model-stage-buttons{gap:2px}body.course-new[data-page="modeling"] .model-stage-buttons .btn{font-size:11px;padding:3px 4px;min-height:25px}body.course-new[data-page="modeling"] .model-equation-card .course-muted{font-size:11px}
 body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-playbar{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:5px 7px;min-height:61px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-playbar .btn{min-height:28px;padding:3px 8px;font-size:12px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-playbar>label{gap:5px;font-size:12px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-playbar select{height:28px;width:61px;font-size:12px}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-timeline{grid-column:1/-1;flex-basis:auto;margin:0;min-width:0}body.course-new:is([data-page="concepts"],[data-page="modeling"]) .course-timeline output{min-width:58px}
}

@media(max-width:760px){body.course-new .site-nav{gap:10px;min-width:0;flex:1}body.course-new .site-nav a{font-size:13px}body.course-new .course-case-label{flex:0 0 auto}body.course-new .course-case-label select{width:105px}body.course-new .site-header-inner{gap:8px}}

/* Supplementary normalized cases: compact workspace, without touching source-mode or chapters 1-2. */
@media(max-width:1000px){
 body.course-new:not(.source-mode):is([data-page="time"],[data-page="root"],[data-page="frequency"],[data-page="design"]){height:100dvh;overflow:hidden}
 body.course-new:not(.source-mode):is([data-page="time"],[data-page="root"],[data-page="frequency"],[data-page="design"]) main.page-shell{height:calc(100dvh - 94px);min-height:0;overflow:hidden;padding:8px 10px!important}
 body.course-new:not(.source-mode) .chapter-workspace{height:100%;min-height:0;grid-template-rows:30px 104px minmax(0,1fr);gap:7px}body.course-new:not(.source-mode) .chapter-toolbar{flex-wrap:nowrap;gap:7px}body.course-new:not(.source-mode) .chapter-toolbar h1{font-size:18px}body.course-new:not(.source-mode) .chapter-toolbar .btn{font-size:12px;padding:3px 7px;min-height:27px}
 body.course-new:not(.source-mode) .chapter-workspace .course-context{grid-template-columns:minmax(0,1fr);grid-template-rows:66px 30px;gap:2px;min-height:0;padding:2px 5px}body.course-new:not(.source-mode) .chapter-workspace .course-loop{height:66px}body.course-new:not(.source-mode) .chapter-workspace .course-equations{min-width:0;gap:16px;justify-content:center}body.course-new:not(.source-mode) .chapter-workspace .course-equations math{font-size:15px}
 body.course-new:not(.source-mode) .chapter-workspace .course-main{grid-template-columns:150px minmax(0,1fr);min-height:0;overflow:hidden;gap:7px}body.course-new:not(.source-mode) .chapter-workspace .course-controls{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;gap:8px;padding:8px}body.course-new:not(.source-mode) .chapter-workspace .course-controls h2{font-size:15px}body.course-new:not(.source-mode) .chapter-workspace .course-controls label{font-size:12px;gap:3px;flex-wrap:wrap}body.course-new:not(.source-mode) .chapter-workspace .course-controls .btn{font-size:11px;padding:3px 5px;min-height:27px}body.course-new:not(.source-mode) .chapter-workspace .course-controls .segmented{gap:3px;flex-wrap:nowrap}body.course-new:not(.source-mode) .chapter-workspace .course-controls .segmented button{font-size:11px;padding:3px 4px}body.course-new:not(.source-mode) .chapter-workspace .course-controls select{font-size:12px;height:28px;padding:3px}body.course-new:not(.source-mode) .chapter-workspace #current-controller math{font-size:12px}body.course-new:not(.source-mode) .chapter-workspace .course-controls input[type=range]{margin-top:6px}
 body.course-new:not(.source-mode) .chapter-workspace .course-readout{grid-template-columns:minmax(0,1fr) auto;gap:6px 4px;padding:7px 0;font-size:12px}body.course-new:not(.source-mode) .chapter-workspace .course-readout strong{max-width:75px;overflow-wrap:anywhere}body.course-new:not(.source-mode) .chapter-workspace .control-bottom{grid-column:auto;gap:4px}body.course-new:not(.source-mode) .chapter-workspace .course-plots{min-height:0;gap:7px}body.course-new:not(.source-mode) .chapter-workspace .course-plot h2{font-size:14px;padding:5px 7px 2px;gap:2px 5px}body.course-new:not(.source-mode) .chapter-workspace .course-plot h2 small{font-size:11px;line-height:1.25}body.course-new:not(.source-mode) .chapter-workspace .course-chart{padding:1px 3px 3px}body.course-new:not(.source-mode) .chapter-workspace .course-chart text{font-size:12px}
 body.course-new:not(.source-mode) .chapter-workspace .course-plots.time-plots{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}body.course-new:not(.source-mode) .chapter-workspace .time-plots .response-panel{grid-column:1/-1;grid-row:1}body.course-new:not(.source-mode) .chapter-workspace .routh-table{font-size:11px}body.course-new:not(.source-mode) .chapter-workspace .routh-table td{padding:3px 4px}body.course-new:not(.source-mode) .chapter-workspace .routh-panel .course-chart{padding:3px 5px}body.course-new:not(.source-mode) .chapter-workspace .routh-note{font-size:11px;line-height:1.3;padding:0 6px 5px}
 body.course-new:not(.source-mode) .chapter-workspace .course-plots.root-plots{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr) 138px}body.course-new:not(.source-mode) .chapter-workspace .root-plots .root-extra{grid-column:1;grid-template-columns:minmax(0,1fr);gap:3px;padding:5px 8px;overflow:auto}body.course-new:not(.source-mode) .chapter-workspace .root-extra math{font-size:14px}body.course-new:not(.source-mode) .chapter-workspace .root-extra p{font-size:11px;line-height:1.3;margin:2px 0}body.course-new:not(.source-mode) .chapter-workspace .root-extra .equation-heading{font-size:11px}
 body.course-new:not(.source-mode) .chapter-workspace .frequency-plots{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.65fr)}body.course-new:not(.source-mode) .chapter-workspace .frequency-plots>.bode-panel{grid-column:1/-1;grid-row:1}body.course-new:not(.source-mode) .chapter-workspace .frequency-plots>.course-plot:nth-child(2){grid-column:1;grid-row:2}body.course-new:not(.source-mode) .chapter-workspace .frequency-plots>.course-plot:nth-child(3){grid-column:1/-1;grid-row:3}body.course-new:not(.source-mode) .chapter-workspace .frequency-plots>.course-plot:nth-child(4){grid-column:2;grid-row:2}body.course-new:not(.source-mode) .chapter-workspace .frequency-plots .bode-pair{min-height:0}
 body.course-new:not(.source-mode) .chapter-workspace .course-classic{min-height:0;overflow:hidden}body.course-new:not(.source-mode) .chapter-workspace .course-classic iframe{height:100%;min-height:0}
 body.course-new:not(.source-mode)[data-page="design"] main.design-shell{grid-template-rows:auto minmax(0,1fr);gap:7px}body.course-new:not(.source-mode)[data-page="design"] .design-heading{gap:8px;flex-wrap:wrap}body.course-new:not(.source-mode)[data-page="design"] .design-heading h1{font-size:18px}body.course-new:not(.source-mode)[data-page="design"] .design-heading button{font-size:12px;padding:3px 7px;min-height:27px}body.course-new:not(.source-mode)[data-page="design"] .design-layout{grid-template-columns:150px minmax(0,1fr);gap:7px;min-height:0}
 body.course-new:not(.source-mode)[data-page="design"] .design-controls{min-width:0;min-height:0;padding:8px;gap:7px;font-size:12px}body.course-new:not(.source-mode)[data-page="design"] .design-controls h2{font-size:15px}body.course-new:not(.source-mode)[data-page="design"] .design-control-top{gap:4px}body.course-new:not(.source-mode)[data-page="design"] .design-control-top span{font-size:11px}body.course-new:not(.source-mode)[data-page="design"] .design-kind button{font-size:13px;padding:3px 5px;min-height:27px}body.course-new:not(.source-mode)[data-page="design"] .design-formula{min-height:34px;font-size:13px;padding:2px 0;overflow:auto}body.course-new:not(.source-mode)[data-page="design"] .design-formula math{font-size:13px}body.course-new:not(.source-mode)[data-page="design"] .design-slider{font-size:12px;line-height:1.3;gap:2px 4px}body.course-new:not(.source-mode)[data-page="design"] .design-slider input{margin:5px 0 6px}body.course-new:not(.source-mode)[data-page="design"] .design-metrics{gap:5px 6px;padding:7px 0}body.course-new:not(.source-mode)[data-page="design"] .design-metrics span{font-size:11px}body.course-new:not(.source-mode)[data-page="design"] .design-metrics strong{font-size:16px}body.course-new:not(.source-mode)[data-page="design"] .design-actions{gap:4px}body.course-new:not(.source-mode)[data-page="design"] .design-actions .btn{font-size:11px;padding:3px 4px;min-height:27px}body.course-new:not(.source-mode)[data-page="design"] .design-select{font-size:12px}body.course-new:not(.source-mode)[data-page="design"] .design-select select{width:100%;font-size:11px;height:29px}body.course-new:not(.source-mode)[data-page="design"] .design-source-note{font-size:11px;line-height:1.3}
 body.course-new:not(.source-mode)[data-page="design"] .design-plots{height:auto;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1.05fr);gap:7px}body.course-new:not(.source-mode)[data-page="design"] .design-panel{padding:6px 6px 3px;min-height:0}body.course-new:not(.source-mode)[data-page="design"] .design-panel h2{font-size:14px;line-height:1.25;gap:2px 4px;flex-wrap:wrap}body.course-new:not(.source-mode)[data-page="design"] .design-panel h2 small{font-size:11px;white-space:normal}body.course-new:not(.source-mode)[data-page="design"] .design-panel svg text{font-size:12px}body.course-new:not(.source-mode)[data-page="design"] .design-legend{font-size:11px;gap:5px;min-height:18px;flex-wrap:wrap}body.course-new:not(.source-mode)[data-page="design"] .design-legend span:last-child{margin-left:0}body.course-new:not(.source-mode)[data-page="design"] .design-bode-panel{grid-column:1/-1}body.course-new:not(.source-mode)[data-page="design"] .design-classic-plots{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);gap:7px}
 body.course-new:not(.source-mode)[data-page="design"] .design-panel path[stroke="#3568e8"],body.course-new:not(.source-mode)[data-page="design"] .design-panel line[stroke="#3568e8"]{stroke:#1c68b4}
}
@media(max-width:760px){body.course-new:not(.source-mode)[data-page="design"] .design-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 7px}body.course-new:not(.source-mode)[data-page="design"] .design-heading h1{grid-column:1/-1}body.course-new:not(.source-mode)[data-page="design"] .design-heading .segmented{justify-self:start}body.course-new:not(.source-mode)[data-page="design"] .design-heading>button{justify-self:end}}