.editor-showcase-page {
  --editor-showcase-page-uniform-margin-vert: 2.4rem;
}

.editor-showcase-page {
  margin: auto;
  /* Use uniform vertical margins between all components. */
  .com:not(.com-page-header) + .com {
    margin-top: var(--editor-showcase-page-uniform-margin-vert);
  }
}

/* Exception. Use natural heading margins instead of uniform margins. */
.site-main .editor-showcase-page .components .com-heading + .com {
  margin-top: 0;
}

/*
  Only allow page header component to span max width.
*/
.editor-showcase-page .components > :not(.com-page-header) {
  max-width: min(var(--content-max-width), calc(100% - var(--mobile-content-edge-padding) * 2));
}