.container {
	width: min(var(--content-width), calc(100% - (2 * var(--content-pad))));
	margin-inline: auto;
}

.site-main {
	display: block;
	overflow: clip;
}

.screen-reader-text {
	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: fixed;
	top: -80px;
	left: 14px;
	z-index: 1000;
	padding: 10px 14px;
	color: #fff;
	background: var(--color-primary);
	transition: top 0.15s ease-out;
}

.skip-link:focus {
	top: 14px;
}

.section-title {
	margin: 0;
	font-size: var(--fs-2xl);
}

.section-lead {
	max-width: 36ch;
	margin: 18px 0 0;
	color: var(--color-muted);
}