/* ═══════════════════════════════════════════════════════════════════
   Cronac Give  ·  css/core/layout.css
   Shared layout primitives — container, generic max-width helpers.
   Shell-specific nav/header/footer layout lives in each shell file.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Container ───────────────────────────────────────────────────── */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--space-6);
}

.container--narrow {
  max-width: var(--container-form);
}

.container--wide {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: var(--space-6);
}

.container--form-centered {
  max-width: 680px;
  margin-inline: auto;
  padding-inline: var(--space-6);
}

/* ── Responsive container padding ───────────────────────────────── */
@media (max-width: 640px) {
  .container {
    padding-inline: var(--space-4);
  }

  .container--wide {
    padding-inline: var(--space-4);
  }

  .container--form-centered {
    padding-inline: var(--space-4);
  }
}