/* ==========================================================================
   Grid Pages — page-level spacing for card grids
   Applied to .main-content on pages displaying .grid-cards.
   Each layout owns its own spacing — .grid-cards handles internal padding
   (padding-inline on mobile), .page-grid handles outer page padding.
   ========================================================================== */

.page-grid {
  padding: var(--space-8);
}

@media (max-width: 480px) {
  .page-grid {
    padding: var(--space-6) 0;
  }
}