.prop-app{--muted:#adc0cc;--line:#354c5c;--panel:#13232e;--gold:#efc58e;--green:#c4dfa8;color:#e6edf0;background:#0b1720;flex-direction:column;height:100dvh;min-height:0;font-size:1rem;display:flex}.prop-app [hidden]{display:none!important}.prop-app button,.prop-app select,.prop-app summary{min-height:36px}.prop-app button{border-radius:6px}.prop-app :is(button,input,select,summary,a){scroll-margin:1rem}.prop-app :is(h1,h2):focus{outline:2px solid var(--gold);outline-offset:5px}.prop-app :is(button,select,input):disabled{cursor:default;opacity:.45}.prop-header{border-bottom:1px solid var(--line);background:#101d27;flex-shrink:0;align-items:center;gap:24px;min-height:68px;padding:8px 24px;display:flex}.prop-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:1.4rem;font-weight:650;display:flex}.prop-brand svg{color:var(--gold)}.prop-course-tag{letter-spacing:1px;color:var(--muted);margin-left:auto;font-size:.75rem}.prop-course-tag span{padding:0 10px}.prop-header nav{align-items:center;gap:6px;display:flex}.prop-header button{color:#d4e0e7;justify-content:center;align-items:center;gap:8px;min-width:40px;padding:9px 12px;font-size:.875rem;display:flex}.prop-layout{flex:1;grid-template-columns:360px minmax(0,1fr) 320px;min-height:0;display:grid;position:relative}.prop-guide{border-right:1px solid var(--line);background:#11212c;flex-direction:column;min-width:0;min-height:0;display:flex}.prop-lesson-progress{color:#c4d3dc;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 14px;font-size:.75rem;line-height:1.5;display:flex}.prop-lesson-progress span:last-child{white-space:nowrap;color:var(--muted)}.prop-progress-track{background:#263e4e;height:2px}.prop-progress-track i{background:var(--gold);height:2px;display:block}.prop-guide-body{scrollbar-width:thin;scrollbar-color:#597181 transparent;overscroll-behavior:contain;flex:1;padding:25px 24px;overflow-y:auto}.prop-eyebrow{letter-spacing:1.2px;color:#b3c5d0;font-size:.75rem;font-weight:600;line-height:1.5;display:block}.prop-guide .prop-lesson-title{letter-spacing:-.7px;margin:14px 0;font-size:1.875rem;font-weight:600;line-height:1.2}.prop-intro{color:#e0c9a9!important;margin-bottom:24px!important;font-size:1.0625rem!important;line-height:1.6!important}.prop-guide p{color:#c2d0d9;margin:0 0 18px;font-size:1rem;line-height:1.7}.prop-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:24px;display:flex}.prop-tabs button{text-transform:capitalize;color:#becdd7;border-bottom:3px solid #0000;border-radius:5px 5px 0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 5px;font-size:.875rem;display:flex}.prop-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold);background:#1c303c}.prop-app [role=tabpanel]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.prop-equation{overflow-wrap:anywhere;background:#172d3a;border:1px solid #4b6272;border-radius:8px;margin:24px 0;padding:16px}.prop-equation>span{letter-spacing:1px;color:#b0c4d0;margin-bottom:12px;font-size:.75rem;display:block}.prop-equation>div{color:#f4dbad;white-space:pre-wrap;font-family:Cambria Math,Cambria,Georgia,serif;font-size:1.25rem;line-height:1.8}.prop-equation small{color:#b7cad7;margin-top:14px;font-size:.875rem;line-height:1.7;display:block}.prop-correction{border-left:3px solid #d9af80;margin:18px 0 24px;padding-left:14px}.prop-correction p{margin-top:12px;font-size:.875rem}.prop-app summary{cursor:pointer;color:#d3dfe7;padding:6px 0;font-size:.875rem;line-height:1.6}.prop-primary,.prop-secondary{text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:.9375rem;line-height:1.5;display:flex}.prop-app .prop-primary{color:#14212a;background:#e1bf8d;font-weight:650}.prop-app .prop-primary:hover{background:#f0cf9e}.prop-secondary{color:#dde8ed;border:1px solid #698192}.prop-lesson-sources{border-top:1px solid var(--line);color:#aec3d0;margin-top:28px;padding-top:16px;font-size:.8125rem;line-height:1.8}.prop-lesson-sources a{color:#d5dfbb;text-underline-offset:4px;padding:4px 0;text-decoration:underline;display:block}.prop-lesson-nav{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.prop-lesson-nav button{color:#dbe5eb;align-items:center;gap:10px;min-width:40px;padding:10px;font-size:.875rem;display:flex}.prop-experiment-prompt{border-left:3px solid var(--gold);margin:20px 0;padding-left:14px}.prop-experiment-prompt h2,.prop-question{color:#e2ecef;font-size:1.125rem;font-weight:550;line-height:1.5}.prop-answers{flex-direction:column;gap:12px;margin:22px 0;display:flex}.prop-answers button{text-align:left;color:#dde7ed;border:1px solid #617887;gap:12px;padding:14px 12px;font-size:.9375rem;line-height:1.6;display:flex}.prop-answers button span{color:#e0c7a4}.prop-answers .correct{background:#243d2d;border-color:#b4d59e}.prop-answers .incorrect{background:#432f2c;border-color:#e0a48e}.prop-feedback{background:#1c3543;border-radius:7px;padding:14px;font-size:.9375rem}.prop-feedback p{margin:8px 0 0}.prop-guide .prop-complete{color:#d2e7bb;align-items:center;gap:8px;margin-top:16px;font-size:.875rem;display:flex}.prop-lab{scrollbar-width:thin;scrollbar-color:#526e80 transparent;background:#09131b;grid-template-rows:auto minmax(260px,1fr) auto auto auto auto;align-content:start;min-width:0;min-height:0;display:grid;overflow-y:auto}.prop-lab-top{justify-content:space-between;align-items:center;gap:10px;padding:18px 24px 10px;display:flex}.prop-lab-top h2{letter-spacing:-.3px;margin:6px 0 0;font-size:1.125rem;font-weight:550}.prop-lab-top .prop-eyebrow{text-transform:uppercase;color:var(--engine-color)}.prop-lab-top>button{border:1px solid #536b7a;justify-content:center;min-width:40px;padding:9px;display:flex}.prop-stage{min-height:260px;position:relative;overflow:hidden}.prop-stage>div:has(canvas){height:100%!important}.prop-stage canvas{touch-action:none;outline:0}.prop-scene-caption{pointer-events:none;color:#c6d4de;text-shadow:0 1px 3px #000;font-size:.75rem;line-height:1.8;position:absolute;bottom:12px;left:22px;right:16px}.prop-scene-caption small{color:#abc0cd;padding-left:13px;font-size:.75rem;display:block}.prop-status-dot{background:var(--engine-color);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.prop-app .prop-part{color:#d8e5ed;white-space:nowrap;background:#10202af5;border:1px solid #698294;min-height:30px;padding:6px 9px;font-size:.75rem;box-shadow:0 2px 6px #0006}.prop-part.active{color:#f7dfbb;border-color:#e5c193}.prop-part-card{z-index:4;background:#182c38fa;border:1px solid #698295;border-radius:8px;max-width:380px;max-height:80%;padding:16px 44px 16px 16px;font-size:.9375rem;position:absolute;bottom:15px;left:20px;right:20px;overflow-y:auto}.prop-part-card p{color:#c5d5df;margin:10px 0 0;font-size:.875rem;line-height:1.6}.prop-part-card button{min-width:36px;padding:8px;position:absolute;top:5px;right:5px}.prop-scene-error,.prop-scene-loading{text-align:center;color:#c2d3dd;place-content:center;height:100%;padding:30px;font-size:.9375rem;line-height:1.7;display:grid}.prop-scene-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;display:flex}.prop-scene-controls>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prop-scene-controls button{justify-content:center;align-items:center;gap:6px;min-width:36px;padding:8px;font-size:.8125rem;display:flex}.prop-scene-controls button[aria-pressed=true]{color:#ffe0ac;background:#30434d}.prop-scene-controls select{color:#d8e5ed;background:#172c39;border:1px solid #607a8b;border-radius:5px;max-width:150px;padding:8px 6px;font-size:.8125rem}.prop-metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px 22px;display:grid}.prop-metrics>div+div{border-left:1px solid #3a5262;padding-left:14px}.prop-metrics span{letter-spacing:.5px;color:#b3c7d4;margin-bottom:7px;font-size:.75rem;display:block}.prop-metrics strong{letter-spacing:-.6px;color:#f0ddbc;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.65rem;font-weight:500}.prop-metrics small{letter-spacing:0;color:#bdced9;margin-left:6px;font-size:.8125rem;font-weight:400}.prop-plot-panel{scrollbar-width:thin;scrollbar-color:#526e80 transparent;background:#10212c;max-height:400px;padding:20px 22px;overflow:auto}.prop-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;font-size:.875rem;display:flex}.prop-chart-header strong{color:#e2ebf0;font-weight:550}.prop-chart-header span{color:#b8cbd8;font-size:.8125rem}.prop-segments{flex-wrap:wrap;gap:4px;display:flex}.prop-segments button{text-transform:capitalize;color:#b4cbd9;padding:7px 10px;font-size:.8125rem}.prop-segments button[aria-pressed=true]{color:#e5f1f5;background:#344d5a}.prop-plot-wrap{width:100%;min-width:0}.prop-plot{width:100%;height:250px;display:block;overflow:visible}.prop-plot text{fill:#b7cbd8;font-family:inherit;font-size:12px}.prop-plot .prop-axis-title{fill:#d6e4ed;font-size:13px}.prop-chart-note{color:#b5cbd9;margin:10px 0 0;line-height:1.7;font-size:.8125rem!important}.prop-model-note{color:#b5cbd8;border-top:1px solid var(--line);background:#142732;flex-direction:column;gap:5px;padding:14px 22px;font-size:.8125rem;line-height:1.6;display:flex}.prop-model-note strong{color:#d5e3eb;font-weight:600}.prop-model-note span{overflow-wrap:anywhere}.prop-inspector{border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#597181 transparent;overscroll-behavior:contain;background:#132632;min-width:0;min-height:0;padding:20px;overflow-y:auto}.prop-inspector-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.prop-inspector-heading h2{margin:0}.prop-inspector-heading button{justify-content:center;align-items:center;min-width:36px;padding:8px;display:flex}.prop-select-label{color:#cad9e3;font-size:.875rem;line-height:1.5;display:block}.prop-select-label select{color:#eff4f7;background:#1c3443;border:1px solid #698192;border-radius:6px;width:100%;max-width:100%;margin-top:8px;padding:11px 9px;font-size:.875rem;display:block}.prop-text-button{color:#ecd2ac;align-items:center;gap:6px;margin-bottom:16px;padding:10px 0;font-size:.8125rem;display:flex}.prop-controls-body{border-top:1px solid var(--line);padding-top:24px}.prop-control{margin-bottom:24px}.prop-control-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.prop-control label{color:#d0dfe8;flex:1;min-width:100px;font-size:.875rem;line-height:1.5}.prop-number{align-items:center;gap:6px;margin-left:auto;display:flex}.prop-number input{text-align:right;color:#ffe0aa;appearance:textfield;background:#0e202c;border:1px solid #6b8293;border-radius:5px;width:6em;min-height:36px;padding:8px 6px;font-size:.875rem}.prop-number input::-webkit-inner-spin-button{appearance:none}.prop-number>span{color:#c0d0dc;min-width:28px;font-size:.75rem}.prop-control input[type=range]{accent-color:#e5c193;cursor:pointer;background:0 0;width:100%;height:28px;margin:8px 0 0;display:block}.prop-control small{color:#b8cbd7;margin-top:4px;font-size:.8125rem;line-height:1.7;display:block}.prop-input-feedback{color:#ffcf9f;margin-top:7px;font-size:.8125rem;line-height:1.6;display:block}.prop-controls-body details{border-bottom:1px solid var(--line);margin:12px 0 22px;padding-bottom:12px}.prop-controls-body details>summary{margin-bottom:10px}.prop-live-pair{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#c1d2de;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;margin:24px 0;padding:20px 0;font-size:.875rem;line-height:1.5;display:grid}.prop-live-pair b{color:#edf0df;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:15ch;font-weight:500}.prop-control-note{color:#b9cdda;font-size:.8125rem;line-height:1.7}.prop-inspector-equation{margin:22px 0;padding:14px}.prop-inspector-equation>div{font-size:1.125rem}.prop-preset-buttons{flex-wrap:wrap;gap:8px;display:flex}.prop-preset-buttons button{border:1px solid #728897;padding:9px;font-size:.8125rem}.prop-export{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}.prop-export button{align-items:center;gap:9px;padding:10px 0;font-size:.875rem;display:flex}.prop-export small{color:#b0c5d2;font-size:.75rem;line-height:1.7;display:block}.prop-warning{color:#ffd1a6!important}.prop-mobile-tabs{display:none}.prop-feed{height:100%;padding:12px 20px;overflow:auto}.prop-feed svg{width:100%;height:430px;display:block}.prop-feed svg text{fill:#dae6ed;font-family:inherit;font-size:18px}.prop-feed svg .prop-svg-small{font-size:16px}.prop-svg-button{cursor:pointer}.prop-svg-button:hover rect{fill:#304c5f}.prop-svg-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.prop-diagram-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.prop-diagram-toolbar button{background:#1e3949;border:1px solid #738b9b;padding:9px 12px;font-size:.875rem}.prop-diagram-toolbar button[aria-pressed=true]{color:#ffe0ad;border-color:#d1b180}.prop-flowing{animation:1s linear infinite prop-flow}@keyframes prop-flow{to{stroke-dashoffset:-26px}}.prop-feed-paused .prop-flowing{animation-play-state:paused}.prop-feed-status{color:#dce7eb;flex-wrap:wrap;justify-content:center;gap:14px;font-size:.875rem;line-height:1.6;display:flex}.prop-tank-grid{text-align:center;color:#c7dae6;grid-template-columns:1fr 1fr;gap:20px;font-size:.875rem;display:grid}.prop-tank-grid>div{flex-direction:column;align-items:center;gap:8px;display:flex}.prop-tank{background:#273443;border:2px solid;border-radius:32px;width:94px;height:116px;margin:8px 0;position:relative;overflow:hidden}.prop-liquid{opacity:.45;width:100%;position:absolute;bottom:0}.prop-tank span{color:#fff0cf;font-size:.75rem;position:absolute;top:48px;left:0;right:0}.prop-table-scroll{scrollbar-width:thin;max-width:100%;overflow-x:auto}.prop-app table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem;line-height:1.6}.prop-app th{color:#f1dfbf;text-align:right;font-weight:550}.prop-app td{color:#c7dae6;text-align:right}.prop-app th:first-child,.prop-app td:first-child{text-align:left}.prop-app td,.prop-app th{border-bottom:1px solid #405968;padding:10px 9px}.prop-app .prop-total td{color:#f4e0ba;background:#203b47}.prop-app caption{text-align:left;color:#e2ebf0;padding:8px 0 12px;font-weight:600}.prop-plot-panel details{margin-top:16px}.prop-plot-panel details p{color:#c0d3df;font-size:.875rem;line-height:1.7}.prop-comparison{max-height:360px;margin-bottom:20px;font-size:.8125rem;overflow:auto}.prop-comparison p{color:#bfd3e0;font-size:.8125rem;line-height:1.7}.prop-comparison table{min-width:440px;font-size:.8125rem}.prop-comparison button{text-align:left;color:#f0d8b4;padding:6px 0}.prop-comparison tr[aria-selected=true]{background:#304955}.prop-focus{grid-template-columns:1fr}.prop-focus .prop-guide,.prop-focus .prop-inspector{display:none}.prop-focus .prop-plot-panel,.prop-focus .prop-model-note{display:none}.prop-modal{color:#e4edf2;scrollbar-width:thin;scrollbar-color:#698394 transparent;background:#132834;border:1px solid #698394;border-radius:12px;width:calc(100% - 40px);max-width:880px;max-height:88dvh;padding:28px 30px;box-shadow:0 30px 100px #0008}.prop-modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020c15c9}.prop-modal-header{justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}.prop-modal h2{letter-spacing:-.5px;margin:12px 0;font-size:1.625rem;font-weight:550;line-height:1.3}.prop-modal-header button{align-self:flex-start;min-width:40px;padding:10px}.prop-search{color:#b8cddc;background:#1c394a;border:1px solid #748d9e;border-radius:7px;align-items:center;gap:12px;padding:12px;display:flex}.prop-search input{color:#f0f5f7;background:0 0;border:0;outline:none;width:100%;min-height:28px;font-size:1rem}.prop-search:focus-within{outline:2px solid var(--gold);outline-offset:3px}.prop-muted{color:#bfd2df;font-size:.875rem}.prop-empty{color:#e2d3b7;padding:20px 0;font-size:1rem;line-height:1.7}.prop-map-chapter{margin:28px 0}.prop-map-chapter h3{color:#e1e4ce;align-items:center;gap:12px;font-size:1.0625rem;font-weight:550;display:flex}.prop-map-chapter h3>span{color:#e3c498;font-size:.875rem}.prop-map-chapter button{text-align:left;border-bottom:1px solid #456170;align-items:center;gap:16px;width:100%;padding:15px 12px;display:flex}.prop-map-chapter button>span{color:#c7d9e4;flex-shrink:0;width:22px;font-size:.8125rem}.prop-map-chapter button>div{flex:1}.prop-map-chapter button strong{font-size:1rem;font-weight:500}.prop-map-chapter button small{color:#b9d0df;margin-top:6px;font-size:.8125rem;display:block}.prop-map-chapter button[aria-current=page]{background:#304952;border-left:3px solid #e7c388}.prop-source-content h3{color:#f1d8b2;margin:28px 0 14px;font-size:1.125rem;font-weight:550}.prop-source-content p{color:#c7d9e6;font-size:1rem;line-height:1.8}.prop-source-content a{color:#e7e6be;text-underline-offset:4px;text-decoration:underline}.prop-source-content small{color:#bed4e2;font-size:.875rem}.prop-source-content img{border-radius:7px;max-width:100%;height:auto}.prop-glossary article{border-bottom:1px solid #456170;grid-template-columns:65px 1fr;gap:22px;padding:18px 0;display:grid}.prop-glossary article>strong{color:#f0d4ac;font-family:Georgia,serif;font-size:1.375rem;font-weight:500}.prop-glossary h3{margin:2px 0 10px;font-size:1rem;font-weight:550}.prop-glossary small{color:#c2d8e6;margin-left:6px;font-size:.875rem;font-weight:400}.prop-glossary p{color:#c1d8e6;margin:0;font-size:.9375rem;line-height:1.7}.prop-field-legend{color:#d8e7ef;pointer-events:none;background:#10212de8;border-radius:5px;align-items:center;gap:8px;padding:7px 9px;font-size:.75rem;display:flex;position:absolute;top:12px;right:20px}.prop-field-legend i{background:linear-gradient(90deg,#185efa,#20e3bf,#d2ee21,#fb2828);border-radius:3px;width:90px;height:6px;display:block}.prop-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prop-skip-links{z-index:30;pointer-events:none;position:absolute;top:8px;left:8px}.prop-skip-links button{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.prop-skip-links button:focus{clip-path:none;pointer-events:auto;color:#122330;white-space:nowrap;background:#ead2a9;width:auto;height:auto;padding:14px 18px;font-size:1rem;position:relative}@media (min-width:1700px){.prop-layout{grid-template-columns:390px minmax(0,1fr) 350px}.prop-guide-body{padding:28px}.prop-inspector{padding:24px}}@media (max-width:1270px){.prop-layout{grid-template-columns:330px minmax(0,1fr);padding-top:46px}.prop-mobile-tabs{border-bottom:1px solid var(--line);background:#142a37;align-items:center;width:330px;height:46px;display:flex;position:absolute;top:0;left:0}.prop-mobile-tabs button{border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;height:100%;font-size:.875rem;display:flex}.prop-mobile-tabs button[aria-pressed=true]{color:var(--gold);box-shadow:inset 0 -3px var(--gold);background:#30444f}.prop-inspector{border-right:1px solid var(--line);border-left:0;grid-area:1/1;display:none}.prop-guide{grid-area:1/1}.prop-lab{grid-area:1/2;margin-top:-46px}.prop-mobile-controls .prop-guide{display:none}.prop-mobile-controls .prop-inspector{display:block}.prop-course-tag{display:none}.prop-header nav{margin-left:auto}.prop-focus{grid-template-columns:1fr;padding-top:0}.prop-focus .prop-mobile-tabs{display:none}.prop-focus .prop-lab{grid-column:1;margin-top:0}.prop-focus .prop-inspector{display:none}.prop-guide .prop-lesson-title{font-size:1.75rem}.prop-guide-body{padding:24px 22px}}@media (max-width:800px){.prop-app{height:auto;min-height:100dvh}.prop-header{z-index:10;flex-wrap:wrap;gap:8px;min-height:62px;padding:7px 12px;position:sticky;top:0}.prop-brand{gap:7px;font-size:1.2rem}.prop-header button{min-height:40px;padding:8px;font-size:.875rem}.prop-header nav{gap:3px}.prop-header nav button span{display:none}.prop-layout{flex-direction:column;padding-top:0;display:flex}.prop-lab{order:0;grid-template-rows:auto 20rem auto auto auto auto;margin:0;display:grid;overflow:visible}.prop-lab-top{padding:18px 18px 10px}.prop-lab-top h2{font-size:1.125rem}.prop-stage{min-height:0}.prop-scene-controls{justify-content:center;padding:8px 12px}.prop-scene-controls button,.prop-scene-controls select{min-height:40px;font-size:.8125rem}.prop-metrics{gap:10px;padding:15px 16px}.prop-metrics strong{font-size:1.4rem;display:block}.prop-metrics small{margin:4px 0 0;font-size:.75rem;display:block}.prop-metrics span{letter-spacing:0;font-size:.75rem;line-height:1.4}.prop-metrics>div+div{padding-left:10px}.prop-plot-panel{max-height:none;padding:20px 16px;overflow:visible}.prop-model-note{padding:14px 16px}.prop-mobile-tabs{z-index:9;flex-shrink:0;order:1;width:100%;height:48px;position:sticky;top:62px}.prop-guide,.prop-inspector{border-right:0;order:2;min-height:0;overflow:visible}.prop-guide-body{padding:26px 22px;overflow:visible}.prop-guide .prop-lesson-title{font-size:1.875rem}.prop-guide p{font-size:1rem}.prop-inspector{padding:24px 22px}.prop-lesson-nav{z-index:5;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#11212cfa;position:sticky;bottom:0}.prop-lesson-nav button{min-height:44px}.prop-modal{width:calc(100% - 20px);max-height:92dvh;padding:22px 18px}.prop-modal h2{font-size:1.375rem}.prop-glossary article{grid-template-columns:54px 1fr;gap:12px}.prop-feed{padding:8px 12px}.prop-system-view .prop-lab{grid-template-rows:auto auto auto auto auto auto}.prop-system-view .prop-stage{min-height:0}.prop-feed svg{height:auto;min-height:330px}.prop-feed .prop-chart-note{display:block}.prop-feed-status{font-size:.8125rem}.prop-focus .prop-lab{grid-template-rows:auto minmax(330px,65dvh) auto auto}.prop-focus .prop-mobile-tabs,.prop-focus .prop-guide,.prop-focus .prop-inspector{display:none}.prop-control label,.prop-number input,.prop-select-label,.prop-select-label select{font-size:1rem}.prop-number input{width:5.875em;min-height:44px}.prop-control input[type=range]{height:36px}.prop-control-note,.prop-control small,.prop-live-pair{font-size:.9375rem}.prop-sizing-view .prop-plot-panel{max-height:none}.prop-scene-caption{font-size:.75rem;left:16px;right:12px}.prop-scene-caption small{font-size:.75rem}.prop-header .prop-brand svg{width:23px}.prop-skip-links{position:fixed;top:66px}.prop-equation>div{font-size:1.25rem}}@media (max-width:380px){.prop-header{gap:4px}.prop-header button{min-width:36px;padding:8px 6px}.prop-brand{font-size:1.1rem}.prop-metrics{gap:7px;padding:14px 12px}.prop-metrics>div+div{padding-left:7px}.prop-metrics strong{font-size:1.25rem}.prop-guide-body,.prop-inspector{padding:22px 18px}.prop-stage{min-height:300px}.prop-scene-caption small{max-width:30ch}.prop-equation{padding:13px}.prop-field-legend{right:12px}.prop-modal{padding:20px 16px}}@media (forced-colors:active){.prop-tabs button[aria-selected=true],.prop-mobile-tabs button[aria-pressed=true],.prop-scene-controls button[aria-pressed=true]{border:2px solid highlight}.prop-progress-track i{background:highlight}.prop-primary{border:2px solid buttontext}.prop-plot path{stroke:canvastext}.prop-plot text{fill:canvastext}}.prop-feed-valves{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.prop-feed-valves button{background:#3c2f2d;border:1px solid #d3a18f;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 12px;font-size:.8125rem;line-height:1.5;display:flex}.prop-feed-valves button[aria-pressed=true]{background:#243e32;border-color:#b8d69d}.prop-feed-valves strong{font-weight:500}.prop-feed-valves span{font-weight:600}.prop-chart-data summary{color:#c8dbe7;font-size:.8125rem}.prop-comparison tr[data-selected=true]{background:#304955}.prop-table-scroll:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.prop-app tbody th{color:#c7dae6;font-weight:400}.prop-app .prop-total th{color:#f4e0ba;background:#203b47}.prop-system-view .prop-stage{min-height:0}.prop-feed{height:auto}.prop-stage canvas:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}.prop-lab{grid-template-rows:auto minmax(20rem,1fr) auto auto auto auto}.prop-plot-panel{max-height:none;overflow:visible}.prop-sizing-view .prop-plot-panel{max-height:none}.prop-system-view .prop-lab{grid-template-rows:auto auto auto auto auto}.prop-stage{min-height:20rem}.prop-chart-data{margin-top:8px!important}.prop-chart-data[open] .prop-table-scroll{max-height:280px;overflow:auto}.prop-focus .prop-lab{grid-template-rows:auto minmax(20rem,1fr) auto auto}.prop-focus .prop-stage{min-height:20rem}.prop-app .prop-part:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media (max-width:800px){.prop-lab{grid-template-rows:auto 20rem auto auto auto auto}.prop-system-view .prop-lab{grid-template-rows:auto auto auto auto auto auto}.prop-system-view .prop-stage{min-height:0}.prop-focus .prop-lab{grid-template-rows:auto minmax(330px,65dvh) auto auto}}.prop-mobile-tabs .prop-jump-lab{display:none}@media (max-width:800px){.prop-mobile-tabs{order:-1;top:62px}.prop-mobile-tabs .prop-jump-lab{display:flex}.prop-app :is(#prop-lesson-title,#prop-controls-title,#prop-lab-title){scroll-margin-top:130px}.prop-feed svg{min-height:0}.prop-feed svg text{font-size:28px}.prop-feed-valves button{font-size:.875rem}}.prop-tank span{color:#fff0cf;background:#132732;border-radius:4px;padding:4px 0;font-size:.8125rem;top:44px;left:4px;right:4px}.prop-tabs button{overflow-wrap:anywhere;min-width:0}.prop-header{flex-wrap:wrap}.prop-scene-caption{background:#09131be8;border-radius:5px;padding:5px 8px;bottom:8px;left:14px;right:14px}.prop-vehicle-header-link{color:#eed4aa;border:1px solid #8c795c;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:.875rem;display:flex}.prop-vehicle-callout{color:#edcea0;background:#28352f;border:1px solid #876f49;border-radius:7px;align-items:center;gap:12px;margin:24px 0;padding:15px;display:flex}.prop-vehicle-callout>span{flex:1}.prop-vehicle-callout strong{font-size:.9375rem;font-weight:550;display:block}.prop-vehicle-callout small{color:#c6d4c1;margin-top:5px;font-size:.8125rem;line-height:1.7;display:block}.prop-modal .prop-vehicle-callout{margin:0 0 24px}@media (max-width:800px){.prop-vehicle-header-link{display:none}}
