/* assets/css/layout.css */
.site-header,
.site-main,
.site-footer {
  display: block;
}

.section {
  padding-top: var(--wp--preset--spacing--m);
  padding-bottom: var(--wp--preset--spacing--m);
}

.section__inner {
  width: 100%;
  max-width: var(--wp--style--layout--content-size);
  margin-inline: auto;
  padding-inline: max(10vw, var(--wp--preset--spacing--m));
}

.section--wide .section__inner {
  max-width: var(--wp--style--layout--wide-size);
}

@media (min-width: 48rem) {
  .section__inner {
    padding-inline: max(10vw, var(--wp--preset--spacing--m));
  }
}