html[data-page="atlas"]{--ink:#e9edf1;--muted:#a4afbb;--surface:#19212b;--surface2:#232f3b;--glass:#19212b;--line:#303b47;--accent:#73c8ba}
html[data-page=atlas] #appShell{grid-template-columns:minmax(0,1fr) 296px!important;padding-right:68px!important;padding-bottom:104px!important;background:#10171f!important}html[data-page=atlas] #topbar{min-height:54px!important;height:54px!important;background:#141c25!important;border-color:#303b47!important;padding:0 24px!important}#topbar .brandText{font-size:18px!important}#topbar .topActions{gap:6px}#topbar .topActions button,#topbar .topActions a{font-size:10px!important;border-color:#303b47!important;border-radius:4px!important}#topbar .scienceNavActive{border-color:#73c8ba!important}#tierPreviewBadge{background:#23343a!important;color:#a6d9ce!important;border-color:#344b51!important}html[data-page=atlas] #viewport{background:#10171f!important;border:0!important}html[data-page=atlas] #inspector{background:#19212b!important;border-color:#303b47!important}#viewport #scienceStageHead{top:22px!important;left:26px!important}#viewport #scienceStageHead h2{color:#e9edf1!important;font-size:25px!important;font-weight:500!important}#scienceStageHead #focusedTestContext{color:#a4afbb!important}#atlasModeBar{top:88px!important;left:26px!important}#atlasModeBar button{color:#a4afbb!important;font-size:11px!important;border-radius:4px!important}#atlasModeBar button.on{background:#3c505a!important;color:white!important}#focusedStageControls #quickTestPanel{right:24px!important;top:24px!important;width:250px!important;background:transparent!important}#focusedStageControls #quickTestPanel label{color:#a4afbb!important;font-size:10px!important}#focusedStageControls #quickTestPanel #testSelect{background:#232e3a!important;color:#edf2f5!important;border:1px solid #455362!important;border-radius:4px!important;min-height:40px!important;font-size:12px!important}#viewport>#viewToolbar{top:107px!important;right:24px!important}#viewport>#viewToolbar .cameraViews .viewBtn{background:#19212b!important;color:#cbd5dc!important;border:1px solid #303b47!important;border-radius:4px!important;font-size:11px!important}#inspector #tab-motion{padding:25px 22px!important}#tab-motion h2{font-size:19px!important;font-weight:500!important;color:#e9edf1!important}#tab-motion .jointGroup{border-color:#303b47!important;margin-bottom:0!important;padding:10px 0!important}#tab-motion label,#tab-motion summary,#tab-motion .sliderRow{color:#bac7d2!important;font-size:11px!important}#tab-motion input[type=range]{accent-color:#73c8ba!important}#tab-motion .actionRow .actionBtn,#tab-motion button{background:#232e3a!important;color:#cbd5dc!important;border-color:#455362!important;border-radius:4px!important;font-size:11px!important}#studioTension{background:#19212b!important;border:1px solid #303b47!important;border-radius:4px!important;right:24px!important;bottom:106px!important;width:165px!important;padding:14px 16px!important;box-shadow:none!important}.studioTensionNumber output{font-size:44px!important;color:#73c8ba!important}#viewport>#motionDock{bottom:18px!important;left:26px!important;right:24px!important;border-radius:4px!important;background:#19212b!important;border-color:#303b47!important;box-shadow:none!important}#motionDock #speedSelect{background:#232e3a!important;color:#e9edf1!important;border-color:#455362!important}#motionDock #playBtn{background:#73c8ba!important;color:#12232a!important}#motionDock #loopBtn{border-color:#455362!important;border-radius:4px!important}#motionDock #timeline{accent-color:#73c8ba!important}
#workbenchRail{position:fixed;right:0;top:54px;bottom:0;width:68px;background:#141c25;border-left:1px solid #303b47;z-index:500;color:#a4afbb;display:flex;flex-direction:column}[data-workbench]{height:82px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:10px}[data-workbench] svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}[data-workbench][aria-expanded=true]{background:#23343a;color:#73c8ba;border-left:2px solid #73c8ba}[data-workbench]:last-child{margin-top:auto;margin-bottom:10px}
#workbenchLayers{position:fixed;bottom:0;left:0;right:68px;height:104px;background:#151e28;border-top:1px solid #303b47;z-index:500;display:flex;align-items:stretch;color:#a4afbb}.workbenchLayerTitle{width:210px;padding:27px 24px;font-size:13px;color:#e9edf1}.workbenchLayerTitle small{display:block;letter-spacing:1.6px;font-size:9px;color:#95a5b4;margin-bottom:7px}.workbenchLayer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px}.workbenchLayer svg{width:26px;height:30px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.workbenchLayer[aria-pressed=true]{border-top:2px solid #73c8ba;background:#1c2a34;color:#dce9ed}.workbenchLayer small{font-size:9px;color:#879aa8}.workbenchLayer[aria-pressed=true] svg{color:#73c8ba}
/* Persistent application controls, not preview overlays. */
html[data-page=atlas] #appShell{grid-template-rows:54px minmax(0,1fr)!important;min-height:640px}
html:not([data-page=atlas]) #workbenchRail,html:not([data-page=atlas]) #workbenchLayers{display:none}
#workbenchRail{z-index:45}#workbenchRail button{border:0;background:transparent;color:#a4afbb;cursor:pointer;font:inherit;padding:10px 3px;flex:none}#workbenchRail button:hover{background:#24303c;color:white}#workbenchRail button:focus-visible,.workbenchLayer:focus-visible{outline:2px solid #73c8ba;outline-offset:-4px}
#workbenchLayers{z-index:44}.workbenchLayer{border:0;border-top:2px solid transparent;background:transparent;color:#a4afbb;font:inherit;cursor:pointer;padding:9px 12px;min-width:90px}.workbenchLayer>span{font-size:11px}.workbenchLayer:hover{background:#253440}.workbenchLayer:disabled{cursor:not-allowed}.workbenchLayer:disabled>svg{opacity:.6}
html[data-page=atlas] #viewport #studioTension{border:0!important;box-shadow:none!important;background:#19212b!important}html[data-page=atlas] #viewport #studioTension>p{display:none!important}
html[data-page=atlas] #viewport #motionDock #speedSelect,html[data-page=atlas] #viewport #motionDock #loopBtn{background:#232e3a!important;color:#e9edf1!important;border:1px solid #455362!important;box-shadow:none!important}
#motionDock .ndSelect{width:84px;flex:none}#motionDock .ndSelectButton{min-height:38px;padding:8px 10px}
html[data-page=atlas] #viewport canvas.webgl{border:0!important}
html[data-page=atlas][data-workbench-panel-closed]:not([data-atlas-workspace]) #appShell,html[data-page=atlas][data-atlas-focus="1"] #appShell{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"top" "viewport"!important}
html[data-page=atlas][data-workbench-panel-closed]:not([data-atlas-workspace]) #inspector,html[data-page=atlas][data-atlas-focus="1"] #inspector{display:none!important}
html[data-page=atlas][data-atlas-workspace] #appShell{padding-bottom:0!important}html[data-atlas-workspace] #workbenchLayers{display:none}
#workbenchFinder{position:absolute;z-index:43;right:24px;top:154px;width:285px;max-width:calc(100% - 48px);padding:16px;background:#19212b;border:1px solid #405660;border-radius:8px;box-shadow:0 12px 30px #030b1540}#workbenchFinder[hidden]{display:none}#workbenchFinder>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:15px}#workbenchFinder label{font-size:12px;color:#c7d6dd}#workbenchFindClose{background:transparent;color:#c7d6dd;border:0;font-size:22px;min-width:30px;min-height:30px;cursor:pointer}
/* Shared dark surfaces across workspaces; image and chart pixels stay intact. */
html[data-page=atlas] .atlasWorkspace{background:#10171f;color:#e9edf1;border-color:#303b47;border-radius:6px;box-shadow:none}
html[data-page=atlas] .atlasWsHead{background:#19212b;border-color:#303b47}html[data-page=atlas] .atlasWsHead h2{color:#e9edf1}html[data-page=atlas] .atlasWsKicker{color:#a4afbb}
html[data-page=atlas] .atlasWsBody{background:#10171f;color:#d9e3e9}html[data-page=atlas] .atlasWorkspace .atlasBtn,html[data-page=atlas] .atlasWorkspace .atlasPill{background:#24323d;border-color:#40525e;color:#dce7ec;border-radius:5px}html[data-page=atlas] .atlasWorkspace .atlasBtnDark{background:#305750;color:#ecfff9;border-color:#507d71}
html[data-page=atlas] .atlasWorkspace .atlasCard,html[data-page=atlas] .tecLive article,html[data-page=atlas] .tecCharts figure,html[data-page=atlas] .studioGuideHeading,html[data-page=atlas] .studioGuideSequence,html[data-page=atlas] .studioGuideSteps,html[data-page=atlas] .studioGuidePair figure{background:#19212b;border-color:#303b47;color:#d5e0e7}
html[data-page=atlas] .studioGuidePair figure header,html[data-page=atlas] .studioGuidePair figure figcaption{background:#19212b;border-color:#303b47;color:#c6d3dc}html[data-page=atlas] .studioGuidePair figure h3,html[data-page=atlas] .studioGuideHeading h3,html[data-page=atlas] .studioGuideSequence h3,html[data-page=atlas] .studioGuideSteps h3{color:#e9edf1}
html[data-page=atlas] .studioGuideToolbar p,html[data-page=atlas] .studioGuideToolbar label,html[data-page=atlas] .studioGuideSequence p,html[data-page=atlas] .studioGuideHeading p,html[data-page=atlas] .studioGuideSteps p,html[data-page=atlas] .atlasFine,html[data-page=atlas] .tecLegend,html[data-page=atlas] .tecLive p,html[data-page=atlas] .tecLive dt,html[data-page=atlas] .tecCharts small{color:#aabcc8}
html[data-page=atlas] .studioGuideSteps button{background:#23313b;color:#dce7ed;border-color:#40525e}html[data-page=atlas] .studioGuideSteps small{color:#aabcc8}
html[data-page=atlas] .atlasSeg{background:#1b2731;border-color:#40525e}html[data-page=atlas] .atlasSeg button{background:transparent;color:#bbcad4}html[data-page=atlas] .atlasSeg button[aria-pressed=true]{background:#305750;color:#ecfff9}
html[data-page=atlas] .tecTag{background:#19212be6;color:#e0e9ef;border-color:#40525e}html[data-page=atlas] .tecLayers,html[data-page=atlas] .tecTransport{background:#19212b;color:#cbd7df;border-color:#303b47}
@media(max-width:1100px) and (min-width:801px){html[data-page=atlas] #appShell{grid-template-columns:minmax(0,1fr) 260px!important}#workbenchLayers .workbenchLayerTitle{width:165px}.workbenchLayer{min-width:75px}#topbar #workspaceNav{gap:12px}#topbar .brandName{font-size:15px!important}#focusedStageControls #quickTestPanel{width:220px!important}#viewport #scienceStageHead{right:270px!important}#viewport #scienceStageHead h2{font-size:21px!important}}
@media(max-width:800px){
html[data-page=atlas] #appShell,html[data-page=atlas][data-atlas-focus="1"] #appShell{display:flex!important;flex-direction:column;padding:0!important;height:auto!important;min-height:100dvh;overflow:visible!important}
html[data-page=atlas] #topbar{order:0;height:auto!important;min-height:54px!important;flex-wrap:wrap;gap:8px!important;padding:10px 14px!important}#topbar .topActions{gap:4px!important}#topbar .brandName{font-size:16px!important}
html[data-page=atlas] #viewport{order:1;width:100%!important;height:620px!important;min-height:620px!important;flex:none;overflow:hidden}
html[data-page=atlas] #inspector{order:3;width:100%!important;max-height:none!important;overflow:visible!important;border:0!important}
#workbenchRail{position:relative;inset:auto;order:2;display:flex;flex-direction:row;width:100%;height:64px;border-left:0;border-top:1px solid #303b47;border-bottom:1px solid #303b47;z-index:45}#workbenchRail button{flex:1;height:64px;min-width:0;font-size:9px;padding:8px 2px;gap:4px}#workbenchRail button svg{width:22px;height:22px}#workbenchRail button:last-child{margin:0}#workbenchRail button[aria-expanded=true]{border-left:0;border-bottom:2px solid #73c8ba}
#workbenchLayers{position:sticky;inset:auto;bottom:0;order:4;height:88px;min-height:88px;width:100%;overflow-x:auto;z-index:44}#workbenchLayers .workbenchLayerTitle{display:none}.workbenchLayer{min-width:78px;padding:8px 9px;flex:1}.workbenchLayer svg{height:23px;width:23px}
#viewport #scienceStageHead{top:18px!important;left:16px!important;right:16px!important}#viewport #scienceStageHead h2{font-size:23px!important}#atlasModeBar{top:76px!important;left:12px!important;right:12px!important;overflow-x:auto}#atlasModeBar button{padding:8px!important;white-space:nowrap;font-size:10px!important}
#focusedStageControls #quickTestPanel{left:16px!important;right:90px!important;top:127px!important;width:auto!important;max-width:none!important}#focusedStageControls #quickTestPanel label{display:none!important}#viewport>#viewToolbar{top:128px!important;right:12px!important}#viewport>#viewToolbar .cameraViews .viewBtn{min-height:43px!important;padding:8px!important;font-size:10px!important}
#viewport #studioTension{right:14px!important;bottom:94px!important;width:132px!important;padding:12px!important}.studioTensionNumber output{font-size:35px!important}.studioTensionHead h3{font-size:11px!important}
html[data-page=atlas] #viewport>#motionDock{left:12px!important;right:12px!important;bottom:12px!important;padding:10px!important;min-height:65px!important}#motionDock .ndSelect{width:68px}#motionDock .ndSelectButton{padding:8px;gap:8px;min-height:38px;font-size:11px}#motionDock #loopBtn{font-size:10px!important;padding:6px!important}#motionDock #playBtn{min-width:36px!important}
#workbenchFinder{top:185px;right:16px;max-width:calc(100% - 32px)}
html[data-atlas-workspace] #viewport{height:calc(100dvh - 125px)!important;min-height:590px!important}html[data-atlas-workspace] .atlasWorkspace{inset:112px 8px 8px!important}html[data-atlas-workspace] .atlasWsHead{padding:10px;gap:10px}html[data-atlas-workspace] .atlasWsHead h2{font-size:15px}
.studioGuideToolbar{align-items:stretch!important}.studioGuideToolbar label{width:100%;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){#workbenchRail *,#workbenchLayers *{transition:none!important}}
#workbenchRail button span{font-size:10px;line-height:1.2}
#workbenchRail button[aria-expanded=true]{background:#23343a;color:#73c8ba;border-left:2px solid #73c8ba}
html[data-page=atlas] #viewport #motionDock #speedBtn{background:#232e3a!important;color:#e9edf1!important;border:1px solid #455362!important;box-shadow:none!important}
html[data-page=atlas] .tecViews,html[data-page=atlas] .ecoView{background:#10171f;border-color:#303b47}
html[data-page=atlas] .tecCharts svg text{fill:#b7c8d4}
@media(max-width:800px){html[data-page=atlas] #viewport #studioTension{top:auto!important;bottom:94px!important;height:auto!important}#workbenchRail button span{font-size:9px}#workbenchRail button[aria-expanded=true]{border-left:0;border-bottom:2px solid #73c8ba}}
html[data-page=atlas] .tecLegend .mk.nerve{background:#f0d88f;border-color:#f0d88f}
/* Compact layer tools sit inside the 3D viewport, as in the neural viewer. */
html[data-page=atlas] #appShell{padding-bottom:0!important}
#viewport #workbenchLayers{position:absolute;inset:auto 24px 18px 26px;height:55px;min-height:0;width:auto;display:flex;justify-content:center;gap:7px;overflow:visible;border:0;background:transparent;pointer-events:none;z-index:16}
#viewport #workbenchLayers .workbenchLayerTitle{display:none}
#viewport #workbenchLayers .workbenchLayer{flex:0 1 82px;min-width:62px;min-height:55px;height:55px;padding:6px 8px;gap:5px;background:#17242e80;color:#cbd9e2;border:1px solid #4b657354;border-radius:5px;pointer-events:auto}
#viewport #workbenchLayers .workbenchLayer svg{width:19px;height:21px}
#viewport #workbenchLayers .workbenchLayer>span{font-size:9px;line-height:1.1}
#viewport #workbenchLayers .workbenchLayer>small{display:none}
#viewport #workbenchLayers .workbenchLayer[aria-pressed=true]{background:#24413d99;border-color:#70b7ac70;color:#e0eeeb}
#viewport #workbenchLayers .workbenchLayer:hover:not(:disabled){background:#34564de0;border-color:#73c8ba}
html[data-page=atlas] #viewport>#motionDock{bottom:90px!important}
html[data-page=atlas] #viewport #studioTension{bottom:180px!important}
html[data-atlas-workspace] #viewport #workbenchLayers{display:none}
@media(max-width:800px){
html[data-page=atlas]:not([data-atlas-workspace]) #viewport{height:690px!important;min-height:690px!important}
#viewport #workbenchLayers{inset:auto 12px 14px;height:54px;gap:5px}
#viewport #workbenchLayers .workbenchLayer{flex:0 1 68px;min-width:0;height:54px;min-height:54px;padding:6px 3px}
#viewport #workbenchLayers .workbenchLayer svg{width:18px;height:19px}
html[data-page=atlas] #viewport>#motionDock{bottom:82px!important}
html[data-page=atlas] #viewport #studioTension{bottom:164px!important}
}
/* Controls share the anatomical canvas surface. Only tracks and state accents remain. */
html[data-page=atlas] #viewport>#motionDock,
html[data-page=atlas] #viewport #studioTension,
html[data-page=atlas] #inspector,
html[data-page=atlas] #inspector #tab-motion,
html[data-page=atlas] #inspector #tab-motion :is(.jointGroup,.sliderRow,.actionRow){background:#10171f!important;border:0!important;box-shadow:none!important}
html[data-page=atlas] #viewport>#motionDock{padding:4px 0!important;gap:12px!important}
html[data-page=atlas] #viewport #motionDock #speedBtn[hidden]{display:none!important}
html[data-page=atlas] #viewport #motionDock :is(#playBtn,#loopBtn,.ndSelectButton),
html[data-page=atlas] .tecTransport :is(.atlasBtn,.ndSelectButton){background:transparent!important;border:0!important;box-shadow:none!important;color:#c5d6df!important}
html[data-page=atlas] #viewport #motionDock #loopBtn[aria-pressed=true],
html[data-page=atlas] #tecLoop[aria-pressed=true]{color:#73c8ba!important}
html[data-page=atlas] #viewport #motionDock #playBtn,
html[data-page=atlas] .tecTransport #tecPlay{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:0!important;display:inline-flex!important;align-items:center;justify-content:center;color:#73c8ba!important;flex-shrink:0}
#motionDock #playBtn::before,.tecTransport #tecPlay::before{content:"";display:block;width:15px;height:18px;background:currentColor;clip-path:polygon(12% 0,100% 50%,12% 100%)}
#motionDock #playBtn[aria-pressed=true]::before,.tecTransport #tecPlay[aria-pressed=true]::before{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
html[data-page=atlas] :is(#motionDock,.tecTransport) button:hover{color:#a5f0de!important}
html[data-page=atlas] :is(#motionDock,.tecTransport) button:focus-visible{outline:2px solid #73c8ba!important;outline-offset:2px}
html[data-page=atlas] #inspector #tab-motion :is(button,output){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-page=atlas] :is(.atlasWorkspace,.atlasWsHead,.atlasWsBody,.atlasCard,.tecLive article,.tecCharts figure,.tecLayers,.tecTransport,.tecViews,.tecTag,.studioGuideHeading,.studioGuideSequence,.studioGuideSteps,.studioGuidePair figure,.studioGuidePair figure header,.studioGuidePair figure figcaption,.ecoTop,.ecoWorkbench,.ecoAnatomyPane,.ecoScanPane,.ecoPaneHead,.ecoConsole,.ecoOptions,.ecoDocumentation,.ecoReviewed,.ecoControl,.ecoNotice){background:#10171f!important;border-color:transparent!important;box-shadow:none!important}
html[data-page=atlas] .atlasWorkspace :is(.atlasSeg,.atlasBtn,.atlasPill,.studioGuideSteps button,fieldset){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-page=atlas] .atlasWorkspace :is(.atlasSeg button[aria-pressed=true],.studioGuideSteps button[aria-current=true]){background:transparent!important;color:#73c8ba!important;text-decoration:underline;text-underline-offset:6px}
html[data-page=atlas] .atlasWorkspace :is(.atlasBtn:hover,.studioGuideSteps button:hover){color:#a5f0de!important}
.tecTransport .ndSelect{width:80px;flex:none}.tecTransport .ndSelectButton{min-height:36px;padding:6px 8px}
html[data-page=atlas] :is(#timeline,#tab-motion input[type=range],.atlasWorkspace input[type=range]){box-shadow:none!important;accent-color:#73c8ba!important}
html[data-page=atlas] #viewport #focusedStageControls #quickTestPanel{background:#10171f!important;border:0!important;box-shadow:none!important}
html[data-page=atlas] .atlasWorkspace :is(.ecoRegion,.ecoProbeTag,.ecoReviewed button){background:#10171f!important;border-color:transparent!important;color:#c5d6df!important}
html[data-page=atlas] .atlasWorkspace :is(.ecoPaneHead h3,.ecoParameter output,.ecoTextButton){color:#e9edf1!important}
html[data-page=atlas] .atlasWorkspace :is(.ecoCaption,.ecoHint,.ecoLiveNotice,.ecoReviewed>span,.ecoParameter,.ecoOptionFields){color:#aabcc8!important}
html[data-page=atlas] #viewport #motionDock .ndSelect{width:86px!important}
html[data-page=atlas] :is(#motionDock,.tecTransport) .ndSelectButton{gap:8px!important;padding:6px 8px!important}
html[data-page=atlas] #viewport>#motionDock{grid-template-columns:36px minmax(0,1fr) 86px 46px!important;backdrop-filter:none!important}
html[data-page=atlas] .atlasWorkspace :is(.tecLive,.tecView,.tecLabels span,.atlasSeg button){border-color:transparent!important;box-shadow:none!important}
html[data-page=atlas] .atlasWorkspace .tecLabels span{background:#10171f!important}
html:not([data-page=atlas]) #viewport #workbenchLayers{display:none!important}
@media(max-width:800px){html[data-page=atlas] #viewport>#motionDock{grid-template-columns:32px minmax(0,1fr) 70px 38px!important;gap:5px!important}html[data-page=atlas] #viewport #motionDock .ndSelect{width:70px!important}}
html[data-page=atlas] .tecCharts svg>rect{fill:#10171f;stroke:none}
html[data-page=atlas] .tecCharts svg>line:not(.tecCursor){stroke:#303d48}
html[data-page=atlas] .tecCharts svg>path[stroke="#111"]{stroke:#73c8ba}
html[data-page=atlas] .tecCharts svg>path[stroke="#1d6fd6"]{stroke:#e2c88b}
/* Language menu shared by home, library and anatomical workspaces. */
.atlasLangBar{border:0!important;overflow:visible!important;border-radius:0!important;width:145px;flex-shrink:0;vertical-align:middle}
.atlasLangBar .ndSelect{width:100%}
body .atlasLangBar .ndSelect .ndSelectButton{min-height:38px;padding:8px 11px;background:#f0f5f3;color:#243738;border:1px solid #cadbd6;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff90;font-size:12px;letter-spacing:0;text-decoration:none}
html[data-page=atlas] #topbar #atlasLangBar .ndSelectButton{background:#1b2931!important;color:#e8f3f1!important;border:1px solid #435962!important;font-size:12px!important;padding:8px 11px!important;min-height:36px!important;box-shadow:inset 0 1px 0 #b5d7d50d!important}
.atlasLangBar .ndSelectButton .ndSelectText{font-weight:500;letter-spacing:0}
body .atlasLangBar .ndSelectButton:hover{border-color:#6fa99d;background:#e7f0ec}
.atlasLangBar[aria-busy=true]{opacity:.65}
/* Fine separators and shallow relief identify sections without enclosing controls. */
html[data-page=atlas] #viewport #atlasModeBar{gap:6px!important;padding-bottom:6px!important;border-bottom:1px solid #8ab2ba24!important}
html[data-page=atlas] #viewport #atlasModeBar button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:7px!important;min-height:38px;border:1px solid transparent!important;border-radius:5px!important;padding:9px 12px!important;color:#aebec9!important;background:transparent!important}
html[data-page=atlas] #viewport #atlasModeBar button svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html[data-page=atlas] #viewport #atlasModeBar button.on{color:#d9f3ed!important;background:#203139!important;border-color:#80baaf35!important;box-shadow:inset 0 1px 0 #d7fff00d,0 2px 4px #030a1226!important}
html[data-page=atlas] #viewport #atlasModeBar button.on::after{content:"";position:absolute;bottom:-7px;left:11px;right:11px;height:2px;background:#73c8ba;border-radius:2px}
html[data-page=atlas] #viewport #atlasModeBar button:hover:not(:disabled){color:#ecfff8!important;background:#1a2931!important}
html[data-page=atlas] #viewport #atlasModeBar button:focus-visible{outline:2px solid #73c8ba;outline-offset:2px}
html[data-page=atlas] .atlasWorkspace .atlasWsHead{border-bottom:1px solid #8ab2ba26!important;box-shadow:0 1px 0 #020a1040!important}
html[data-page=atlas] #inspector{border-left:1px solid #8ab2ba26!important}
html[data-page=atlas] #inspector #tab-motion .jointGroup{border-top:1px solid #8ab2ba1c!important}
html[data-page=atlas] .atlasWorkspace :is(.ecoPaneHead,.studioGuidePair figure header){border-bottom:1px solid #8ab2ba26!important}
html[data-page=atlas] .atlasWorkspace .tecLive article h3{padding-bottom:9px;border-bottom:1px solid #8ab2ba26}
@media(max-width:800px){
.atlasLangBar{width:116px}
body .atlasLangBar .ndSelect .ndSelectButton,html[data-page=atlas] #topbar #atlasLangBar .ndSelectButton{font-size:11px!important;padding:8px!important;gap:7px!important}
html[data-page=atlas] #viewport #atlasModeBar{gap:3px!important}
html[data-page=atlas] #viewport #atlasModeBar button{gap:4px!important;padding:8px 5px!important;font-size:10px!important}
html[data-page=atlas] #viewport #atlasModeBar button svg{width:14px;height:14px}
html[data-page=atlas] #inspector{border-left:0!important;border-top:1px solid #8ab2ba26!important}
}
@media(max-width:420px){html[data-page=atlas] #viewport #atlasModeBar button{flex-direction:column;gap:5px!important;font-size:9px!important;min-height:46px}}
/* Technique comparison: consistent visual keys, distinct explanatory sections. */
html[data-page=atlas] .atlasWorkspace-tecnicas{--slider-color:#73c8ba;--tensioner-color:#e2c88b}
html[data-page=atlas] .atlasWorkspace-tecnicas [data-variant=slider]{--variant-color:var(--slider-color)}
html[data-page=atlas] .atlasWorkspace-tecnicas [data-variant=tensioner]{--variant-color:var(--tensioner-color)}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecView{border-top:2px solid var(--variant-color)!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecView+.tecView{border-left:1px solid #5b718344!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecTag{padding:10px 12px;margin:0;color:var(--variant-color)!important;font-size:12px;background:#10171fe6!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecLive{gap:12px;border:0!important;border-radius:0}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecLive article{padding:18px 20px;border:1px solid #73c8ba26!important;border-left:3px solid var(--variant-color)!important;border-radius:6px;background:#142522!important;box-shadow:inset 0 1px 0 #ddfff408!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecLive article[data-variant=tensioner]{background:#25241f!important;border-color:#e2c88b26!important;border-left-color:var(--variant-color)!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecLive h3{color:var(--variant-color)!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecCharts{gap:18px;margin-top:10px}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecCharts figure{padding:18px 16px 10px!important;border:1px solid #78909f30!important;border-radius:6px;background:#141e27!important;box-shadow:inset 0 1px 0 #d6e8ee08!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecCharts svg>rect{fill:transparent}
.tecChartLegend{display:flex;gap:22px;margin:16px 0 4px;color:#c5d5dd;font-size:11px}
.tecChartLegend span{display:inline-flex;align-items:center;gap:8px;color:var(--variant-color)}
.tecChartLegend span::before{content:"";width:24px;border-top:2px solid var(--variant-color)}
.tecChartLegend [data-variant=tensioner]::before{border-top-style:dashed}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecCards{gap:18px;padding-top:22px;margin-top:18px;border-top:1px solid #78909f40;align-items:start}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecCards>.atlasCard{padding:20px!important;border:1px solid #78909f30!important;border-radius:6px;background:#141e27!important;box-shadow:inset 0 1px 0 #d6e8ee08!important}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecCards h3{padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #78909f40;letter-spacing:.04em}
html[data-page=atlas] .atlasWorkspace-tecnicas #tecStudy{border-top:2px solid #91a9bc!important}
.tecCoordVariant{border-left:2px solid var(--variant-color);padding-left:12px;margin:18px 0}
.tecCoordVariant p>b{color:var(--variant-color)}
html[data-page=atlas] .atlasWorkspace-tecnicas #tecDiff dt:nth-of-type(1){color:var(--slider-color)}
html[data-page=atlas] .atlasWorkspace-tecnicas #tecDiff dt:nth-of-type(2){color:var(--tensioner-color)}
html[data-page=atlas] .atlasWorkspace-tecnicas #tecDiff .atlasDl{grid-template-columns:1fr;gap:6px}
html[data-page=atlas] .atlasWorkspace-tecnicas #tecDiff dd{margin:0 0 14px}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecMobileSwitch button[aria-pressed=true]{border-bottom:2px solid #73c8ba;background:#203139;color:#d9f3ed}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecMobileSwitch button[data-single=tensioner][aria-pressed=true]{border-bottom-color:#e2c88b;color:#e2c88b}
@media(max-width:720px){html[data-page=atlas] .atlasWorkspace-tecnicas .tecView+.tecView{border-left:0!important}}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecMobileSwitch button{background:#10171f;color:#bacbd4;border:1px solid #4a6470;border-radius:4px}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecMobileSwitch button[aria-pressed=true]{background:#203139;color:#73c8ba;border-bottom:2px solid #73c8ba}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecMobileSwitch button[data-single=tensioner][aria-pressed=true]{background:#25241f;color:#e2c88b;border-bottom-color:#e2c88b}
@media(max-width:650px){
html[data-page=atlas] .atlasWorkspace-tecnicas .tecTop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecTop>label{grid-column:1/-1;width:100%;min-width:0}
html[data-page=atlas] .atlasWorkspace-tecnicas .tecMobileSwitch{gap:4px}
html[data-page=atlas] .atlasWorkspace-tecnicas #tecWhat{font-size:11px;text-align:right}
}
@media(max-width:600px){html[data-page=atlas][data-atlas-workspace] .atlasWorkspace{inset:202px 8px 8px!important}}
/* The protocol selector belongs only to the neurodynamic test workspace. */
html[data-page=atlas][data-atlas-workspace] #focusedStageControls #quickTestPanel{display:none!important}