/* Extend the background into Safari's safe areas, keeping content clear of them. */
@media (max-width: 680px) {
  html {
    --mobile-edge-color: #e2dfe8;
    background-color: var(--mobile-edge-color);
  }

  html[data-theme="dark"] {
    --mobile-edge-color: #211e27;
  }

  body {
    background-color: var(--mobile-edge-color) !important;
    min-height: 100svh;
    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);
  }

  .dashboard .header {
    top: calc(8px + env(safe-area-inset-top, 0px));
  }

  .site-header {
    top: calc(12px + env(safe-area-inset-top, 0px));
  }
}