.app-shell {
  height: 100dvh;
  min-height: 100dvh;
  padding: 0.9rem;
}

.surface-grid {
  height: calc(100dvh - 1.8rem);
  min-height: 0;
}

.surface {
  height: 100%;
  min-height: 0;
}

@media (max-width: 900px) {
  .app-shell {
    padding: 0.5rem;
  }

  .surface-grid {
    height: calc(100dvh - 1rem);
  }
}

@media (max-width: 640px) {
  .app-shell {
    padding: 0.35rem;
  }

  .surface-grid {
    height: calc(100dvh - 0.7rem);
  }
}