@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;color:#233d43;background:#f5f5f0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}button:focus-visible{outline:2px solid #087f72;outline-offset:2px}code,.eyebrow,.simulator-footer,.canonical-note,.placeholder-tag,.state-readout,.connection-status,.type-chip,.inspector-readout,.inspector-subheading>span{font-family:IBM Plex Mono,monospace}.simulator-shell{min-height:100vh;background:radial-gradient(circle at 70% -10%,rgba(29,101,99,.22),transparent 34rem),#f5f5f0}.simulator-header{min-height:76px;padding:16px clamp(18px,3vw,42px);display:flex;align-items:center;gap:26px;border-bottom:1px solid #d5dfdc;background:#fffefa}.brand-lockup,.lesson-lockup,.header-status{display:flex;align-items:center}.brand-lockup{gap:12px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #087f72;color:#087f72;font:600 12px IBM Plex Mono,monospace;letter-spacing:-.08em}.eyebrow{margin:0 0 5px;color:#587177;font:600 10px IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:22px;line-height:1;letter-spacing:-.03em}h2{margin-bottom:0;font-size:20px;letter-spacing:-.03em}h3{margin-bottom:0;font-size:15px}.lesson-lockup{gap:10px;padding-right:24px;border-right:1px solid #d5dfdc;color:#526b70;font-size:13px}.lesson-lockup strong{font-weight:500}.lesson-number{color:#ae570e;font:600 18px IBM Plex Mono,monospace}.header-status{gap:8px;color:#526b70;font:500 11px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:#60757b;box-shadow:0 0 12px currentColor}.status-drive{background:#087f72;color:#087f72}.status-precharge,.status-hv_ready{background:#ae570e;color:#ae570e}.status-check,.status-wake{background:#9f8cff;color:#9f8cff}.inspector-toggle{padding:9px 12px;border:1px solid #b6cbc4;color:#526b70;background:#fff;cursor:pointer;font:10px IBM Plex Mono,monospace;text-transform:uppercase}.inspector-toggle:hover,.inspector-toggle.active{border-color:#087f72;color:#087f72;background:#e4f2ed}.toggle-icon{margin-right:7px;color:#ae570e}.lesson-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:18px;padding:24px clamp(18px,3vw,42px);align-items:start}.lesson-view,.vehicle-rail{min-width:0}.vehicle-rail{position:sticky;top:18px;display:grid;gap:18px;z-index:2}.lesson-progress,.view-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.lesson-progress{padding-bottom:22px;border-bottom:1px solid #d5dfdc}.stage-track{display:flex;align-items:center;gap:14px}.stage-track-item{display:flex;align-items:center;gap:6px;color:#62777b;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.stage-track-item.active,.stage-track-item.complete{color:#526b70}.stage-marker{display:grid;place-items:center;width:22px;height:22px;border:1px solid #2c4248;color:#62777b;font:9px IBM Plex Mono,monospace}.stage-marker.active{border-color:#087f72;color:#087f72}.stage-track{opacity:.72}.stage-track-item.active{color:#087f72}.lesson-intro{max-width:830px;padding:25px 0 20px;display:flex;justify-content:space-between;align-items:end;gap:30px}.lesson-intro>p{max-width:570px;margin:0;color:#526b70;font-size:16px;line-height:1.55}.learner-question{margin:0;color:#183b40;font-size:21px;font-weight:600;letter-spacing:-.025em}.lesson-action{flex:0 0 190px;display:grid;gap:9px}.start-system{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 13px;border:1px solid #087f72;color:#f5f5f0;background:#087f72;cursor:pointer;font:600 11px IBM Plex Mono,monospace;text-transform:uppercase}.start-system:hover{background:#a4f4e4}.start-system:disabled{cursor:wait;opacity:.7}.start-system:disabled{cursor:default}.simulator-logo{display:flex;align-items:center;flex-shrink:0}.simulator-logo img{height:28px;width:auto;object-fit:contain}.simulator-logo:focus-visible{outline:2px solid #087f72;outline-offset:4px}@media(max-width:700px){.simulator-logo img{height:24px}}.vcu-context,.accelerator-panel{margin-bottom:18px;padding:20px;border:1px solid #49616a;background:#e9f1ee;color:#405b60;line-height:1.5}.vcu-context button{background:none;border:0;padding:0;color:#c0b3ff;font:inherit;font-weight:600;cursor:pointer}.accelerator-panel{padding:12px 18px 14px;display:grid;gap:10px;border-color:#4b3c76;background:#f3eff9}.accelerator-heading{display:flex;align-items:center;gap:10px;color:#7151a8;font:10px IBM Plex Mono,monospace;text-transform:uppercase}.accelerator-control{display:flex;align-items:center;gap:16px}.accelerator-control>div{min-width:0}.accelerator-panel.is-collapsed{padding:8px 12px;display:flex;align-items:center;gap:12px}.accelerator-panel.is-collapsed .accelerator-heading{display:none}.accelerator-panel.is-collapsed .accelerator-control{width:100%;align-items:center;gap:12px}.accelerator-panel.is-collapsed .accelerator-pedal{min-width:150px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:8px}.accelerator-panel.is-collapsed .pedal-face{width:28px;padding:3px 0;border-width:1px;border-radius:6px;font-size:20px}.accelerator-panel.is-collapsed .accelerator-control>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.accelerator-panel.is-collapsed .accelerator-control h3,.accelerator-panel.is-collapsed .accelerator-control p{margin:0;font-size:11px}.accelerator-panel h3{color:#183b40;margin:0}.accelerator-panel small,.vcu-context small{color:#526b70}.accelerator-pedal{min-width:155px;padding:16px;display:grid;justify-items:center;gap:8px;border:2px solid #a58dc4;background:#f1edf8;color:#513b7c;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.pedal-face{display:block;width:48px;padding:12px 0;border:2px solid #a58dc4;border-radius:10px;font-size:36px;line-height:1;transform:perspective(150px) rotateX(-15deg);transition:transform .12s}.accelerator-pedal.is-pressed{background:#e3daf2}.accelerator-pedal.is-pressed .pedal-face{transform:perspective(150px) rotateX(20deg)}.accelerator-pedal:focus-visible,.vcu-context button:focus-visible{outline:3px solid #087f72;outline-offset:4px}.accelerator-pedal:disabled{opacity:.5;cursor:default}@media(max-width:700px){.accelerator-control{align-items:stretch}.accelerator-control .accelerator-pedal{min-width:135px}}.action-pulse{width:7px;height:7px;border-radius:50%;background:#f5f5f0;box-shadow:0 0 10px #f5f5f0}.action-arrow{margin-left:auto;font-size:15px}.lesson-action small{color:#587177;font:9px/1.4 IBM Plex Mono,monospace}.event-cue{padding:22px 24px;margin-bottom:18px;display:grid;grid-template-columns:1fr;gap:8px;border:1px solid #34545b;border-left:4px solid #087f72;color:#405b60;background:#e9f1ee;font-size:16px;line-height:1.55;animation:cue-in .28s ease-out}.event-cue strong{color:#183b40;font-size:22px;line-height:1.25;font-weight:600}.event-cue .cue-marker{display:none}.system-check{margin-bottom:18px;padding:14px 16px;border:1px solid #4b3c76;background:#f3eff9}.system-check-heading{display:flex;align-items:center;gap:10px}.system-check-heading>div{display:grid;gap:2px}.system-check-heading .eyebrow{margin:0;color:#7151a8}.system-check-heading strong{color:#183b40;font-size:14px;font-weight:600}.check-pulse,.check-light{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#7151a8;box-shadow:0 0 10px #b29fffcc}.check-result{margin-left:auto;color:#7151a8;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.check-relationships{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-relationship{padding:9px 10px;display:grid;grid-template-columns:8px 1fr auto;gap:3px 8px;align-items:center;border:1px solid #342e53;color:#8b82b5;font:10px IBM Plex Mono,monospace}.check-relationship .check-light{grid-row:span 2;width:5px;height:5px;background:#554d72;box-shadow:none}.check-relationship strong{color:#a9a1cf;font-weight:500}.check-relationship>span:not(.check-light){grid-column:2;color:#726b94;font-size:9px;text-transform:uppercase}.check-relationship small{grid-column:3;grid-row:1 / span 2;color:#554d72;font-size:8px;text-transform:uppercase}.check-relationship.is-active{border-color:#63538d;background:#4b3c7638}.check-relationship.is-active .check-light{background:#087f72;box-shadow:0 0 8px #76e6d1cc}.check-relationship.is-active strong,.check-relationship.is-active small{color:#d1caff}.cue-precharge{border-color:#ae570e}.cue-hv_ready{border-color:#ae570e;box-shadow:0 0 18px #f5a04a1f}.cue-drive{border-color:#087f72;box-shadow:0 0 18px #76e6d124}.cue-marker{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.system-view-card,.vehicle-view-card,.startup-card,.selection-card,.lesson-next{border:1px solid #d5dfdc;background:#fffefa}.system-view-card{overflow:hidden}.view-card-heading{padding:17px 18px;border-bottom:1px solid #d5dfdc}.canonical-note,.placeholder-tag,.state-readout{color:#587177;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.primary-path-label{padding:14px 18px 8px;display:flex;gap:10px;align-items:center;color:#587177;font:10px IBM Plex Mono,monospace;text-transform:uppercase}.path-kind{padding:4px 6px;border:1px solid;font-size:9px;letter-spacing:.08em}.energy-kind{border-color:#75461f;color:#ae570e}.control-kind{border-color:#4b3c76;color:#7151a8}.safety-kind{border-color:#704330;color:#f2b978}.control-label,.safety-label{margin-top:10px;border-top:1px solid #dce5e1}.causal-path{padding:8px 18px 18px;display:flex;align-items:stretch;gap:7px;overflow-x:auto}.causal-path.is-subdued{opacity:.42}.causal-path.is-subdued .path-node{cursor:pointer}.path-step{min-width:112px;flex:1;display:flex;align-items:center;gap:7px}.path-node{width:100%;min-height:78px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid #cbdad5;color:#233d43;background:#fff;cursor:pointer;text-align:left}.path-node:hover,.path-node.is-selected{border-color:#087f72;background:#deeee7}.path-node.is-standby{opacity:.48}.path-node:not(.is-standby){box-shadow:inset 0 0 0 1px #76e6d114}.path-index{color:#ae570e;font:10px IBM Plex Mono,monospace}.path-node strong{font-size:12px;font-weight:600}.path-node small{color:#587177;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.path-connector{min-width:20px;display:grid;place-items:center;color:#49666d;font-size:18px}.path-connector.is-active{color:#7151a8}.path-connector.path-energy.is-energized{color:#ae570e}.path-connector.path-energy.is-energized span,.path-connector.path-control.is-active span{animation:directional-flow 1.1s linear infinite}.path-connector.path-control.is-active{color:#7151a8}.phase-note{margin:-4px 18px 15px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px dashed #75461f;color:#b98b61;background:#3d251447;font:10px IBM Plex Mono,monospace}.phase-note strong{color:#f5c083}.phase-note small{margin-left:auto;color:#587177;font-size:8px;text-transform:uppercase}.phase-bars{display:flex;gap:3px}.phase-bars i{width:3px;height:15px;display:block;background:#75461f}.phase-bars i:nth-child(2){height:22px;background:#ae570e}.supporting-systems{padding-bottom:4px}.path-section+.path-section{border-top:1px solid #dce5e1}.path-section-safety .primary-path-label{margin-top:0}.support-chip-row{padding:8px 18px 16px;display:flex;flex-wrap:wrap;gap:6px}.support-chip{padding:8px 9px;display:grid;gap:4px;border:1px solid #cbdad5;color:#526b70;background:#fff;cursor:pointer;text-align:left}.support-chip:hover,.support-chip.selected{border-color:#ae570e;background:#fbefdf}.support-chip code{color:#587177;font-size:8px}.support-chip strong{font-size:10px;font-weight:500}.snapshot-strip{padding:10px 18px;display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid #d5dfdc;color:#587177;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.snapshot-light{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#087f72}.snapshot-light.energized{background:#ae570e;box-shadow:0 0 8px #ae570e}.lesson-metrics{opacity:.62}.selection-card{margin-top:14px;padding:15px 17px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:15px;align-items:center}.selection-card h3{margin-bottom:5px}.selection-card p:last-child{margin:0;color:#526b70;font-size:11px;line-height:1.4}.selection-meta{display:grid;gap:5px;color:#587177;font:9px IBM Plex Mono,monospace;text-align:right}.selection-meta code{color:#087f72}.selection-card>button{border:0;color:#587177;background:none;cursor:pointer;font-size:22px}.selection-card>button:hover{color:#233d43}.lesson-next{margin-top:14px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lesson-next strong{color:#233d43;font-size:13px;font-weight:500}.lesson-next button{padding:10px 12px;display:flex;align-items:center;gap:12px;border:1px solid #b6cbc4;color:#087f72;background:transparent;cursor:pointer;font:10px IBM Plex Mono,monospace;text-transform:uppercase}.lesson-next button:hover:not(:disabled){border-color:#087f72;background:#123234}.lesson-next button:disabled{color:#526a70;border-color:#26383d;cursor:not-allowed}.lesson-next button span{font-size:17px}.vehicle-view-card,.startup-card{overflow:hidden}.vehicle-view-card{box-shadow:0 0 24px #76e6d10b}.vehicle-canvas{height:430px;position:relative;border-bottom:1px solid #d5dfdc;background:#e4eeed}.vehicle-canvas canvas{display:block}.scene-reset{position:absolute;top:10px;right:10px;padding:5px 7px;border:1px solid #29434a;color:#587177;background:#071014c2;cursor:pointer;font:8px IBM Plex Mono,monospace;text-transform:uppercase}.scene-reset:hover{border-color:#087f72;color:#233d43}.scene-label{padding:3px 5px;border:1px solid #087f72;color:#233d43;background:#071014e6;cursor:pointer;font:9px IBM Plex Mono,monospace;letter-spacing:.04em}.scene-hover-label{padding:3px 5px;color:#233d43;border:1px solid #49666d;background:#071014db;white-space:nowrap;font:9px IBM Plex Mono,monospace}.scene-callout{min-width:130px;max-width:190px;padding:8px 10px;display:grid;gap:4px;border:1px solid #087f72;border-left:3px solid #ae570e;color:#233d43;background:#fffefa;box-shadow:0 4px 18px #0000004d;pointer-events:none}.scene-callout strong{font-size:12px;font-weight:600}.scene-callout span{color:#526b70;font:9px/1.35 IBM Plex Mono,monospace}.scene-callout{width:150px;min-width:0}.scene-reset{min-height:32px;font-size:10px}.fault-cue{border-color:#b6422d;margin-bottom:12px}.fault-cue strong{color:#963e2d}.lesson-action small,.path-node small{color:#526b70}@media(max-width:700px){.causal-path{flex-direction:column;overflow:visible}.path-step{flex-direction:column;align-items:stretch}.path-node{min-height:64px}.path-connector{transform:rotate(90deg);align-self:center}.event-cue{flex-wrap:wrap}.event-cue>span:last-child{flex-basis:100%;line-height:1.5}.check-relationships{grid-template-columns:1fr}.phase-note{flex-wrap:wrap;line-height:1.5}}.scene-legend{position:absolute;left:12px;bottom:10px;display:flex;flex-wrap:wrap;gap:9px;color:#587177;font:8px IBM Plex Mono,monospace;text-transform:uppercase;pointer-events:none}.scene-legend span{display:flex;align-items:center;gap:4px}.scene-legend i{width:12px;height:2px;display:inline-block}.legend-energy{background:#ae570e}.legend-control{background:#7151a8}.legend-mechanical{background:#087f72}.vehicle-placeholder{min-height:252px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#0a1a20,#081216)}.vehicle-placeholder:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#173138 1px,transparent 1px),linear-gradient(90deg,#173138 1px,transparent 1px);background-size:26px 26px;opacity:.45}.scanline{position:absolute;left:0;right:0;top:42%;height:1px;background:#087f72;opacity:.22;box-shadow:0 0 14px #087f72}.vehicle-outline{width:77%;height:100px;position:relative;display:grid;place-items:center;border:1px solid #3c7173;border-radius:48% 42% 18% 18%/42% 42% 18% 18%;transform:perspective(340px) rotateX(48deg);z-index:1;box-shadow:inset 0 0 22px #76e6d11a,0 0 20px #76e6d114}.vehicle-outline:after{content:"";position:absolute;inset:16px 24px 32px;border:1px solid #2f555d;border-radius:42% 38% 10% 10%}.vehicle-core{transform:rotateX(-48deg);color:#087f72;font:10px IBM Plex Mono,monospace;letter-spacing:.15em;z-index:2}.vehicle-highlight{position:absolute;z-index:4;padding:3px 4px;color:#587177;border:1px solid #29434a;font:8px IBM Plex Mono,monospace;opacity:0;transform:rotateX(-48deg)}.vehicle-highlight-battery{left:19%;top:22%}.vehicle-highlight-inverter{right:19%;top:22%}.vehicle-state-wake .vehicle-highlight,.vehicle-state-check .vehicle-highlight,.vehicle-state-precharge .vehicle-highlight,.vehicle-state-hv_ready .vehicle-highlight,.vehicle-state-drive .vehicle-highlight{opacity:1}.vehicle-state-wake .vehicle-highlight,.vehicle-state-check .vehicle-highlight{color:#7151a8;border-color:#4b3c76}.vehicle-state-precharge .vehicle-highlight{color:#ae570e;border-color:#75461f}.vehicle-state-hv_ready .vehicle-highlight,.vehicle-state-drive .vehicle-highlight{color:#f5c083;border-color:#ae570e;box-shadow:0 0 10px #f5a04a33}.vehicle-state-drive{background:radial-gradient(circle at 70% 48%,rgba(118,230,209,.23),transparent 12rem),linear-gradient(135deg,#0b2629,#081216)}.vehicle-state-drive .vehicle-outline{border-color:#087f72;box-shadow:inset 0 0 30px #76e6d138,0 0 30px #76e6d140}.vehicle-state-drive .wheel{border-color:#087f72;animation:wheel-turn .9s linear infinite}.vehicle-state-hv_ready .vehicle-outline{border-color:#ae570e;box-shadow:inset 0 0 26px #f5a04a2e,0 0 24px #f5a04a33}.vehicle-state-off .vehicle-outline{opacity:.42;filter:saturate(.45)}.wheel{position:absolute;width:30px;height:30px;border:4px solid #203d43;border-radius:50%;background:#f5f5f0;z-index:3}.wheel-front{right:12%;bottom:-15px}.wheel-rear{left:12%;bottom:-15px}.vehicle-placeholder p{position:absolute;bottom:13px;margin:0;color:#587177;font:9px IBM Plex Mono,monospace;text-align:center;z-index:2}.vehicle-caption{padding:14px 16px;display:grid;grid-template-columns:28px 1fr;gap:10px;border-top:1px solid #d5dfdc}.vehicle-caption p{margin:0;color:#8ba0a5;font-size:11px;line-height:1.5}.caption-index{color:#ae570e;font:12px IBM Plex Mono,monospace}.startup-list{padding:8px 16px 14px}.startup-step{min-height:37px;padding:7px 0;display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #14262b;color:#62777b}.startup-step:last-child{border-bottom:0}.startup-step>span{color:#49666d;font:10px IBM Plex Mono,monospace}.startup-step strong{font-size:11px;font-weight:500}.startup-step small{color:#49666d;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.startup-step.current{color:#ae570e}.startup-step.current>span,.startup-step.complete>span{color:#087f72}.startup-step.complete{color:#526b70}.startup-strip .view-card-heading{padding:12px 16px;align-items:center}.startup-strip .startup-list{padding:5px 16px 8px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.startup-strip .startup-step{min-height:42px;padding:6px 5px;display:grid;grid-template-columns:18px 1fr;gap:3px;border:1px solid #14262b}.startup-strip .startup-step small{grid-column:2;font-size:7px}@keyframes directional-flow{0%{transform:translate(-3px);opacity:.45}50%{opacity:1}to{transform:translate(3px);opacity:.45}}@keyframes wheel-turn{to{transform:rotate(360deg)}}@keyframes cue-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inspector-view{padding:28px clamp(18px,3vw,42px)}.inspector-heading{display:flex;justify-content:space-between;gap:30px;padding-bottom:20px;border-bottom:1px solid #d5dfdc}.inspector-heading>div:first-child{max-width:680px}.inspector-heading p:last-child{margin:8px 0 0;color:#8ba0a5;font-size:13px}.inspector-readout{display:flex;gap:15px;align-items:start;color:#587177;font-size:9px;text-transform:uppercase}.inspector-controls{margin:18px 0;padding:14px 16px;display:flex;justify-content:space-between;align-items:end;gap:20px;border:1px solid #d5dfdc;background:#fff}.inspector-state-buttons{display:flex;flex-wrap:wrap;gap:5px}.inspector-state-buttons button{padding:7px 9px;border:1px solid #cbdad5;color:#8ba0a5;background:transparent;cursor:pointer;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.inspector-state-buttons button:hover,.inspector-state-buttons button.active{border-color:#087f72;color:#087f72;background:#123234}.inspector-fault{padding:9px 10px;display:grid;grid-template-columns:16px auto;gap:2px 7px;border:1px solid #cbdad5;color:#526b70;cursor:pointer;font-size:11px}.inspector-fault input{grid-row:span 2;accent-color:#b6422d}.inspector-fault small{color:#587177;font:8px IBM Plex Mono,monospace}.inspector-fault.enabled{border-color:#b6422d;color:#b6422d}.inspector-selection{min-height:40px;padding:10px 13px;display:flex;align-items:center;gap:10px;border:1px solid #d5dfdc;color:#587177;font-size:11px}.inspector-selection span{color:#ae570e;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.inspector-selection code{color:#087f72;font-size:9px}.inspector-selection button{margin-left:auto;border:0;color:#587177;background:none;cursor:pointer;font:9px IBM Plex Mono,monospace;text-transform:uppercase}.inspector-component-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:#d5dfdc}.inspector-component{min-height:115px;padding:12px;display:grid;align-content:start;gap:7px;border:0;color:#233d43;background:#fff;cursor:pointer;text-align:left}.inspector-component:hover,.inspector-component.is-selected{background:#deeee7}.inspector-component.is-selected{box-shadow:inset 0 0 0 1px #087f72}.inspector-component.is-unavailable{opacity:.45}.inspector-component>span{display:flex;justify-content:space-between}.inspector-component>span code{color:#087f72;font-size:9px}.inspector-component small,.inspector-component em{color:#587177;font:9px IBM Plex Mono,monospace;font-style:normal;text-transform:uppercase}.inspector-component strong{font-size:12px;font-weight:600}.inspector-component>code{color:#9c8eff;font-size:8px}.inspector-connections{margin-top:18px;border:1px solid #d5dfdc}.inspector-subheading{padding:14px 16px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #d5dfdc}.inspector-subheading>span{color:#587177;font-size:9px;text-transform:uppercase}.inspector-connection{min-height:44px;padding:8px 16px;display:grid;grid-template-columns:8px minmax(0,1fr) auto 55px;gap:10px;align-items:center;border-top:1px solid #14262b}.inspector-connection.is-related{background:#76e6d112}.inspector-connection>div{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;color:#526b70;font-size:10px}.inspector-connection>div strong{color:#233d43;font-weight:500}.inspector-connection>div code{color:#587177;font-size:8px}.inspector-connection>div b{color:#49666d;font-weight:400}.inspector-connection>small{color:#587177;font:8px IBM Plex Mono,monospace;text-align:right;text-transform:uppercase}.connection-light{width:6px;height:6px;border-radius:50%;background:#40555b}.connection-energized .connection-light{background:#ae570e;box-shadow:0 0 9px #ae570e}.connection-active .connection-light{background:#087f72;box-shadow:0 0 8px #76e6d1b3}.connection-broken{background:#a4453721}.connection-broken .connection-light{background:#b6422d;box-shadow:0 0 8px #b6422d}.connection-inactive{opacity:.6}.connection-status{color:#587177;font-size:9px;text-align:right;text-transform:uppercase}.connection-energized .connection-status{color:#ae570e}.connection-active .connection-status{color:#087f72}.connection-broken .connection-status{color:#b6422d}.type-chip{padding:4px 6px;border:1px solid #2a4148;color:#526b70;font-size:8px}.type-hv_power{border-color:#75461f;color:#ae570e}.type-lv_power{border-color:#315a61;color:#76c9d0}.type-control,.type-can{border-color:#4b3c76;color:#7151a8}.type-sensor{border-color:#315a61;color:#76c9d0}.type-hvil{border-color:#704330;color:#f2b978}.type-mechanical{border-color:#3a5057;color:#526b70}.simulator-footer{padding:13px clamp(18px,3vw,42px) 18px;display:flex;justify-content:space-between;gap:15px;color:#536970;font:9px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase}@media(max-width:980px){.lesson-main{grid-template-columns:1fr}.vehicle-rail{position:static;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}}@media(max-width:700px){.simulator-header{flex-wrap:wrap;gap:14px}.brand-lockup{margin-right:auto}.lesson-lockup{order:3;width:100%;padding:10px 0 0;border-top:1px solid #d5dfdc;border-right:0}.header-status{margin-left:0}.lesson-progress,.lesson-intro,.inspector-heading,.inspector-controls{display:block}.stage-track,.lesson-action{margin-top:18px}.vehicle-rail{grid-template-columns:1fr}.selection-card,.lesson-next{display:block}.selection-meta{margin-top:12px;text-align:left}.selection-card>button{position:absolute;right:30px}.lesson-next button{margin-top:14px}.inspector-readout{margin-top:15px}.inspector-fault{margin-top:15px;width:max-content}.inspector-connection{grid-template-columns:8px minmax(0,1fr) auto}.inspector-connection>small{grid-column:2;text-align:left}.simulator-footer{flex-direction:column}}.simulator-shell{background:#e8ebe5}.simulator-header{min-height:72px;gap:18px}.simulator-logo{padding:0;background:transparent}.simulator-logo img{height:36px}.lesson-main{grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:24px clamp(16px,2.5vw,40px)}.vehicle-rail{position:static;gap:0}.vehicle-view-card{border-radius:14px 14px 0 0;box-shadow:none}.vehicle-canvas{height:clamp(340px,calc(100svh - 285px),820px);background:#cbd9d7}.vehicle-view-card .view-card-heading{align-items:center}.vehicle-view-card h2{font-size:21px}.placeholder-tag{color:#536d70}.vehicle-caption{color:#536d70;background:#f9fbf8}.vehicle-caption p{color:#536d70;font-size:12px}.lesson-view{padding:22px;background:#f6f6ef;border:1px solid #c4d0ca;border-radius:14px;max-height:calc(100svh - 125px);overflow-y:auto;scrollbar-gutter:stable}.workspace-switch{position:sticky;top:-22px;z-index:3;display:flex;gap:6px;padding:14px 0;background:#f6f6ef}.workspace-switch button{flex:1;min-height:44px;padding:9px 10px;border:1px solid #abc2b9;border-radius:7px;background:#e9eee7;color:#36565b;cursor:pointer;font-size:12px}.workspace-switch button[aria-pressed=true]{background:#176d64;color:#fff;border-color:#176d64}.lesson-view .system-view-card{border:0;border-radius:0;background:transparent}.lesson-view .system-view-card>.view-card-heading{padding:6px 0 14px;flex-wrap:wrap;gap:8px}.lesson-view .diagram-hint{margin:0}.lesson-view .causal-path{flex-direction:column;overflow:visible;padding:8px 0 14px}.lesson-view .path-step{flex-direction:column;align-items:stretch}.lesson-view .path-node{min-height:64px}.lesson-view .path-connector{transform:rotate(90deg);align-self:center}.lesson-view .primary-path-label{padding:14px 0 8px;font-size:9px;line-height:1.5}.lesson-view .support-chip-row{padding:8px 0 16px;display:grid;grid-template-columns:1fr 1fr}.lesson-view .support-chip{min-height:54px}.lesson-view .phase-note{margin:0 0 15px;flex-wrap:wrap;line-height:1.5}[hidden]{display:none!important}.lesson-progress{display:block;padding-bottom:20px}.lesson-progress h2{font-size:26px;line-height:1.15}.stage-track{margin-top:18px;gap:12px;opacity:1}.lesson-intro{display:block;padding:22px 0}.lesson-intro .learner-question{color:#233d43;font-size:20px;line-height:1.4}.lesson-action{margin-top:20px}.start-system{min-height:48px;border-radius:8px;color:#fff}.start-system:hover{background:#096b61}.start-system:disabled{background:#dde6e1;color:#536d70;border-color:#ccd9d2;opacity:1}.action-pulse{background:#baf3d5;box-shadow:none}.event-cue{padding:16px;font-size:14px;border-radius:8px}.event-cue strong{font-size:19px}.event-cue span:last-child{color:#405b60}.accelerator-panel,.accelerator-panel.is-collapsed{display:grid;padding:14px;border-radius:10px}.accelerator-control,.accelerator-panel.is-collapsed .accelerator-control{display:grid;gap:14px}.accelerator-pedal,.accelerator-panel.is-collapsed .accelerator-pedal{width:100%;padding:16px;border-radius:8px}.accelerator-panel.is-collapsed .accelerator-control>div{display:block}.accelerator-control h3{font-size:13px}.accelerator-control p{font-size:12px;margin:8px 0 0}.accelerator-panel.is-collapsed .accelerator-control p{margin-top:8px}.startup-strip{border-top:0;border-radius:0 0 14px 14px;padding:14px 18px}.startup-strip .view-card-heading{display:none}.startup-strip .startup-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0}.startup-strip .startup-step{display:flex;flex-wrap:wrap;gap:6px;border:0;padding:8px 4px;min-height:0;color:#526b70}.startup-strip .startup-step strong{font-size:11px;color:#526b70}.startup-strip .startup-step small{display:none}.startup-strip .startup-step.current{background:#deeee7;border-radius:6px}.startup-strip .startup-step.current strong,.startup-strip .startup-step.current>span,.startup-strip .startup-step.complete>span{color:#086b60}.system-view-card{grid-column:1 / -1;border-radius:12px}.system-view-card summary{cursor:pointer;align-items:center;list-style:none}.system-view-card summary::-webkit-details-marker{display:none}.system-view-card summary:after{content:"+";color:#087f72;font-size:26px}.system-view-card[open] summary:after{content:"−"}.system-view-card summary:focus-visible{outline:3px solid #087f72;outline-offset:-4px}.diagram-hint{margin-left:auto;color:#587177;font-size:12px}.selection-card{grid-template-columns:minmax(0,1fr) auto;border-radius:8px}.selection-card p:last-child{font-size:13px}.path-node.is-standby,.causal-path.is-subdued{opacity:1}.path-node.is-standby{background:#f2f5f2;border-style:dashed}.phase-note{color:#835222;background:#fbf1e3;border-color:#b78040}.phase-note strong{color:#835222}.safety-kind{color:#8d4e21}.inspector-heading p:last-child,.inspector-state-buttons button{color:#526b70}.inspector-state-buttons button:hover,.inspector-state-buttons button.active{background:#deeee7;color:#086b60}.inspector-component.is-unavailable,.connection-inactive{opacity:1}.inspector-toggle.active{color:#086b60}.inspector-component>code{color:#7151a8}.type-lv_power,.type-sensor{color:#276c76}.type-hvil{color:#8d4e21}.scene-toolbar{position:absolute;left:16px;top:16px;right:16px;display:flex;flex-wrap:wrap;gap:6px}.scene-toolbar button{padding:9px 12px;min-height:40px;border:1px solid #bacfc9;border-radius:7px;color:#36565b;background:#fffffff0;font-size:12px;cursor:pointer}.scene-toolbar button[aria-pressed=true]{color:#fff;background:#176d64;border-color:#176d64}.scene-toolbar button:disabled{opacity:.5;cursor:default}.scene-legend{font-size:10px;color:#3f6065;background:#ffffffe6;border-radius:6px;padding:8px 10px}.scene-callout,.scene-hover-label{color:#233d43;background:#fffffff5;border-color:#56887d;box-shadow:0 4px 16px #244b4820}.scene-callout span{color:#526b70}.check-relationships{grid-template-columns:1fr}.check-relationship{border-color:#d6cae7;background:#faf7fe}.check-relationship strong,.check-relationship.is-active strong,.check-relationship.is-active small,.system-check-heading strong{color:#513b7c}.check-relationship>span:not(.check-light),.check-relationship small{color:#59446e}@media(min-width:1600px){.lesson-main{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1100px){.simulator-header{flex-wrap:wrap}.lesson-lockup{display:none}.lesson-main{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.lesson-view{padding:18px}}@media(max-width:800px){.lesson-main{grid-template-columns:1fr;padding:16px}.vehicle-rail{grid-template-columns:1fr}.vehicle-canvas{height:clamp(360px,55svh,560px)}.lesson-view{padding:20px;max-height:none;overflow:visible}.workspace-switch{position:static}.is-tracing .vehicle-rail{position:sticky;top:0;z-index:5}.is-tracing .vehicle-canvas{height:32svh;min-height:230px}.is-tracing .vehicle-caption,.is-tracing .startup-strip,.is-tracing .vehicle-view-card>.view-card-heading{display:none}.lesson-progress{display:flex;align-items:center;gap:16px}.stage-track{margin-top:0}.accelerator-control,.accelerator-panel.is-collapsed .accelerator-control{grid-template-columns:minmax(130px,.8fr) 1fr;align-items:center}.diagram-hint{display:none}.startup-strip .startup-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){h1{font-size:17px}.simulator-header{padding:14px 16px;gap:12px}.brand-lockup{width:100%}.lesson-progress{display:block}.stage-track{margin-top:16px}.vehicle-view-card .placeholder-tag{display:none}.scene-toolbar{left:10px;top:10px;right:10px}.scene-toolbar button{font-size:11px;padding:8px}.scene-legend{gap:7px;font-size:8px}.selection-card{display:grid}.selection-card>button{position:static}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}