/* Small single-purpose helper classes. */

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skip-link {
	position: absolute;
	left: -999px;
	top: auto;
	z-index: 1000;
	background: var(--color-primary);
	color: #fff;
	padding: var(--space-2xs) var(--space-sm);
	border-radius: var(--radius-sm);
}

.skip-link:focus {
	left: var(--space-sm);
	top: var(--space-sm);
}

.mt-0 { margin-top: 0; }
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }
.mb-0 { margin-bottom: 0; }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-md { margin-bottom: var(--space-md); }
.mb-lg { margin-bottom: var(--space-lg); }

.hidden { display: none !important; }

@media (max-width: 767px) {
	.hide-mobile { display: none !important; }
}

@media (min-width: 768px) {
	.hide-desktop { display: none !important; }
}

.rounded { border-radius: var(--radius-md); }
.shadow { box-shadow: var(--shadow-md); }

.bg-alt { background: var(--color-bg-alt); }