@layer base {
  :where(.l-main) {
    width: 100%;
  }

  :where(.l-container) {
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin-inline: auto;
    padding-inline: var(--wp--preset--spacing--lg);
  }

  :where(.l-container--narrow) {
    max-width: var(--wp--style--global--content-size, 900px);
  }

  @media (max-width: 600px) {
    :where(.l-container) {
      padding-inline: var(--wp--preset--spacing--base);
    }
  }
}