/* Keep the existing visual system; enlarge the actual interactive areas. */
.homeHeader nav a,.knowledgeHeader nav a,.homeActions>a,.siteTextLink,
.homeFooter nav a,.homeFooter nav button,.knowledgeFooter a{display:inline-flex;align-items:center;min-height:44px}
.homeHeader nav a,.knowledgeHeader nav a{padding-block:6px}
.homeHeader :focus-visible,.knowledgeHeader :focus-visible,.homeActions :focus-visible,
.homeFooter :focus-visible,.knowledgeFooter :focus-visible{outline:2px solid #2d4a4b;outline-offset:3px}
html[data-page=atlas] #viewport #motionDock #timeline,
html[data-page=atlas] #tab-motion input[type=range]{height:44px!important;min-height:44px;margin-block:0!important;background:transparent!important;appearance:none;cursor:pointer}
html[data-page=atlas] #timeline::-moz-range-track,
html[data-page=atlas] #tab-motion input[type=range]::-moz-range-track{height:4px;background:#354d5b;border-radius:3px}
html[data-page=atlas] #timeline::-webkit-slider-runnable-track,
html[data-page=atlas] #tab-motion input[type=range]::-webkit-slider-runnable-track{height:4px;background:#354d5b;border-radius:3px}
html[data-page=atlas] #timeline::-webkit-slider-thumb,
html[data-page=atlas] #tab-motion input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;border:2px solid #10171f;border-radius:50%;background:#73c8ba}
html[data-page=atlas] #timeline::-moz-range-thumb,
html[data-page=atlas] #tab-motion input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #10171f;border-radius:50%;background:#73c8ba}
html[data-page=atlas] #viewport #motionDock :is(#playBtn,#loopBtn,.ndSelectButton){min-height:44px!important}
html[data-page=atlas] #viewport #motionDock #playBtn{height:44px!important;min-width:44px!important;width:44px!important}
html[data-page=atlas] #viewport>#motionDock{grid-template-columns:44px minmax(0,1fr) 86px 46px!important}
html[data-page=atlas] #viewport #toast{bottom:190px!important;max-width:calc(100% - 32px);pointer-events:none}
@media(max-width:800px){
 html[data-page=atlas] #viewport>#motionDock{grid-template-columns:44px minmax(0,1fr) 70px 44px!important}
 html[data-page=atlas] #viewport #toast{top:190px!important;bottom:auto!important;left:14px!important}
 html[data-page=atlas] #viewport #motionDock #loopBtn{min-width:44px!important}
}
/* Never expose the provisional rig or a partially installed GLB. */
html[data-page=atlas] #viewport:not(.webglReady) canvas.webgl{visibility:hidden!important}
html[data-page=atlas] #viewport #loadingState{position:absolute!important;inset:0!important;z-index:35!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#10171f!important;color:#c5d6df!important;padding:24px;text-align:center;pointer-events:auto}
html[data-page=atlas] #loadingState .loaderRing{width:32px;height:32px;border-width:3px}
html[data-page=atlas] #viewport #error{z-index:36;background:#10171f!important}
@media(max-width:800px){
 html[data-page=atlas] #topbar{padding-top:calc(8px + env(safe-area-inset-top,0px))!important;padding-bottom:8px!important;min-height:64px!important;gap:6px!important}
 html[data-page=atlas] #topbar .brandText,html[data-page=atlas] #topbar .brandName{font-size:15px!important}
 html[data-page=atlas] #topbar .topActions{min-width:0;gap:6px!important}
 html[data-page=atlas] #topbar #atlasLangBar{width:118px!important}
 html[data-page=atlas] #topbar #atlasLangBar .ndSelectButton,html[data-page=atlas] #topbar button{min-height:44px!important}
 html[data-page=atlas] #topbar #tierPreviewBadge{font-size:10px!important;white-space:nowrap}
 html[data-page=atlas]:not([data-atlas-workspace]) #viewport{height:max(540px,calc(100vh - 132px))!important;height:max(540px,calc(100svh - 132px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))!important;min-height:540px!important}
 html[data-page=atlas] #workbenchRail{position:sticky;bottom:0;z-index:50;background:#141c25;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
 html[data-page=atlas] #workbenchRail button{min-height:64px;touch-action:manipulation}
 html[data-page=atlas] #viewport #workbenchLayers .workbenchLayer{touch-action:manipulation}
 html[data-page=atlas] #viewport #motionDock #timeline{touch-action:pan-y}
 html[data-page=atlas] #viewport #atlasModeBar{scrollbar-width:none}
 html[data-page=atlas] #viewport #atlasModeBar::-webkit-scrollbar{display:none}
}