/* The app shell's own content inset already clears the iPhone status bar, so the page must not add
   env(safe-area-inset-top) on top of it — that is what put ~47px of empty white above the member's
   header icons. Only inside the shell: html.mtv-in-app is set before first paint by
   js/app-safe-area-v1.js. A browser still starts under the status bar, so it keeps the clearance
   written in css/ios-safe-v1.css, and every value here equals what the phone header had before
   viewport-fit=cover made env() live.

   Fresh filename: hCDN caches css/* for a week and ignores query strings. */

@media (max-width: 820px) {
  html.mtv-in-app .mtv-header { padding-top: 11px; }
  html.mtv-in-app { scroll-padding-top: 64px; }
}

@media (max-width: 640px) {
  html.mtv-in-app .mtv-header { padding-top: 10px; }
}