@layer page {
	article:not(:has(.box:last-child)) {
		padding-block-end: var(--space-xl);
	}

	body.site-page,
	body.site-page>header {
		background-color: var(--landmark-header-background-color);
		color: var(--landmark-header-foreground-color-shaded);
	}

	.site-page .message-box {
		background-color: var(--site-page-message-box-background-color);
		color: var(--site-page-message-box-foreground-color);
	}

	.site-page article>header,
	.site-page article section {
		display: grid;
		grid-column: screen-start / screen-end;
		grid-template-columns: subgrid;
	}

	.site-page article>header>*,
	.site-page article>section> :not(aside),
	.site-page article>section>section>*,
	.site-page article> :not(aside, header, section) {
		grid-column: var(--main-content-grid-column);
	}

	.site-page article > section:first-of-type {
		padding-block-start: var(--space-2xl);
	}
}