.kc-page-contents__details[open] {
	box-shadow: 0 18px 42px rgb(18 24 30 / 0.16);
}

.kc-page-contents__summary::-webkit-details-marker {
	display: none;
}

.kc-page-contents__summary:focus-visible {
	outline: 2px solid var(--brand-accent);
	outline-offset: -3px;
}

.kc-page-contents__details[open] .kc-page-contents__icon {
	transform: rotate(180deg);
}

.kc-page-contents__nav li:first-child {
	background: color-mix(in srgb, var(--brand-accent) 12%, var(--brand-background));
	box-shadow: inset 3px 0 0 var(--brand-accent);
}

.kc-page-contents__nav a:hover,
.kc-page-contents__nav a:focus-visible {
	background: color-mix(in srgb, var(--brand-accent) 12%, var(--brand-background));
	color: var(--brand-foreground);
	text-decoration: none;
}

.kc-page--editor .kc-page-contents__nav {
	height: auto;
}

.kc-page--editor .kc-page-contents__details {
	position: relative;
	z-index: auto;
}