/**
 * Layout — the design's single content container.
 *
 * The mockup wraps every section body in a fixed max-width, centred, with
 * container padding. That is this one class.
 */

.pm-container {
	width: 100%;
	max-width: var( --container );
	margin-inline: auto;
	padding-inline: var( --container-padding );
}

/* Full-bleed section that still aligns its body to the container. */
.pm-section {
	padding-block: var( --section-space );
}