/* 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}
}
