/* Module section navigation: loaded as a separate asset so edge caches cannot
 * serve the pre-sticky shortcodes stylesheet after a deployment. */
.ath-academy-module--paged {
	overflow: visible;
}

.ath-academy-module__sectionMenu {
	align-content: start;
	align-self: start;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: color-mix(in srgb,var(--athaa-surface,var(--wp--preset--color--base,#fff)) 88%,transparent);
	border: 1px solid color-mix(in srgb,currentColor 12%,transparent);
	border-radius: .8rem;
	box-shadow: 0 8px 24px color-mix(in srgb,currentColor 10%,transparent);
	max-height: calc(100vh - 24px);
	overflow-y: auto;
	padding: .35rem;
	position: sticky;
	top: 12px;
	z-index: 12;
}

@media (max-width: 700px) {
	.ath-academy-module__sectionMenu {
		max-height: min(42vh, 18rem);
		top: 8px;
	}
}