/**
 * 121 Platform
 * Layout Foundation
 *
 * @package 121_Platform
 */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
}

.wp-site-blocks {
	overflow-x: clip;
}

.wp-site-blocks > .nd-page {
	margin-block-start: 0;
}

.wp-block-post-content > .nd-section {
	margin-block: 0;
}

.nd-site-header {
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}

.nd-site-header__inner {
	gap: var(--wp--preset--spacing--50);
}

.nd-site-branding {
	gap: var(--wp--preset--spacing--40);
}

.nd-page {
	padding-block: 0;
}

/**
 * Canonical wide container for reusable Platform sections.
 *
 * Full-width section wrappers own backgrounds and vertical spacing. This
 * inner container alone owns the shared maximum width, centring and gutters.
 */
.nd-container {
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-inline: var(--wp--custom--layout--gutter);
}

.nd-page__header {
	margin-bottom: var(--wp--preset--spacing--60);
}

.nd-site-footer {
	margin-block-start: 0;
	padding-block: var(--wp--custom--section--space-compact);
}

.nd-site-footer__inner {
	display: grid;
	gap: var(--wp--preset--spacing--60);
}

.nd-site-footer__legal {
	gap: var(--wp--preset--spacing--40);
}

@media (max-width: 781px) {
	.nd-site-header__inner {
		align-items: center;
	}

	.nd-site-footer__legal {
		align-items: flex-start;
		flex-direction: column;
	}
}