.layout {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--anrt-spacing-200);
}

@media ((min-width: 64rem)) {
  .layout {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: var(--anrt-spacing-200);
    /* padding-inline: var(--grid-gap) */
  }
}


.layout__region {
  display: flex;
  flex-direction: column;
  grid-column: span 12;
  gap: var(--anrt-spacing-200);
  /* padding-b: 3rem; */

}

.layout-container {
  position: relative;
}

.layout__region>div {
  width: 100%;
  /* padding-bottom: 3rem; */
}

.layout__region>div:first-child:last-child{
  height: 100%;
}

.layout__region>.centered {
  padding-inline: 0
}

@media ((min-width: 64rem)) {
  .layout__region {
    /* margin-bottom: 0 !important */
  }
}

@media ((min-width: 64rem)) {
  .layout__region--span-1 {
    grid-column: span 1
  }

  .layout__region--span-2 {
    grid-column: span 2
  }

  .layout__region--span-3 {
    grid-column: span 3
  }

  .layout__region--span-4 {
    grid-column: span 4
  }

  .layout__region--span-5 {
    grid-column: span 5
  }

  .layout__region--span-6 {
    grid-column: span 6
  }

  .layout__region--span-7 {
    grid-column: span 7
  }

  .layout__region--span-8 {
    grid-column: span 8
  }

  .layout__region--span-9 {
    grid-column: span 9
  }

  .layout__region--span-10 {
    grid-column: span 10
  }

  .layout__region--span-11 {
    grid-column: span 11
  }

  .layout__region--span-12 {
    grid-column: span 12
  }
}