/* ==========================================================================
   Layout primitives
   --------------------------------------------------------------------------
   .container — max-width 1920, side padding from token
   .site      — top-level page wrapper
   ========================================================================== */

.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.site-main {
	flex: 1 0 auto;
}

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

/* Skip link --------------------------------------------------------------- */
.skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	background: var(--color-text);
	color: var(--color-bg);
	padding: var(--space-3) var(--space-4);
	z-index: 9999;
}

.skip-link:focus {
	top: 0;
}