/* Baseline layout for older iPad Safari. Modern safe-area values override it. */
.app-page {
  padding: 0 18px 88px;
  padding: env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
}

.bottom-nav {
  bottom: 12px !important;
  bottom: max(12px, env(safe-area-inset-bottom)) !important;
}

.study-page {
  padding: 18px 20px 24px;
  padding: calc(18px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));
}

.avatar-editor {
  padding: 18px 20px;
  padding: calc(18px + env(safe-area-inset-top)) 20px;
}

@media (min-width: 760px) {
  .app-page {
    padding-left: 38px;
    padding-right: 38px;
  }
}