/*------------------------------------------------------------------------------*/
/* Side Navigation
/*------------------------------------------------------------------------------*/

.SideNavigation {
	--color-link: var(--color-text);
	--color-link-hover: var(--color-text-accent);
}

.SideNavigation a {
	align-items: center;
	display: inline-flex;
	text-decoration: none;
	margin-block: .2rem;
}

.SideNavigation .Current > a {
	color: var(--color-text-accent);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.SideNavigation > ul > li > a {
	padding-block: 1rem;
}

.SideNavigation > ul > li.Open > a {
	color: var(--color-text-accent);
}

.SideNavigation ul ul a {
	margin-left: 1rem;
}

.SideNavigation ul ul ul a {
	margin-left: 1.5rem;
}

.SideNavigation ul ul ul ul a {
	margin-left: 2rem;
}

.SideNavigation ul {
	list-style: none;
	margin: 0 0 var(--margin);
}

.SideNavigation > ul > li:not(:last-child) {
	border-bottom: 1px solid var(--border-color);
}

/*------------------------------------------------------------------------------*/
/* Side Navigation NavigationExpander
/*------------------------------------------------------------------------------*/

.SideNavigation .NavigationExpander {
	align-items: center;
	border-radius: var(--border-radius);
	cursor: pointer;
	display: flex;
	justify-content: center;
	margin-left: auto;
	position: absolute;
	right: 0;
	width: 3rem;
}

.SideNavigation .NavigationExpander:active {
	box-shadow: none;
}

/*------------------------------------------------------------------------------*/
/* Sticky Side
/*------------------------------------------------------------------------------*/

.StickySide {
	position: sticky;
	top: 0;
}