.site-shell {
  width: min(100% - (var(--space-md) * 2), var(--content-width));
  margin-inline: auto;
}

.site-main {
  min-height: calc(100vh - var(--header-height));
  padding-block: var(--space-xl);
}

.page-shell {
  min-height: 24rem;
}

@media (max-width: 768px) {
  .site-shell {
    width: min(100% - (var(--space-sm) * 2), var(--content-width));
  }

  .site-main {
    padding-block: var(--space-lg);
  }
}