/**
 * Shared page layout primitives (horizontal gutter + optional max-width shells).
 *
 * Compose on `<main>` or inner wrappers — use `.gather-page-section` when the padded
 * box is full viewport width; use `.gather-page-shell` inside full-bleed bands.
 */

/** Horizontally inset content to align with `--gather-page-gutter-x` only. */
.gather-px-page {
	padding-inline: var(--gather-page-gutter-x);
}

/** Horizontally inset + capped width + centered — matches homepage curation strip. */
.gather-page-shell {
	width: 100%;
	max-width: var(--gather-content-max-width);
	margin-inline: auto;
	padding-inline: var(--gather-page-gutter-x);
}

/** Single full-width wrapper: fluid vertical rhythm + horizontal gutter (archive + bento block). */
.gather-page-section {
	padding-block: var(--gather-page-section-py-start) var(--gather-page-section-py-end);
	padding-inline: var(--gather-page-gutter-x);
}

/** Larger vertical padding — editorial bands (e.g. curation inner). */
.gather-page-section--relaxed {
	padding-block: var(--gather-page-section-py-start-lg) var(--gather-page-section-py-end-lg);
}