/**
 * Base styles.
 */

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

.l-container {
	width: 100%;
	max-width: var(--container-outer-max);
	margin-inline: auto;
	padding-inline: var(--container-pad-inline);
}

.skip-link:focus {
	position: fixed;
	top: 0.5rem;
	left: 0.5rem;
	z-index: 100000;
	padding: 0.75rem 1rem;
	background: #1a1a1a;
	color: #fff;
	text-decoration: none;
	clip: auto;
	width: auto;
	height: auto;
}

html {
	overflow-x: clip;
}

body {
	overflow-x: clip;
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}