.container {
	width: 100%;
	max-width: calc(var(--container) + 2 * var(--gutter));
	margin-inline: auto;
	padding-inline: var(--gutter);
}
.container--narrow { max-width: calc(760px + 2 * var(--gutter)); }

.section { padding-block: var(--section-y); }

/* Light rounded "sheet" used behind hero / LM pages (Figma Rectangle 1, inset 12px). */
.sheet {
	background: var(--c-light);
	border-radius: var(--radius-lg);
	margin: 0.5rem;
}
/* Keep sheet content on the page gutter (24px from the screen edge on mobile, Figma 69:5774), not gutter + inset. */
.sheet > .container { padding-inline: calc(var(--gutter) - 0.5rem); }
@media (min-width: 1024px) {
	.sheet { margin: 12px; }
	.sheet > .container { padding-inline: var(--gutter); }
}