/* ============================================================
   CONTENT LAYOUT - Main Content Width Control
   Matches header container width (1400px max-width)
   ============================================================ */

/* Main content wrapper - match header width */
/* Exclude 2-column and 3-column layouts (they have their own layout rules) */
.page-layout-1column .page-main,
.page-layout-1column .column.main {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Alternative: if using page-wrapper for full-width sections */
.page-wrapper .main-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* CMS content blocks */
.cms-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Ensure content doesn't exceed container on smaller screens */
@media (max-width: 768px) {
  .page-layout-1column .page-main,
  .page-layout-1column .column.main,
  .main-container,
  .cms-content {
    padding: 0 1rem;
  }
}