.wp-block-heading[id] {
	scroll-margin-block-start: 6rem;
}

.noctograph-heading-permalink {
	margin-inline-start: 0.45em;
	color: var(--wp--preset--color--signal, currentColor);
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: 0.55em;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	opacity: 0;
	text-decoration: none;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
	vertical-align: 0.18em;
	transition: opacity 120ms ease;
}

.wp-block-heading:hover > .noctograph-heading-permalink,
.wp-block-heading:focus-within > .noctograph-heading-permalink,
.noctograph-heading-permalink:focus-visible {
	opacity: 0.78;
}

.noctograph-heading-permalink:hover {
	opacity: 1;
	text-decoration: underline;
}

.noctograph-heading-permalink:focus-visible {
	border-radius: 0.1em;
	outline: 0.12em solid currentColor;
	outline-offset: 0.12em;
}

@media (hover: none) {
	.noctograph-heading-permalink {
		opacity: 0.55;
	}
}

@media (prefers-reduced-motion: reduce) {
	.noctograph-heading-permalink {
		transition: none;
	}
}

@media (forced-colors: active) {
	.noctograph-heading-permalink {
		opacity: 1;
	}
}