/* ==========================================================================
   Responsive — Mobile-first (PetLife is 430px max, mobile-only PWA)
   ========================================================================== */

.container {
  width: 100%;
  padding-inline: var(--space-md);
}

/* Safe area for bottom nav */
.screen {
  display: none;
  padding: var(--space-md);
  padding-bottom: 80px;
  min-height: 100dvh;
}
.screen.active { display: block; }

/* Bottom navigation safe area */
.bottom-nav {
  padding-bottom: env(safe-area-inset-bottom, var(--space-sm));
}