/* Shared centered page shells and padding variants. */
.ui-page-shell {
  max-width: 65rem;
  margin: 0 auto;
}

.ui-page-shell--wide {
  max-width: 86.25rem;
}

.ui-page-shell--padded {
  padding: 0 var(--space-xl) 3.5rem;
}

.ui-page-shell--hero {
  padding: 1.75rem var(--space-xl) 3.5rem;
}

@media (max-width: 56.25rem) {
  .ui-page-shell--hero {
    padding: 1.25rem 1rem 2.5rem;
  }

  .ui-page-shell--padded {
    padding: 0 1rem 2.5rem;
  }
}