/* Keep existing spacing at zero insets, including the mobile breakpoints. */
body {
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.diary-header { padding-top: env(safe-area-inset-top, 0px); }
.legal-footer { padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)); }
.nd-page .nd-header {
  height: calc(104px + env(safe-area-inset-top, 0px));
  padding-top: calc(16px + env(safe-area-inset-top, 0px));
}
.nd-page .nd-footer { padding-bottom: calc(30px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 720px) {
  .nd-page .nd-header {
    height: calc(80px + env(safe-area-inset-top, 0px));
    padding-top: calc(14px + env(safe-area-inset-top, 0px));
  }
  .nd-page .nd-footer { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 480px) {
  .nd-page .nd-header {
    height: calc(70px + env(safe-area-inset-top, 0px));
    padding-top: calc(12px + env(safe-area-inset-top, 0px));
  }
}