/* Layout primitives */
.container { max-width: 1200px; margin: 0 auto; padding: var(--space-3); }
.flex { display: flex; }
.flex-center { display: flex; align-items: center; justify-content: center; }
.grid { display: grid; gap: var(--space-3); }

/* Simple responsive helper */
@media (max-width: 900px) {
  .container { padding: var(--space-2); }
}