/* Keep the site navigation visible while the page scrolls. */
.navbar {
	position: sticky;
	top: 0;
	z-index: 100;
	isolation: isolate;
}

/* Extend the header surface across the viewport without changing its content width. */
.navbar::before {
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	background-color: var(--color-background);
	transform: translateX(-50%);
	content: "";
	pointer-events: none;
}

/* Keep the article TOC below the sticky navigation. */
.post-template .toc-wrapper {
	top: calc(var(--navbar--height) + var(--spacing-5));
}

.post-template .toc-wrapper .toc-list,
.post-template .toc-wrapper .toc-loader {
	max-height: calc(100vh - var(--navbar--height) - var(--toc--height) - var(--spacing-5) * 2);
}