@media (width >= 700px) { body > main.site-main > section.page-content > section.page-wrapper { } }
@media (width >= 900px) { body > main.site-main > section.page-content > section.page-wrapper { } }
@media (width >= 100em) { body > main.site-main > section.page-content > section.page-wrapper { } }
body > main.site-main > section.page-content {
  background-color: var(--shadow-color);
  border-left: var(--border-width) solid hsl(var(--color-border));
  border-right: var(--border-width) solid hsl(var(--color-border));
  max-width: var(--body-max-width);
  margin: var(--margin-auto-center);
  &> .homepage-content {
    max-width: var(--description-paragraph-max-width);
    margin: var(--margin-auto-center);
  }
  nav.subnav,
  div.form-actions {
    display: flex;
    gap: var(--spacing-fourth);
    justify-content: center;
    align-content: center;
  }
  div.field + div.actions,
  div.fields + div.actions,
  div.fields-container + div.actions {
    margin-top: var(--spacing-half);
  }
  div.fields-container {
    display: flex;
    gap: var(--spacing);
  }
  div.sticky-to-bottom-of-nav {
    position: sticky;
    background-color: hsl(var(--color-bg));
    z-index: 1;
    top: 0;
    &.overlapped {
      top: var(--subnav-sticky-overlapped);
    }
  }
}