@media (max-width: 599px) {
  :root {
    --dashboard-block-gap: 8px;
    --bottom-stack-gap: 8px;
  }

  .dashboard-grid {
    gap: var(--dashboard-block-gap);
  }

  .dashboard-grid > .card {
    margin-block: 0;
  }

  .service-switch-card {
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
    bottom: calc(
      var(--bottom-nav-offset)
      + var(--bottom-nav-safe-gap)
      + var(--bottom-nav-height)
      + var(--bottom-stack-gap)
    );
    width: auto;
    max-width: 430px;
    margin: 0 auto;
  }
}