:root{--ap-focus:#f6cb5b}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ap-focus)!important;outline-offset:3px!important}
:where(button,[role="button"],input,select,textarea){touch-action:manipulation}
header[role="navigation"]{isolation:isolate}
.ap-mobile-map-panel{scrollbar-width:thin;scrollbar-color:#f6cb5b rgba(0,0,0,.24)}
.ap-mobile-map-panel::-webkit-scrollbar{width:7px}.ap-mobile-map-panel::-webkit-scrollbar-thumb{background:#f6cb5b;border-radius:20px}.ap-mobile-map-panel::-webkit-scrollbar-track{background:rgba(0,0,0,.24)}
img,video{max-width:100%}
h1,h2,h3,h4{text-wrap:balance;overflow-wrap:normal;hyphens:none}
@media(max-width:720px){
  .ap2-head{display:flex!important;align-items:center!important;gap:14px!important;padding-inline:14px!important}
  .ap2-brand{flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important;overflow-wrap:normal!important}
  .ap2-brand b{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
  .ap2-brand small,.ap2-room{display:none!important}
  .ap2-head nav{flex:1 1 auto!important;min-width:0!important;overflow-x:auto!important;white-space:nowrap!important}
  [data-ap-install-app]{display:none!important}
  .ap2-hero{background-image:linear-gradient(90deg,rgba(4,8,6,.96),rgba(4,8,6,.7)),url('/media/og/premium/world-history-atlas.webp');background-size:cover;background-position:center}
  .ap2-cinema-hero{display:none!important}
  .wh-shell{height:auto!important;min-height:100dvh!important;overflow:visible!important}
  .wh-shell>.map-wrap{order:-50!important;min-height:72dvh!important}
  .wh-shell>.side,.wh-shell>.side.right{max-height:72dvh!important;overflow:auto!important;overscroll-behavior:contain}
  .cultural-heritage-shell{height:auto!important;min-height:100dvh!important;overflow:visible!important}
  .cultural-heritage-shell>.dashboard-map-wrap{order:-50!important;min-height:72dvh!important}
  .cultural-heritage-shell>.dashboard-side{max-height:72dvh!important;overflow:auto!important;overscroll-behavior:contain}
  .cultural-heritage-shell>.dashboard-side.left{order:2!important}
  .cultural-heritage-shell>.dashboard-side.right{order:3!important}
  header[role="navigation"]{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .ap-mobile-map-panel{max-height:52dvh!important;overflow:auto!important;overscroll-behavior:contain}
  .leaflet-control a,.cesium-button,[class*="filter"] button,[class*="layer"] button{min-width:36px;min-height:36px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}