/* Semantic container: body > header, body > main, body > footer as containers (classless only) */

body > header,
body > main,
body > footer {
  width: 100%;
  margin-inline: auto;
  padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
  max-width: var(--pico-container-max-width);

  @media (width >= 576px) {
    padding-inline: 0;
  }
}