.c-toc-container {
	display: none;
}

.c-toc-container.c-toc-container--mobile {
		display: block;
		padding-bottom: var(--space-m);
		border-bottom: 1px solid #D6D3CF;
		border-bottom: 1px solid var(--color-mid-grey);
	}

@media (min-width: 990px) {
	.c-toc-container {
		display: block;
	}

		.c-toc-container.c-toc-container--mobile {
			display: none;
		}
}

.c-toc-container--mobile h2.toc-title {
	display: none;
}

.c-toc-container--mobile>button {
	color: var(--color-text);
	font-size: var(--step-2);
	font-weight: 600;
	display: flex;
	gap: var(--space-xs);
	align-items: center;
}

.c-toc-container--mobile>button::after {
		content: ' ';
		width: 1em;
		height: 1em;
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2213%22 viewBox%3D%220 0 28 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg id%3D%22Group%22%3E%3Cpath id%3D%22Vector%22 d%3D%22M26.0859 11.8652L13.8027 1.14499L1.51956 11.8652%22 stroke%3D%22%23201C40%22 stroke-width%3D%221.95421%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
		background-repeat: no-repeat;
		background-size: contain;
	}

.c-toc-container--mobile>button[aria-expanded="true"]::after {
		transform: rotate(180deg);
	}

.block-toc-js {
	background-color: var(--color-page-bg);
	padding: var(--box-space);
}

.c-toc-container--mobile-wrapper .block-toc-js {
	padding: 0;
	padding-top: var(--box-space);
}

.block-toc-js.sticky {
	position: fixed;
	z-index: 1000;
}

.block-toc-js.sticky-bottom {
	top: auto !important;
}

.block-toc-js.sticky-bottom {
	position: absolute;
	bottom: 0;
	z-index: 1000;
}

.c-toc-container--mobile.sticky {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: var(--color-page-bg);
	width: 100%;
	padding-top: var(--space-s);
	padding-bottom: var(--space-s);

}

.c-toc-container--mobile.sticky>* {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		max-width: max(17.5rem, min(82vw, 77.5rem));
		max-width: var(--container-narrow);
	}

.toc-js ul {
	list-style: none;
	padding-left: 0;
	margin-top: var(--space-m);
	margin-bottom: var(--space-m);
	border-left: 3px solid var(--color-mid-grey);
}

.c-toc-container--mobile .toc-js ul {
	margin-top: 0;
}

.toc-js ul li a {
	-webkit-text-decoration: none;
	text-decoration: none;
	color: var(--color-text);
	font-weight: 400;
	display: block;
	padding: var(--space-2xs);
	padding-left: calc(var(--space-2xs) + 3px);
	margin-left: -3px;
}

.toc-js ul li.toc-active a {
	background-color: var(--color-mid-grey);
	border-left: 3px solid var(--color-deep-purple);
}

.toc-js ul li a:hover {
	color: var(--color-blue);
	border-left: 3px solid var(--color-deep-purple);
}

.toc-js ul li a:focus {
	outline: none;
}

.toc-js ul li a:focus-visible {
	outline: 2px solid var(--color-blue);
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	outline-color: var(--color-blue);
	outline-color: var(--color-focus);
}

a.c-toc-back-to-top {
	-webkit-text-decoration: none;
	text-decoration: none;
	color: var(--color-blue);
	font-weight: 500;
	display: flex;
	gap: var(--space-3xs);
	align-items: center;

}

a.c-toc-back-to-top:after {
		content: ' ';
		display: block;
		width: 1.5em;
		height: 1.5em;
		background-image: url('/themes/custom/cpag_theme/source/images/arrow.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		transform: rotate(-90deg);
	}