/* Keep all normal page content at the phone's natural width. */
html,body{max-width:100%;overflow-x:clip}
@media (max-width:1200px){
  html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}
  body{margin:0!important}
  .site-header,main,.site-footer,.nav-wrap,.shell,.footer-inner,.hero-grid,.two-col,.panel{max-width:100%!important;min-width:0!important}
  .site-header,main,.site-footer{width:100%!important;overflow-x:clip!important}
  .nav-wrap,.shell,.footer-inner{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important}
  .hero-grid{grid-template-columns:1fr!important;width:100%!important;max-width:none!important;margin:0!important;padding:18px!important}
  .hero-logo{width:150px!important;height:150px!important}
  .two-col{grid-template-columns:minmax(0,1fr)!important;width:100%!important;margin:0!important}
  .two-col>div,.two-col>aside{width:100%!important;min-width:0!important}
  .site-footer,.footer-inner{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  .sticky{position:static!important}
  .panel,.facts div{min-width:0!important;overflow-wrap:anywhere}
  .sticky-download{display:none!important}
  /* Only this screenshot row scrolls sideways. */
  .screenshot-panel{overflow:hidden!important}
  .shot-strip{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;gap:14px!important;padding:4px 0 14px!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important}
  .shot-strip figure{display:block!important;flex:0 0 82vw!important;width:82vw!important;max-width:310px!important;scroll-snap-align:start!important}
  .shot-strip img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:9/16!important;object-fit:cover!important}
}