.page {
  display: grid;
  grid-template-columns: minmax(320px, var(--grid-width));
  align-items: start;
  justify-content: space-between;
  max-width: calc(var(--grid-width) + var(--grid-gutter) * 2);
  padding-inline: var(--grid-gutter);
  margin-inline: auto;
  /* @media (width <= 1140.98px) {
    & {
      margin-inline: var(--grid-gutter);
    }
  } */
}

.page-lead {
  column-gap: var(--space-md);
  grid-template-columns:
    var(--aside-width)
    minmax(320px, var(--content-max-width))
    var(--aside-width);

  @media (width <= 1140.98px) {
    & {
      grid-template-columns:
        var(--aside-width)
        minmax(320px, var(--content-max-width));
    }
  }

  @media (width <= 900.98px) {
    & {
      grid-template-columns: minmax(320px, var(--content-max-width));
    }
  }
}