/* ATOM NEW BD v16.56 - Mobile+ : safe, low-risk phone fixes (scoped; nothing here changes desktop) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.atom-dark{overflow-wrap:break-word;-webkit-tap-highlight-color:rgba(225,29,72,.18)}
body.atom-dark img{max-width:100%}
/* wide things inside posts must scroll inside themselves, never stretch the page sideways */
body.atom-dark .atom-content-text table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.atom-dark .atom-content-text pre,
body.atom-dark .atom-content-text code{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
body.atom-dark .atom-content-text iframe,
body.atom-dark .atom-content-text video{max-width:100%}
/* sideways swipe rows: don't drag the whole page when the row ends */
body.atom-dark .atf2-rrow,
body.atom-dark .atf-chips,
body.atom-dark .atom-mi-cast,
body.atom-dark .atom-category-grid{overscroll-behavior-x:contain}
/* below-the-fold blocks are painted only when they get near the screen (faster first paint on phones) */
body.atom-dark .atom-related,
body.atom-dark #colophon,
body.atom-dark .site-footer{content-visibility:auto;contain-intrinsic-size:auto 600px}
@media (max-width:768px){
  /* tighter gap between the filter chips and the "Latest Releases" heading */
  body.atom-dark .atom-latest .atom-section-head{margin-top:12px!important}
  /* respect phone notches in landscape / PWA mode */
  body.atom-dark .main-container{padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
  body.atom-dark .atom-content-text h1,
  body.atom-dark .atom-content-text h2,
  body.atom-dark .atom-content-text h3{overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
