/* ==========================================================================
   css/layout.css — Shared layout containers and page structure utilities
   ========================================================================== */

/* Centered page container (Provisional max-width: 1200px) */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}

/* Narrower centered container for reading-focused sections (Provisional: 960px) */
.container--narrow {
  max-width: var(--container-narrow);
}

@media (min-width: 900px) {
  .container {
    padding-left: var(--space-10);
    padding-right: var(--space-10);
  }
}