/* ==========================================================================
   layout.css — container, full-bleed alignments
   ========================================================================== */

@layer layout {
	.container {
		width: 100%;
		max-width: var(--container-max);
		margin: 0 auto;
		padding: 0 var(--space-md);
	}

	.site-content {
		padding: var(--space-lg) 0 var(--space-xl);
	}

	.alignwide {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}

	.alignfull {
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}