/*
 * CS Mitlaufendes Inhaltsverzeichnis – seitliche Desktopdarstellung.
 * WordPress lädt diese Datei nur oberhalb des eingestellten Breakpoints.
 */

.cs-sticky-toc-layout {
	display: grid;
	grid-template-columns: var(--cs-toc-width) minmax(0, 1fr);
	column-gap: var(--cs-toc-gap);
	align-items: stretch;
	width: calc(100% + var(--cs-toc-extension));
	margin-left: calc(-1 * var(--cs-toc-extension));
	overflow: visible !important;
}

.cs-sticky-toc-sidebar {
	display: block;
	min-width: 0;
	max-width: var(--cs-toc-width);
	align-self: stretch;
	box-sizing: border-box;
	overflow: visible !important;
}

.cs-sticky-toc-content {
	min-width: 0;
	align-self: start;
}

.cs-sticky-toc-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: var(--cs-toc-top-offset);
	width: 100%;
	max-width: 100%;
	max-height: calc(100vh - var(--cs-toc-max-height-offset));
	padding-right: 8px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
}