@layer component.layout {
  .section--max-width_full {
    box-sizing: content-box;
    padding: 0;
  }

  .section--max-width_wide > .section__inner {
    max-width: var(--wide-width);
  }

  .section--max-width_content  > .section__inner {
    max-width: var(--content-width);
  }

  .section--max-width_text > .section__inner {
    max-width: var(--narrow-width);
  }
}