/* Loaded after the home styles: this overlay stays small enough to leave the vehicle readable. */
.energy-workbench[data-mode="exterior"] .energy-data-card{display:none}
.energy-workbench [hidden]{display:none!important}
.energy-workbench .energy-course-links{display:flex!important;flex-wrap:wrap;justify-content:flex-end;white-space:normal}
.energy-secondary{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#6c7e8d;font-size:10px}.energy-secondary b{color:#324f66;font-size:11px;font-weight:600}
.energy-workbench{position:absolute;inset:0;z-index:18;pointer-events:none;color:#162534;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-variant-numeric:tabular-nums}.energy-workbench[hidden]{display:none!important}.energy-workbench button,.energy-workbench a,.energy-workbench input{pointer-events:auto}.energy-data-card{position:absolute;right:clamp(14px,2.6vw,46px);top:clamp(90px,16vh,190px);width:min(255px,23vw);padding:16px 17px 14px;border:1px solid #fff;background:#f9fbfddd;box-shadow:0 16px 50px #16365320;backdrop-filter:blur(18px);border-radius:19px}.energy-card-head{display:flex;justify-content:space-between;align-items:center;color:#567086;font-size:9px;font-weight:700;letter-spacing:.12em}.energy-card-head button{padding:0;border:0;background:none;color:#506d84;font:inherit;cursor:pointer}.energy-data-card>strong{display:block;margin-top:13px;font-size:18px;letter-spacing:-.03em}.energy-data-card>p{min-height:35px;margin:4px 0 12px;color:#657386;font-size:11px;line-height:1.55}.energy-data-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.energy-data-card dl div{padding-top:8px;border-top:1px solid #dce5ec}.energy-data-card dt{color:#7b8995;font-size:10px}.energy-data-card dd{margin:3px 0 0;font-size:14px}.energy-data-card dd b{font-size:16px;font-weight:600}.energy-data-card dd small{margin-left:2px;color:#697b8b;font-size:9px}.energy-flow-copy{margin-top:13px;padding-top:10px;border-top:1px solid #dce5ec;color:#315c82;font-size:11px;line-height:1.45}.energy-provenance{display:block;margin-top:8px;color:#89949d;font-size:9px}.energy-dock{position:absolute;left:50%;bottom:clamp(14px,3.1vh,38px);width:min(780px,calc(100% - 42px));transform:translateX(-50%);padding:8px;border:1px solid #ffffffc7;border-radius:22px;background:#eef3f7d9;box-shadow:0 14px 45px #1f425b24;backdrop-filter:blur(22px);pointer-events:auto}.energy-modes,.energy-scenarios,.energy-systems,.energy-run-controls,.energy-legend,.energy-course-links{display:flex;align-items:center;gap:5px}.energy-modes{padding-bottom:7px;border-bottom:1px solid #d7e1e9}.energy-workbench button{border:0;border-radius:10px;background:transparent;color:#40556a;font:500 12px/1.1 inherit;cursor:pointer;transition:background .18s,color .18s,transform .18s}.energy-workbench button:hover{background:#ffffffaa}.energy-workbench button.active{background:#fff;color:#0f568c;box-shadow:0 2px 9px #3f66871c}.energy-modes button{flex:1;padding:10px 6px;font-size:13px}.energy-teaching{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 4px 2px}.energy-systems{flex-wrap:wrap}.energy-systems button{padding:6px 7px;font-size:11px}.energy-course-links{white-space:nowrap}.energy-course-links a{color:#386f96;font-size:10px;text-decoration:none}.energy-controls{padding:8px 4px 3px}.energy-scenarios button{padding:7px 11px}.energy-run-controls{margin-top:7px}.energy-run-controls button{padding:6px 8px;font-size:10px}.energy-run-controls label{display:flex;align-items:center;gap:6px;margin-left:auto;color:#677b8c;font-size:10px;white-space:nowrap}.energy-run-controls input{width:88px;accent-color:#197dc2}.energy-run-controls output{min-width:31px;color:#235a81}.energy-legend{gap:13px;margin-top:7px;color:#738292;font-size:9px}.energy-legend span::before{content:"";display:inline-block;width:15px;height:2px;margin:0 4px 3px 0;vertical-align:middle;border-radius:4px;background:#258cd3}.energy-legend .mechanical::before{background:#e68a35}.energy-legend .cooling::before{background:linear-gradient(90deg,#d65d65,#5a9ec9)}.energy-legend .control::before{background:repeating-linear-gradient(90deg,#6e7c87 0 4px,transparent 4px 7px)}.energy-callouts{position:absolute;inset:0;pointer-events:none}.energy-callout{position:absolute;max-width:130px;padding:6px 9px!important;border:1px solid #ffffffdd!important;border-radius:999px!important;background:#ffffffdf!important;color:#235c87!important;box-shadow:0 7px 22px #193d5b26;transform:translate(-50%,-50%);font-size:11px!important;white-space:nowrap}.energy-workbench[data-mode="three-electric"] .energy-data-card{display:none}@media(max-width:1000px){.energy-data-card{width:220px;right:14px}.energy-dock{width:min(690px,calc(100% - 28px))}.energy-course-links{display:none}}@media(max-width:700px){.energy-data-card{top:74px;right:10px;width:185px;padding:11px}.energy-data-card>p{display:none}.energy-data-card dl{gap:6px}.energy-data-card dl div:nth-child(n+3){display:none}.energy-data-card>strong{margin-top:8px;font-size:15px}.energy-flow-copy{font-size:10px}.energy-dock{bottom:9px;width:calc(100% - 16px);padding:6px;border-radius:16px}.energy-modes button{padding:8px 2px;font-size:11px}.energy-teaching{padding:5px 1px}.energy-systems{gap:2px}.energy-systems button{padding:5px;font-size:9px}.energy-controls{padding:5px 1px}.energy-scenarios{justify-content:space-between}.energy-scenarios button{padding:6px 7px;font-size:10px}.energy-run-controls{gap:2px}.energy-run-controls button{padding:5px;font-size:9px}.energy-run-controls label{font-size:9px}.energy-run-controls input{width:54px}.energy-legend{display:none}.energy-callout{font-size:9px!important;padding:5px 7px!important}}html.energy-entry-pending .energy-workbench,html.energy-entry-locked .energy-workbench,body.arrival-playing .energy-workbench{visibility:hidden!important;pointer-events:none!important}@media(prefers-reduced-motion:reduce){.energy-workbench button{transition:none}}

/* Learning controls replace duplicate exhibit cards while keeping disassembly available. */
body[data-energy-teaching] .teaching-dock .mode-row{display:none!important}
body[data-energy-teaching].tools-open .teaching-dock .mode-row{display:flex!important}
body[data-energy-teaching="exterior"] .energy-dock{width:min(540px,calc(100% - 42px))}
body[data-energy-teaching="exterior"] .energy-modes{border:0;padding-bottom:0}
body[data-energy-teaching="energy"] .side-left,body[data-energy-teaching="three-electric"] .side-left,
body[data-energy-teaching="energy"] .exhibit-caption,body[data-energy-teaching="three-electric"] .exhibit-caption{display:none!important}
body[data-energy-teaching="energy"] .hero-stage,body[data-energy-teaching="three-electric"] .hero-stage{left:3%!important;right:25%!important;top:12%!important;bottom:29%!important}
body[data-energy-teaching="three-electric"] .hero-stage{right:6%!important;bottom:19%!important}
.energy-clock{display:block;margin-top:6px;font-size:9px;color:#657f91}
.energy-workbench .energy-callout:focus-visible{outline:3px solid #197dc2;outline-offset:3px}
@media(max-width:700px){body[data-energy-teaching="energy"] .hero-stage,body[data-energy-teaching="three-electric"] .hero-stage{left:2%!important;right:2%!important;top:19%!important;bottom:31%!important}.energy-clock{font-size:8px}}

body.inspector-open .energy-data-card{display:none!important}
/* A fixed desktop exhibit must not scroll its hidden grid when focus/viewport changes. */
@media(min-width:701px){body[data-surface="home"]:not(.portal-home) .screen,body[data-surface="home"]:not(.portal-home) .mainstage{overflow:clip!important}}
body[data-energy-teaching="energy"] .energy-dock{left:38.5%;width:min(780px,calc(72% - 32px))}
body[data-energy-teaching="energy"] .glacier-finish-caption,body[data-energy-teaching="three-electric"] .glacier-finish-caption{display:none!important}
@media(max-width:700px){body[data-energy-teaching="energy"] .energy-dock{left:50%;width:calc(100% - 16px)}}