/* Just Xplored production polish — V29 */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:92px}
body{min-width:320px;overflow-wrap:anywhere}
body.jx-lightbox-open{overflow:hidden}
img,svg,video,canvas{max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit}
button,a,[role="button"]{touch-action:manipulation}
[id]{scroll-margin-top:92px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.article-section-title{margin:0;font-size:clamp(4rem,12vw,9rem);font-weight:900;line-height:.84;letter-spacing:-.08em}
.sheet.kids-mode .kids-speech{display:none!important}
dialog{max-width:min(94vw,900px);max-height:min(90dvh,920px);overflow:auto;overscroll-behavior:contain}
.asset-card,.bg-card,.colouring-card,.video-card,.music-track{content-visibility:auto;contain-intrinsic-size:240px}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #ffd51e!important;outline-offset:3px!important}
@supports(selector(:focus-visible)){:where(a,button,input,select,textarea):focus:not(:focus-visible){outline:none}}

@media(max-width:980px){
  html{scroll-padding-top:78px}
  [id]{scroll-margin-top:78px}
  .mobile-menu a,.jx-mobile-menu a,.menu-toggle,.jx-menu-toggle{min-height:44px}
  .mobile-menu a,.jx-mobile-menu a{display:flex!important;align-items:center}
  table{max-width:100%}
}

@media(max-width:760px){
  body{padding-bottom:env(safe-area-inset-bottom,0)}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea{font-size:16px!important}
  button,.btn,[role="button"],input[type="button"],input[type="submit"]{min-height:44px}
  .jx-mobile-bottom-nav{padding-bottom:max(7px,env(safe-area-inset-bottom))!important}
  .jx-mobile-more-sheet{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
  .footer-inner{padding-bottom:max(92px,calc(74px + env(safe-area-inset-bottom)))!important}
  .article-section-title{font-size:clamp(3.5rem,20vw,6rem)}
  dialog{width:calc(100vw - 20px);margin:auto;padding-bottom:max(16px,env(safe-area-inset-bottom))}
}

@media(hover:none){
  a:hover,button:hover,.btn:hover,.card:hover,.tool-card:hover,.series-card:hover{transform:none!important}
}

@media(prefers-contrast:more){
  :where(.card,.panel,.tool-card,.series-card,.music-category,.article-card){border-color:currentColor!important}
}

@media print{
  html,body{overflow:visible!important}
  .jx-mobile-shell,.jx-mobile-sheet-backdrop,.jx-app-topbar,.mobile-tabs,.mobile-builder-tabs,.pack-mobile-tabs{display:none!important}
}