@use "core/site-config";
@use "core/content-containers";

.layout {
  margin-bottom: site-config.$spacing-sm;

  > .layout__content {
    > .layout__regions {
      display: grid;
      row-gap: site-config.$spacing-xs;
      column-gap: site-config.$column-gap;
    }
  }

  // Make sure paragraphs inside regions don't touch each other.
  .layout__region {
    display: grid;
    row-gap: site-config.$spacing-xs;
    grid-auto-rows: min-content;
  }

  &:last-child {
    margin-bottom: 0;
  }
}
