/* Mobile safe-area protection for every full-screen premium experience. */
@media (max-width: 900px) {
  .rpe-page {
    padding-top: max(34px, calc(env(safe-area-inset-top, 0px) + 22px)) !important;
  }

  .pgx-screen {
    padding-top: max(28px, calc(env(safe-area-inset-top, 0px) + 18px)) !important;
  }

  .rpq-overlay,
  .rpg-overlay,
  .rpa-overlay,
  .rpl-overlay,
  .rpag-overlay,
  .rplearn-overlay {
    padding-top: max(18px, calc(env(safe-area-inset-top, 0px) + 14px)) !important;
    box-sizing: border-box;
  }

  .rps-drawer-backdrop,
  .rps-backdrop {
    padding-top: max(14px, env(safe-area-inset-top, 0px));
    box-sizing: border-box;
  }

  /* Strong is a full-height drawer. Give only this screen extra top clearance
     so iPhone status-bar/browser chrome never overlaps the title or close button. */
  .rps-drawer-backdrop .rps-strong-drawer {
    padding-top: max(54px, calc(env(safe-area-inset-top, 0px) + 24px)) !important;
  }
}