/* module-anchor — faint "#" permalink on headings.
   Injected by scripts/module-anchors.js. Decorative for AT
   (aria-hidden, tabindex=-1); sighted convenience only. */

.module-anchor {
	display: none;
}

@media (min-width: 1000px) {
	.has-module-anchor {
		position: relative;
	}

	.module-anchor {
		display: inline-block;
		position: absolute;
		right: 100%;
		top: 0;
		bottom: 0;
		padding-inline-end: 0.35em;
		line-height: inherit;
		color: currentColor;
		text-decoration: none;
		opacity: 0;
		transition: opacity 150ms ease;
	}

	.has-module-anchor:hover .module-anchor,
	.module-anchor:focus-visible {
		opacity: 0.2;
	}

	.module-anchor:hover {
		opacity: 1;
		color: var(--accent);
	}
}