body {
	position: relative;
	z-index: 1;
	background: var(--bg-main);
	-webkit-tap-highlight-color: rgba(2, 2, 2, 0.2);
	scroll-behavior: smooth !important;
}

.l-body {
	width: 100%;
	min-height: 100vh;
	min-height: 100svh;
}

.l-main {
	z-index: 0;
	padding-top: calc(5rem + (2 * var(--space-xs)));
	padding-bottom: 0;
	background-color: var(--bg-section);
}


.l-main--iframe {
	padding-top: 0;
}

.l-footer {
	margin-top: auto;
	padding-top: var(--space-m);
	background: var(--footer-bg);
	color: var(--footer-text);
}

.l-mt--0 {
	margin-top: 0;
}

.l-mb--1 {
	margin-bottom: var(--space-m);
}