/* Phase 8 — shell + regions */
.app.app-shell {
  min-height: 100dvh;
  padding-bottom: calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-10));
  -webkit-overflow-scrolling: touch;
}

.app-shell.app-shell--nav-hidden {
  --toast-stack-bottom: calc(var(--space-8));
}

.overlay-system {
  position: static;
}

.main-container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--space-4);
}

.section {
  padding: var(--space-8) 0;
}