/*
 * Page wrappers are transparent: every section pattern owns its own
 * background, horizontal padding, and vertical rhythm.
 */

.canopy-page,
.canopy-service-page,
.canopy-front-page,
.archive-page,
.single-content {
  display: flow-root;
}

.canopy-shell-section {
  padding-inline: var(--section-padding-x);
  padding-block: var(--section-padding-y);
}

.canopy-shell-container,
.canopy-page__inner,
.canopy-service-page__inner {
  width: min(100%, var(--layout-container-width, var(--container-width)));
  margin-inline: auto;
}

.canopy-shell-reading {
  width: min(100%, var(--layout-reading-width, var(--content-width-reading)));
  margin-inline: 0 auto;
}

.canopy-page__inner > * + * {
  margin-top: var(--page-stack-space);
}

.canopy-page__content > * + * {
  margin-top: var(--page-content-stack-space);
}