/* PWA / installed-app refinements. Additive only — no changes to existing layout
 * unless the app is actually launched from the home screen (display-mode: standalone). */

@media (display-mode: standalone), (display-mode: minimal-ui) {
  /* Respect device safe areas (notch / home indicator) so the installed app does
     not draw content under the status bar or gesture bar. viewport-fit=cover is
     already set in the document head. */
  body {
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    box-sizing: border-box;
  }

  /* Prevent the pull-to-refresh / overscroll bounce from feeling non-native. */
  html {
    overscroll-behavior-y: contain;
  }
}