/*
 * Shared page-shell width and padding variants.
 *
 * Sections:
 * 1) shell width variants, 2) spacing presets, 3) mobile padding fallback.
 */

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

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

/* Vertical rhythm presets for standard and hero pages. */
.ui-page-shell--padded {
  padding: 0 var(--space-xl) 3.5rem;
}

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

/* Mobile spacing reduces side padding and bottom whitespace. */
@media (max-width: 56.25rem) {
  .ui-page-shell--hero {
    padding: 1.25rem 1rem 2.5rem;
  }

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