/* ========================================
   HEADING LINK STYLES
   Anchor links for headings (GitHub-style)
   ======================================== */

.heading-link-icon {
	display: inline-block;
	margin-left: 0.5em;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	font-size: 0.8em;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
}

h2:hover .heading-link-icon,
h3:hover .heading-link-icon {
	opacity: 1;
}

.heading-link-icon:hover {
	opacity: 1 !important;
	transform: scale(1.2);
}