.site-main {
  width: 100%;
}

/* Centered portal-style layout */
#page-wrapper,
#page {
  max-width: 1200px;       /* Set your desired portal width */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;        /* Align content inside to the left */
}

body {
   background-image: none !important;
}


/* Center the main layout wrapper */
.layout-main-wrapper {
  max-width: 1200px; /* You can adjust this value */
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
}

/* Optional: Center the main content container as well */
.main-content__container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Make all container-wrapped regions centered and limited in width */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  text-align: center;
}


.region--content,
.region--hero,
.region--highlighted,
.region--content-below {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
}

.main-content {
  width: 100% !important;
  margin-inline: auto !important;
}

/* Keep block-level alignment free (you control it via classes/UI) */
.block {
  text-align: initial; /* inherits from what you set in UI */
}

.grid-full {
  display: block;
}



/*
* {
  outline: 1px solid red;
}
 */