:root {
	--brand: #38729e;
	--radius: 8px;
	--gap: 6px;
}

.toc {
	font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-size: 1rem;
	line-height: 120%;
	font-weight: 600 !important;
	color: black !important;
}

@media (max-width:767px) {
	.toc {
		font-size: 1.3rem;
	}
}

.toc__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.toc__item {
	margin: var(--gap) 0;
	padding: .5rem 0;
}

.toc__link {
	display: block;
	font-weight: 600 !important;
	color: black !important;
	text-decoration: none !important;
	padding: 8px 10px;
	border-bottom: none;
	border-radius: .5rem;
}

.toc__link:hover {
	background: white;
	color: #2b5879;
}

html {
	scroll-behavior: smooth;
}