.section__container {
  inline-size: 100%;
  margin-inline: auto;
  padding-inline: var(--si-space-40);
  display: grid;
  word-break: break-word;
  grid-gap: var(--si-space-28);
  gap: var(--si-space-28);
}
.section__container.section__container--full {
  max-inline-size: calc(100vw + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--full {
    max-inline-size: calc(100vw + 80px);
  }
}
.section__container.section__container--wide {
  max-inline-size: calc(var(--si-width-xxlarge) + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--wide {
    max-inline-size: calc(var(--si-width-xxlarge) + 80px);
  }
}
.section__container.section__container--content {
  max-inline-size: calc(var(--si-width-xlarge) + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--content {
    max-inline-size: calc(var(--si-width-xlarge) + 80px);
  }
}
.section__container.section__container--narrow {
  max-inline-size: calc(var(--si-width-medium) + 40px);
}
@media (min-width: 768px) {
  .section__container.section__container--narrow {
    max-inline-size: calc(var(--si-width-medium) + 80px);
  }
}
.section__container .section__container {
  padding-inline: 0;
}
@media (min-width: 992px) {
  .section__container .section__container--narrow {
    padding-inline: var(--si-space-40);
  }
}