/* Topic pages share the site shell while retaining their own model stages. */
body.nev-site-unified:is([data-surface="tesla"],[data-surface="energy-campus"]) {background:#e8ebed;color:#30434f;color-scheme:light}
body.nev-site-unified[data-surface="tesla"] .page-shell {min-height:calc(100svh - var(--nev-top,100px));background:#e8ebed}
body.nev-site-unified[data-surface="tesla"] .page-shell::before {display:none}
body.nev-site-unified[data-surface="tesla"] .tesla-layout {padding-top:25px}
body.nev-site-unified[data-surface="tesla"] .tesla-intro {margin-bottom:22px}
body.nev-site-unified[data-surface="tesla"] .tesla-intro h1 {font-size:clamp(22px,2.4vw,42px);color:#314b5b}
body.nev-site-unified[data-surface="tesla"] .tesla-stage {scroll-margin-top:calc(var(--nev-top,100px) + 16px);height:clamp(350px,58svh,720px)}
body.nev-site-unified[data-surface="tesla"] .tesla-stage:fullscreen {width:100vw;height:100svh;min-height:0;max-width:none;border-radius:0}
body.nev-site-unified[data-surface="tesla"] .skip-link:focus {top:calc(var(--nev-top,100px) + 12px);z-index:1300}
body.nev-site-unified[data-surface="tesla"] :is(.category-tabs button,.tesla-model-card) {color:#426277;background:#f7fafc;border-color:#c9d5dd}
body.nev-site-unified[data-surface="tesla"] :is(.category-tabs button[aria-selected="true"],.tesla-model-card.is-selected) {color:#20577b;background:#e6f0f7;border-color:#9ab5c8}
body.nev-site-unified[data-surface="tesla"] .category-tabs button small {color:inherit}
body.nev-site-unified[data-surface="tesla"] .stage-topline span+span,
body.nev-site-unified[data-surface="tesla"] .explode-control output,
body.nev-site-unified[data-surface="tesla"] .availability b {color:#456479}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage {height:calc(100svh - var(--nev-top,100px));min-height:540px;background:#152332}
body.nev-site-unified[data-surface="energy-campus"] #campus-canvas {bottom:80px;height:calc(100% - 80px)}
body.nev-site-unified[data-surface="energy-campus"] #intro {top:6%;left:4%;width:30%}
body.nev-site-unified[data-surface="energy-campus"] #intro h1 {font-size:clamp(30px,3.3vw,70px)}
body.nev-site-unified[data-surface="energy-campus"] .campus-utilities {position:absolute;right:24px;top:20px;display:flex;gap:7px;z-index:4}
body.nev-site-unified[data-surface="energy-campus"] .campus-utilities button {padding:9px 13px;border:1px solid #c4d0d8;border-radius:8px;background:#f7fafcf0;color:#426277;font-size:11px}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer {inset:auto 0 0;height:80px;padding:14px 24px;align-items:center;gap:20px;background:#e8edef;border-top:1px solid #cbd5dc}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer :is(.active-scene,.scene-meta,.focus-nav button) {color:#526c7d}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer :is(small,.focus-nav button small) {color:#6b808e}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer .focus-nav {padding:0;border:0;gap:10px}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer .focus-nav button {padding:9px 10px;border:1px solid transparent;border-radius:7px}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer .focus-nav button[aria-pressed="true"] {color:#20577b;background:#f7fafc;border-color:#a5bccb}
body.nev-site-unified[data-surface="energy-campus"] .scene-tools {right:24px;bottom:96px;left:auto;max-width:calc(100% - 48px);padding:5px;border-radius:10px;background:#eef3f6ed;border-color:#c3d0d9;overflow:auto}
body.nev-site-unified[data-surface="energy-campus"] .scene-tools button {color:#426277;white-space:nowrap}
body.nev-site-unified[data-surface="energy-campus"] .scene-tools button[aria-pressed="true"] {color:#20577b;background:#fff}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel {top:76px;right:24px;bottom:155px;max-height:none;border-radius:13px;background:#f1f6f9f5;border-color:#c4d1da}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel .part-actions button {color:#426277;background:#fff;border-color:#c6d4de}
body.nev-site-unified[data-surface="energy-campus"] #loading {bottom:153px}
@media(max-width:1050px) {
 body.nev-site-unified[data-surface="tesla"] .explode-control {top:100px;bottom:auto;left:22px;transform:none}
 body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer {grid-template-columns:1fr}
 body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer .active-scene {display:none}
 body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer .focus-nav {justify-content:center}
}
@media(max-width:650px) {
 body.nev-site-unified[data-surface="energy-campus"] #campus-stage {min-height:580px}
 body.nev-site-unified[data-surface="energy-campus"] #intro {top:75px;width:75%}
 body.nev-site-unified[data-surface="energy-campus"] #intro h1 {font-size:29px;margin-top:0}
 body.nev-site-unified[data-surface="energy-campus"] .campus-utilities {right:14px;top:16px}
 body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer {padding:10px 9px}
 body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer .focus-nav {gap:2px;justify-content:space-between;overflow:auto}
 body.nev-site-unified[data-surface="energy-campus"] #campus-stage>footer .focus-nav button {font-size:11px;padding:10px 8px}
 body.nev-site-unified[data-surface="energy-campus"] .scene-tools {left:14px;right:14px;max-width:none;bottom:96px}
 body.nev-site-unified[data-surface="energy-campus"] #inspect-panel {top:70px;right:14px;width:min(290px,calc(100% - 28px));bottom:154px}
 body.nev-site-unified[data-surface="tesla"] .tesla-stage {height:56svh;min-height:330px}
}

/* These controls sit on pale surfaces. Keep legacy dark-theme colors out. */
body.nev-site-unified[data-surface="energy-campus"] #campus-stage :is(#reference,#fullscreen,#flow,#roof,#wireframe,#light-mode,#reset,#toggle-inspector,#detach-part,#restore-part,#close-inspector,#close-reference),
body.nev-site-unified[data-surface="tesla"] #tesla-stage :is(#tesla-reset,#tesla-motion,#tesla-wireframe,#tesla-fullscreen,#tesla-stage-retry) {
  color:#365970!important;
  background:#f7fafc!important;
  border-color:#a9becc!important;
  text-shadow:none!important;
}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage :is(#flow,#roof,#wireframe,#toggle-inspector):is([aria-pressed="true"],[aria-expanded="true"]),
body.nev-site-unified[data-surface="tesla"] #tesla-stage :is(#tesla-motion,#tesla-wireframe)[aria-pressed="true"] {
  color:#174f75!important;
  background:#deedf7!important;
  border-color:#8cacc2!important;
}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage footer .focus-nav button {
  color:#365970!important;
  background:#eef3f6!important;
  text-shadow:none!important;
}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage footer .focus-nav button[aria-pressed="true"] {
  color:#174f75!important;
  background:#fff!important;
  border-color:#8cacc2!important;
}
body.nev-site-unified[data-surface="energy-campus"] #campus-stage footer .focus-nav button small,
body.nev-site-unified[data-surface="energy-campus"] #campus-stage .scene-tools button :is(span,strong,small),
body.nev-site-unified[data-surface="tesla"] #tesla-stage .stage-controls button span {
  color:inherit!important;
  text-shadow:none!important;
}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel {
  color:#304a5c!important;
  background:#f1f6f9!important;
}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel :is(#selected-name,#selected-system,#list-count,#list-empty,.panel-heading,.explode-label),
body.nev-site-unified[data-surface="energy-campus"] #reference-dialog :is(h2,p,details,summary) {
  color:#365970!important;
  text-shadow:none!important;
}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel #part-search,
body.nev-site-unified[data-surface="tesla"] #tesla-stage #tesla-model-picker {
  color:#304a5c!important;
  background:#fff!important;
  border-color:#a9becc!important;
}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel #part-search::placeholder {color:#667e8e!important;opacity:1}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel #part-list button,
body.nev-site-unified[data-surface="tesla"] .tesla-collection .category-tabs button,
body.nev-site-unified[data-surface="tesla"] #tesla-model-list .tesla-model-card {
  color:#365970!important;
  background:#f7fafc!important;
}
body.nev-site-unified[data-surface="energy-campus"] #inspect-panel #part-list button:is(:hover,[aria-pressed="true"]),
body.nev-site-unified[data-surface="tesla"] .tesla-collection .category-tabs button[aria-selected="true"],
body.nev-site-unified[data-surface="tesla"] #tesla-model-list .tesla-model-card:is(.is-selected,[aria-pressed="true"]) {
  color:#174f75!important;
  background:#deedf7!important;
  border-color:#8cacc2!important;
}
body.nev-site-unified[data-surface="tesla"] .tesla-collection .category-tabs button small,
body.nev-site-unified[data-surface="tesla"] #tesla-model-list .tesla-model-card :is(strong,.model-category,.model-status,.model-description,.model-meta,.model-open,.model-open b) {
  color:inherit!important;
  text-shadow:none!important;
}