olelo-highlight-topic-nav {
	top: 0;

	[data-topic-link]:active {
		background-color: color-mix(
			in oklch,
			var(--color-periwinkle) 22%,
			var(--color-gray-96)
		);
	}

	&[data-editor="true"] {
		position: static;
	}
}

@media (hover: hover) and (pointer: fine) {
	olelo-highlight-topic-nav [data-topic-link]:hover:not(:active) {
		background-color: color-mix(
			in oklch,
			var(--color-periwinkle) 18%,
			var(--color-gray-96)
		);
	}
}