/* Unified home: one interactive vehicle workspace beneath the shared site shell. */
body[data-surface="home"] {
  --bright-ink:#273943;
  --bright-muted:#6d7b84;
  --bright-blue:#306b91;
  --bright-cyan:#6c9bac;
  background:#e5e8ea;
}
body[data-surface="home"]:not(.portal-home) .screen {
  display:grid;grid-template-rows:minmax(0,1fr) 58px;
  height:calc(100svh - var(--nev-top,100px));min-height:610px;
  margin-top:var(--nev-top,100px);padding:0;
  background:radial-gradient(ellipse at 53% 37%,#fafbfc 0,#e8ebed 50%,#d4dadd 100%);
}
body[data-surface="home"]:not(.portal-home) .screen::after {box-shadow:none;border:0}
body[data-surface="home"]:not(.portal-home) .masthead {display:none}
body[data-surface="home"]:not(.portal-home) .mainstage {position:relative;display:block;min-height:0;padding:0;overflow:hidden}
body[data-surface="home"]:not(.portal-home) .mainstage::before {display:none}
body[data-surface="home"]:not(.portal-home) :is(.stage-watermark,.home-object-count,.live-status,.tesla-exhibition-entry) {display:none}
body[data-surface="home"]:not(.portal-home) .hero-stage {
  position:absolute;left:175px;right:205px;top:72px;bottom:100px;width:auto;height:auto;margin:0;z-index:2;
}
body[data-surface="home"]:not(.portal-home).inspector-open .hero-stage {left:175px;right:340px;top:72px;bottom:135px}
body[data-surface="home"]:not(.portal-home).tools-open .hero-stage,
body[data-surface="home"]:not(.portal-home)[data-render-mode="section"] .hero-stage {bottom:158px}
body[data-surface="home"]:not(.portal-home)[data-camera-view="top"] .hero-stage {top:74px}
body[data-surface="home"] #hero-canvas {filter:none;mix-blend-mode:normal}
.home-scene-title {position:absolute;left:25px;top:25px;z-index:4;pointer-events:none}
.home-scene-title>span {font-size:10px;letter-spacing:.17em;color:#7c8991}
.home-scene-title h1 {font-size:25px;font-weight:650;letter-spacing:.06em;line-height:1.3;margin:7px 0;color:#2c404c;background:none;text-shadow:none}
.home-scene-title p {font-size:11px;color:#77858d;margin:8px 0}
body[data-surface="home"]:not(.portal-home) .side-left {left:24px;top:140px;width:140px;z-index:5}
body[data-surface="home"]:not(.portal-home) .side-left :is(.section-kicker,.micro) {display:none}
body[data-surface="home"]:not(.portal-home) .focus-list {gap:7px}
body[data-surface="home"]:not(.portal-home) .focus-button {min-height:39px;padding:10px 12px;border-radius:9px;background:#ffffff8c;border:1px solid #c5cdd266;box-shadow:0 3px 12px #46596605;color:#67777f}
body[data-surface="home"]:not(.portal-home) .focus-button.active {background:#fff;border-color:#a7bac7;box-shadow:inset 3px 0 #45748f,0 4px 13px #3249530c;color:#294e65}
body[data-surface="home"]:not(.portal-home) .focus-button :is(.focus-no,.focus-copy small,.focus-arr) {display:none}
body[data-surface="home"]:not(.portal-home) .focus-copy strong {font-size:12px}
body[data-surface="home"]:not(.portal-home) .view-switch {left:50%;top:25px;padding:4px;border-radius:10px;background:#ffffffbf;border-color:#c9d1d7;box-shadow:0 5px 18px #344e5d08}
body[data-surface="home"]:not(.portal-home) .view-switch button {font-size:11px;padding:0 12px;min-height:30px;border-radius:7px;color:#6f7d86}
body[data-surface="home"]:not(.portal-home) .view-switch button.active {background:#e8eff3;color:#355b73;box-shadow:none}
.home-display-modes {position:absolute;right:25px;top:25px;z-index:10;display:flex;gap:3px;border:1px solid #c9d1d7;background:#ffffffbf;border-radius:10px;padding:4px}
.home-display-modes button {min-height:30px;padding:0 12px;font-size:11px;border-radius:7px;background:transparent;color:#6f7d86}
.home-display-modes button[aria-pressed="true"] {background:#e8eff3;color:#355b73}
body[data-surface="home"]:not(.portal-home) .inspector-launcher {top:83px;right:25px;min-height:34px;border-radius:9px;font-size:11px;color:#5e7582;background:#fff9;border:1px solid #c9d1d7;box-shadow:none}
body[data-surface="home"]:not(.portal-home) .exhibit-caption {position:absolute;top:145px;bottom:auto;left:auto;right:25px;width:178px;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;border-radius:12px;border:1px solid #c5cdd28c;background:#ffffff9c;box-shadow:0 10px 30px #405a6b09;opacity:1;transform:none}
body[data-surface="home"]:not(.portal-home) .exhibit-en {display:none}
body[data-surface="home"]:not(.portal-home) .exhibit-copy h2 {font-size:16px;color:#314955;margin:0 0 8px}
body[data-surface="home"]:not(.portal-home) .exhibit-copy p {font-size:11px;line-height:1.65;color:#78868e;margin:0}
.system-learning-actions {display:grid;gap:6px}
.system-learning-actions :is(a,button) {display:block;text-align:left;padding:10px 11px;border:1px solid #c2ced666;border-radius:7px;background:#f5f8fac9;color:#40677d;font-size:11px}
.system-learning-actions :is(a,button):hover {background:#fff;border-color:#91a9b9}
.system-learning-actions button:disabled {opacity:.45}
body[data-surface="home"]:not(.portal-home) .exhibit-link {background:none;border:0;border-radius:0;padding:4px 0;min-height:0;justify-content:flex-start;color:#718591;font-size:10px;white-space:normal;line-height:1.5}
body[data-surface="home"]:not(.portal-home) .exhibit-link:hover {background:none;color:#2c6080}
body[data-surface="home"]:not(.portal-home).inspector-open .exhibit-caption {display:none}
body[data-surface="home"]:not(.portal-home) .inspector {top:82px;right:24px;bottom:92px;width:294px;padding:16px;border-radius:14px;background:#f9fbfced;border:1px solid #cbd5dc;box-shadow:0 15px 45px #3b52671a;overflow:auto}
body[data-surface="home"]:not(.portal-home) .teaching-dock {left:50%;right:auto;bottom:43px;width:max-content;max-width:calc(100% - 340px);padding:9px 13px;transform:translateX(-50%);border-radius:12px;background:#ffffffbf;border:1px solid #c9d1d7;box-shadow:0 6px 24px #354b5a0b}
body[data-surface="home"]:not(.portal-home).inspector-open .teaching-dock {left:43%;right:auto;max-width:calc(100% - 390px)}
body[data-surface="home"] .mode-row {display:flex;flex-wrap:wrap;justify-content:center;gap:8px!important}
body[data-surface="home"] .mode-switch {display:flex;gap:5px}
body[data-surface="home"] .mode-switch button {min-height:33px;padding:6px 10px;border:0;border-radius:7px;font-size:11px;color:#77858e;background:transparent;white-space:nowrap}
body[data-surface="home"] .mode-switch button span {display:none}
body[data-surface="home"] .mode-switch button[aria-pressed="true"] {color:#355b73;background:#e8eff3;box-shadow:none}
body[data-surface="home"] #assembly-tools-toggle {min-height:30px;font-size:11px;color:#57788e}
body[data-surface="home"] .explode-row {margin:9px 0 0;padding:8px 0 0}
body[data-surface="home"] .body-toggle {font-size:11px}
body[data-surface="home"]:not(.portal-home) .scene-toolbar {left:25px;bottom:10px;gap:6px;max-width:none;flex-wrap:nowrap}
body[data-surface="home"]:not(.portal-home) .scene-toolbar .motion-button {font-size:10px;padding:7px 8px;min-height:28px;white-space:nowrap;border:0;box-shadow:none;color:#71838f;background:#ffffff70;border-radius:6px}
body[data-surface="home"]:not(.portal-home) #vehicle-model-info-open {display:block;position:absolute;inset:auto 25px 12px auto;font-size:10px;color:#7b8c96;z-index:9}
body[data-surface="home"]:not(.portal-home) .directions {display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:0;margin:0 24px 12px;padding:0 2px;border-radius:0;border:0;border-top:1px solid #b7c3cd6b;background:transparent;box-shadow:none}
body[data-surface="home"]:not(.portal-home) #professional-map-open {padding:7px 0;font-size:12px;color:#536d7d}
body[data-surface="home"]:not(.portal-home) #professional-map-open small {display:none}
body[data-surface="home"]:not(.portal-home) :is(.exhibition-note,.library-summary) {display:none}
body[data-surface="home"] .home-arrival-replay {display:inline-flex;position:fixed;right:25px;bottom:20px;padding:8px 13px;font-size:11px;color:#577182;background:#ffffffb0;z-index:35;border-color:#c6d0d7;border-radius:8px;box-shadow:none}
body[data-surface="home"].arrival-playing .home-arrival-replay {display:none}
body[data-surface="home"].portal-home :is(.home-scene-title,.home-display-modes) {display:none}
body[data-surface="home"].is-presentation:not(.portal-home) .hero-stage {left:100px;right:100px;top:65px;bottom:95px}
body[data-surface="home"].is-presentation:not(.portal-home) :is(.side-left,.exhibit-caption,.home-scene-title,.inspector-launcher,.view-switch,.directions) {display:none}
body[data-surface="home"].is-presentation:not(.portal-home) .screen {grid-template-rows:minmax(0,1fr)}
body[data-surface="home"].is-presentation:not(.portal-home) .teaching-dock {bottom:48px;max-width:calc(100% - 60px)}
body[data-surface="home"].is-presentation:not(.portal-home) .home-display-modes {display:flex}
@media(min-width:1700px) {
  body[data-surface="home"]:not(.portal-home) .hero-stage {left:200px;right:240px;top:74px;bottom:112px}
  body[data-surface="home"]:not(.portal-home) .side-left {width:160px}
  body[data-surface="home"]:not(.portal-home) .exhibit-caption {width:200px}
}
@media(max-width:1050px) and (min-width:701px) {
  .home-scene-title p {max-width:130px;line-height:1.7}
  body[data-surface="home"]:not(.portal-home) .hero-stage {left:150px;right:175px}
  body[data-surface="home"]:not(.portal-home) .side-left {left:18px;width:120px}
  body[data-surface="home"]:not(.portal-home) .exhibit-caption {right:18px;width:158px;padding:13px}
  body[data-surface="home"]:not(.portal-home) .view-switch {left:47%}
  body[data-surface="home"]:not(.portal-home) .teaching-dock {max-width:calc(100% - 60px)}
  body[data-surface="home"]:not(.portal-home).inspector-open .teaching-dock {left:34%;max-width:60%}
}
@media(max-width:700px) {
  body[data-surface="home"]:not(.portal-home) .screen {height:auto;min-height:calc(100svh - var(--nev-top,100px));display:block}
  body[data-surface="home"]:not(.portal-home) .mainstage {display:flex;flex-direction:column;padding:18px 14px;gap:12px;overflow:visible}
  .home-scene-title {position:relative;inset:auto;padding-right:0;order:0}
  .home-scene-title h1 {font-size:24px}
  .home-scene-title p {margin-bottom:0}
  .home-display-modes {position:relative;inset:auto;align-self:flex-start;order:1}
  body[data-surface="home"]:not(.portal-home) .side-left {position:relative;inset:auto;width:100%;order:2}
  body[data-surface="home"]:not(.portal-home) .focus-list {display:flex;flex-direction:row;overflow:auto;flex-wrap:nowrap;gap:6px;padding-bottom:3px}
  body[data-surface="home"]:not(.portal-home) .focus-list .focus-button {flex:0 0 auto;width:auto;min-height:36px;padding:8px 11px}
  body[data-surface="home"]:not(.portal-home) .view-switch {position:relative;inset:auto;transform:none;align-self:center;order:3}
  body[data-surface="home"]:not(.portal-home) .hero-stage,
  body[data-surface="home"]:not(.portal-home).inspector-open .hero-stage,
  body[data-surface="home"]:not(.portal-home).tools-open .hero-stage,
  body[data-surface="home"]:not(.portal-home)[data-render-mode="section"] .hero-stage,
  body[data-surface="home"]:not(.portal-home)[data-camera-view="top"] .hero-stage {position:relative;inset:auto;width:100%;height:340px;margin:-5px 0;order:4}
  body[data-surface="home"]:not(.portal-home) .teaching-dock,
  body[data-surface="home"]:not(.portal-home).inspector-open .teaching-dock {position:relative;inset:auto;transform:none;width:100%;max-width:none;padding:10px;order:5}
  body[data-surface="home"] .mode-switch {gap:2px;flex-wrap:wrap;justify-content:center}
  body[data-surface="home"] .mode-switch button {font-size:11px;padding:6px 9px}
  body[data-surface="home"]:not(.portal-home) .inspector-launcher {position:relative;inset:auto;align-self:flex-end;order:6}
  body[data-surface="home"]:not(.portal-home) .scene-toolbar {position:relative;inset:auto;order:7;justify-content:center}
  body[data-surface="home"]:not(.portal-home) .exhibit-caption {position:relative;inset:auto;width:100%;order:8;padding:15px;display:flex}
  .system-learning-actions {grid-template-columns:repeat(3,1fr)}
  .system-learning-actions :is(a,button) {text-align:center;padding:10px 5px;font-size:11px}
  body[data-surface="home"]:not(.portal-home) .inspector {position:relative;inset:auto;width:100%;order:9;display:flex;max-height:620px}
  body[data-surface="home"]:not(.portal-home) #vehicle-model-info-open {position:relative;inset:auto;order:10;align-self:flex-end}
  body[data-surface="home"]:not(.portal-home) .directions {margin:0 14px 70px;padding:10px 0}
  body[data-surface="home"] .home-arrival-replay {bottom:17px;right:15px}
  body[data-surface="home"].is-presentation:not(.portal-home) .hero-stage {height:65svh}
}

/* Override the legacy dark-theme pressed colors, including nested labels. */
body[data-surface="home"] .screen .mainstage button:not(:is(.active,[aria-pressed="true"])) {
  color:#4c6270;
  background:#f7fafc;
}
body[data-surface="home"] .screen .mainstage button:is(.active,[aria-pressed="true"]),
body[data-surface="home"] :is(.showcase-help,.professional-map,.vehicle-model-info) button:is(.active,[aria-pressed="true"]) {
  color:#20577b;
  background:#e6f0f7;
  border-color:#9ab5c8;
  text-shadow:none;
}
body[data-surface="home"] .screen .mainstage button :is(span,strong,small),
body[data-surface="home"] .screen .mainstage button:is(.active,[aria-pressed="true"]) :is(span,strong,small) {
  color:inherit;
  text-shadow:none;
}
body[data-surface="home"] .screen .mainstage button:enabled:hover {
  color:#20577b;
  background:#edf5fa;
}
@media(max-width:700px){body[data-surface="home"]:not(.arrival-playing) .home-arrival-replay{position:relative!important;inset:auto!important;margin:12px 14px 24px!important;max-width:calc(100% - 28px)}}