/* Larger scenes and readable controls share the existing simulation model. */
main{max-width:1480px}.lab-header{align-items:flex-start;gap:30px;margin-bottom:24px}.intro>.eyebrow{font-size:11px;margin-bottom:12px}h1{font-size:clamp(28px,3vw,42px);line-height:1.18;letter-spacing:-.045em}.intro>p:last-child{font-size:15px;max-width:720px}.view-bar{padding-top:6px}.view-tabs button{padding:13px 16px;min-width:175px}.view-tabs strong{font-size:13px}.view-tabs small{font-size:10px;max-width:210px}.view-tabs #tab-compare:not([aria-selected=true]){border-color:#009e94;background:#ddf8f1;color:#006962}.site-dark .view-tabs #tab-compare:not([aria-selected=true]){background:#16443f;color:#94f3e4;border-color:#398c80}.settings-toggle{width:48px;min-height:64px}
.ems-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:20px 24px;background:#e0f6f0;border:1px solid #acd9cb;border-radius:16px;color:#08443e}.ems-invite>div{display:flex;align-items:center;gap:16px;min-width:0}.ems-invite-icon{font-size:34px;line-height:1;color:#008d81}.ems-invite p{display:grid;gap:7px;margin:0}.ems-invite strong{font-size:18px;line-height:1.4}.ems-invite p>span{font-size:13px;line-height:1.8;max-width:800px}.ems-invite button{flex:none;display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:10px;background:#00c2bf;color:#002d32;font-weight:800;font-size:14px;line-height:1.5;padding:15px 18px;min-height:48px}.ems-invite button:hover{background:#65e5d4}.site-dark .ems-invite{background:#163c3d;border-color:#376b65;color:#c8f5ec}.site-dark .ems-invite-icon{color:#65dfcd}.comparison-view .ems-invite{display:none}
.monitor-top{padding:20px 24px;min-height:90px}.system-label>.eyebrow{font-size:10px}.system-label h2{font-size:27px}.system-spec{font-size:13px}.weather button{padding:9px 12px;font-size:17px}.weather button span{font-size:12px}.phases{padding:10px 18px;gap:10px;min-height:58px}.phases button{padding:10px 16px;min-height:42px}.phases b{font-size:13px}.phases i{font-size:17px}.flow-layout{grid-template-columns:minmax(0,1fr) minmax(280px,25%)}.scene-wrap{height:clamp(460px,42vw,600px)}.scene-wrap .energy-scene{padding:36px 12px 24px}.scene-topline{font-size:10px;top:18px;left:24px;right:24px}.scene-key{font-size:11px}.scene-footer{font-size:9px;left:24px;right:24px;bottom:14px}.scene-footer>span+span{font-size:10px}.scene-svg .device-label{font-size:24px}.scene-svg .device-sub{font-size:17px}.story{min-height:0;padding:28px 24px}.story .eyebrow{font-size:10px;line-height:1.7}.story h3{font-size:clamp(27px,2.4vw,35px);line-height:1.25}.story>p:not(.eyebrow){font-size:15px;line-height:1.9}.routes{gap:10px;padding-top:18px}.route{font-size:12px}.route b{font-size:11px}.meter{padding:20px 22px}.meter-title{font-size:14px}.meter-title svg{width:18px;height:18px}.meter-value{font-size:38px;margin:10px 0 8px}.meter-value small{font-size:13px}.meter-value .soc-mini{font-size:11px}.meter-sub{font-size:11px;line-height:1.7}.meter-track{height:3px;margin-top:12px}
.transport{padding:20px 24px;gap:24px;min-height:92px}.play-button{font-size:14px;min-height:48px;padding:14px 18px;min-width:160px}.play-button svg{width:17px;height:17px}.clock>span{font-size:9px}.clock output{font-size:32px}.time-ticks{font-size:11px}.speed{width:40px;height:40px;font-size:12px}.restart{font-size:26px;width:30px}.simulation-note{font-size:11px;line-height:1.8;padding-bottom:16px}.timeline input{height:5px}.timeline input::-webkit-slider-thumb{width:20px;height:20px}.day-data>summary,.assumptions>summary{font-size:13px;padding:18px 24px;min-height:55px}.day-data>summary .summary-extra{font-size:11px}.settings>label{font-size:14px}.settings-extra label,.settings-extra button{font-size:13px}.settings-extra small{font-size:11px}
.compare-card{padding:24px 24px 0}.compare-card-head .eyebrow{font-size:10px}.compare-card-head h3{font-size:26px}.compare-card-head>p:last-child{font-size:13px;line-height:1.8}.compare-metrics{padding:17px 0;gap:20px}.compare-metrics>div>span,.compare-metrics p{font-size:12px}.compare-metrics strong{font-size:36px}.compare-metrics strong small{font-size:14px}.compare-card .energy-scene{height:clamp(340px,32vw,455px);margin:12px -12px}.soc-row{font-size:12px}.soc-track{height:6px;margin:12px 0 18px}.compare-explanation h4{font-size:13px}.compare-explanation>p{font-size:13px}.compare-explanation>summary{min-height:60px}.shared-profile{font-size:12px;padding:14px 20px}.comparison-insight{padding:18px 24px;align-items:flex-start}.comparison-insight h3{font-size:16px;line-height:1.7}.comparison-insight p{display:block;font-size:13px;line-height:1.8;margin:7px 0 0;color:#accbd3}.insight-icon{font-size:26px}.price-details>summary{padding:16px 24px;min-height:58px}.price-summary-title{font-size:13px}.price-summary-title>small{font-size:11px}.price-now{font-size:11px}.price-now b{font-size:20px}.price-now .price-unit{font-size:10px}.reserve-note>summary{padding:18px 24px}.reserve-note b{font-size:14px}.reserve-value strong{font-size:17px}.reserve-value>span{font-size:11px}.reserve-note>p{font-size:13px}.graph-card .chart-heading h3,.assumptions-grid h3{font-size:14px}.chart-heading p,.chart-legend,.assumptions-grid p,.table-note{font-size:12px}.graph-axis{font-size:13px}.daily-stat>span{font-size:12px}.daily-stat strong{font-size:30px}.daily-stat p{font-size:11px}table{font-size:13px}th{font-size:12px}caption{font-size:12px}dialog>p:not(.eyebrow){font-size:15px;line-height:1.8}.dialog-done{font-size:13px;min-height:44px}.device-reading small{font-size:11px}.module-footer{font-size:10px}
@media(max-width:1200px){.lab-header{display:block}.view-bar{margin-top:20px}.view-tabs{flex:1}.view-tabs button{flex:1}.view-tabs small{max-width:none}.system-tools{gap:14px}.weather button>span{display:inline}.flow-layout{grid-template-columns:minmax(0,1fr) 280px}.story{padding:24px 20px}.route{font-size:11px}.ems-invite{align-items:flex-start}.ems-invite button{max-width:260px}}
@media(max-width:900px){.ems-invite{display:block}.ems-invite button{margin-top:18px;max-width:none}.monitor-top{flex-wrap:wrap}.system-tools{width:100%;justify-content:space-between}.flow-layout{grid-template-columns:1fr}.scene-wrap{height:490px}.story{display:block;border-left:0;border-top:1px solid var(--line)}.story h3 br{display:none}.routes{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:5px}.route b{display:block;margin-left:10px}.compare-card{padding:20px 18px 0}.compare-card-head h3{font-size:21px}.compare-card .energy-scene{height:310px}.compare-metrics strong{font-size:28px}.meter{padding:18px}.meter-title{font-size:12px}.meter-sub{font-size:11px}.phases{gap:5px}.phases button{padding:9px 10px}.phases b{font-size:12px}.transport{gap:16px}.play-button{min-width:145px}.time-ticks{font-size:10px}}
@media(max-width:600px){main{width:calc(100% - 28px)}.embedded main{width:100%}h1{font-size:30px}.intro>.eyebrow{font-size:10px}.intro>p:last-child{font-size:14px}.view-bar{gap:7px}.view-tabs{gap:4px;padding:4px}.view-tabs button{padding:12px 9px;min-width:0}.view-tabs strong{font-size:12px;white-space:normal;line-height:1.5}.view-tabs small{font-size:10px;line-height:1.6}.settings-toggle{width:42px;flex:none}.ems-invite{padding:19px 17px;border-radius:12px}.ems-invite>div{align-items:flex-start;gap:12px}.ems-invite strong{font-size:17px}.ems-invite p>span{font-size:13px}.ems-invite-icon{font-size:27px}.ems-invite button{width:100%;font-size:13px;padding:13px 12px}.monitor-top{padding:18px 16px}.system-label h2{font-size:22px}.system-label>.eyebrow{font-size:9px}.system-tools{flex-direction:row;align-items:center;gap:8px}.system-spec{font-size:11px}.weather button{padding:8px;font-size:16px}.weather button span{display:none}.phases{flex-wrap:wrap;gap:5px;padding:10px}.phases button{flex:1 0 27%;gap:6px;padding:8px;min-height:40px}.phases b{font-size:12px}.phases i{font-size:15px}.scene-wrap{height:310px}.scene-wrap .energy-scene{padding:42px 0 26px}.scene-topline{left:14px;right:14px;top:14px;font-size:9px}.scene-key{font-size:10px}.scene-footer{left:14px;right:14px;font-size:9px}.scene-footer>span+span{display:none}.scene-svg .device-label{font-size:24px}.scene-svg .device-sub{font-size:17px}.story{padding:21px 18px}.story .eyebrow{font-size:9px}.story h3{font-size:25px}.story>p:not(.eyebrow){font-size:14px}.routes{display:grid;gap:9px}.route{font-size:12px}.route b{display:block;font-size:11px;margin-left:auto}.meters{grid-template-columns:1fr 1fr}.meter{padding:18px 16px}.meter-title{font-size:12px}.meter-value{font-size:30px}.meter-value small{font-size:12px}.meter-value .soc-mini{font-size:10px}.meter-sub{font-size:11px}.transport{padding:18px 16px;gap:15px}.play-button{font-size:13px;min-width:145px;padding:12px}.clock output{font-size:29px}.clock>span{font-size:9px}.timeline{flex-basis:100%;order:4}.time-ticks{font-size:10px}.simulation-note{font-size:10px;padding:0 15px 16px}.day-data>summary,.assumptions>summary{font-size:12px;padding:17px 16px}.day-data>summary .summary-extra{font-size:0}.compare-grid{grid-template-columns:1fr}.compare-card{padding:22px 18px 0}.compare-card+.compare-card{border-left:0;border-top:1px solid var(--line)}.compare-card-head .eyebrow{font-size:10px}.compare-card-head h3{font-size:24px}.compare-card-head>p:last-child{font-size:13px}.compare-metrics>div>span,.compare-metrics p{font-size:11px}.compare-card .energy-scene{height:310px;margin:12px -10px}.soc-row{font-size:12px}.compare-explanation h4{font-size:13px}.compare-explanation>p{font-size:13px}.shared-profile{font-size:12px;gap:10px 16px;padding:14px}.comparison-insight{padding:17px 16px}.comparison-insight h3{font-size:15px}.comparison-insight p{font-size:12px}.price-details>summary{padding:15px;gap:10px}.price-summary-title{font-size:12px;max-width:140px}.price-now{font-size:10px;gap:13px}.price-now b{font-size:18px}.reserve-note>summary{padding:16px;flex-wrap:wrap}.reserve-note b{font-size:13px;flex:1}.reserve-value strong{font-size:15px}.reserve-value>span{display:none}.reserve-note>p{font-size:12px;padding:0 18px 18px}.settings{padding:20px;gap:22px}.settings>label{font-size:13px}.settings-extra label,.settings-extra button{font-size:12px}.settings-extra small{font-size:10px}.daily-stat strong{font-size:27px}.daily-stat>span{font-size:12px}.daily-stat p{font-size:11px}.graph-card .chart-heading h3,.assumptions-grid h3{font-size:13px}.chart-heading p,.chart-legend,.assumptions-grid p,.table-note{font-size:11px}table{font-size:12px}th{font-size:11px}caption{font-size:11px}.module-footer{font-size:9px}}
.scene-svg .device-label{paint-order:stroke;stroke:#173e50;stroke-width:2.5px;stroke-linejoin:round}