/**
 * Marker link (`.haam-link-marker`) — yellow highlight + tail on hover.
 */

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker {
	--haam-marker-bg: color-mix(in srgb, #ffffff 22%, #ebd11a);
	--haam-marker-bg-hover: color-mix(in srgb, #ffffff 38%, #ebd11a);
	--haam-marker-bg-active: color-mix(in srgb, #ffffff 58%, #ebd11a);
	--haam-marker-tail: color-mix(in srgb, #ffffff 32%, #c4b016);

	display: inline-block;
	position: relative;
	color: #1a1532 !important;
	font-weight: 600;
	text-decoration: none;
	padding: 0 6px;
	-webkit-tap-highlight-color: transparent;
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker::before,
:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker::after {
	will-change: transform;
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker::before {
	transition: transform 100ms ease-out 50ms, background-color 100ms ease-out 50ms;
	transform-origin: 0 1.35em;
	inset: 0 auto auto 0;
	width: 100%;
	height: 100%;
	background: var(--haam-marker-bg);
	border-radius: 2px;
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker::after {
	transition: transform 50ms ease-out, border-color 50ms ease-out;
	transform: scaleX(0);
	transform-origin: inline-start center;
	bottom: 2px;
	inset-inline-end: -12px;
	border: 8px solid transparent;
	border-inline-start-color: var(--haam-marker-tail);
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker:hover {
	color: #1a1532 !important;
	text-decoration: none;
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker:hover::before {
	transition: transform 100ms ease-out, background-color 100ms ease-out;
	transform: scaleY(0.18);
	background: var(--haam-marker-bg-hover);
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker:hover::after {
	transition: transform 50ms ease-out 100ms, border-color 50ms ease-out 100ms;
	transform: none;
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker:active::before {
	transition: background-color 100ms ease-in;
	background: var(--haam-marker-bg-active);
}

:is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container,
	.haam-cast-body__main,
	body.single-haam_portfolio .haam-svc__prose,
	.haam-ins-gloss-body,
	.haam-gloss-single__intro,
	.editor-styles-wrapper .is-root-container
) a.haam-link-marker:active::after {
	transition: border-color 100ms ease-in;
	border-inline-start-color: color-mix(in srgb, #ffffff 52%, #c4b016);
}

[dir="rtl"] :is(
	.haam-article,
	.haam-mag-single__content,
	.ai-article-container
) a.haam-link-marker::before {
	transform-origin: 100% 1.35em;
}

@media (prefers-reduced-motion: reduce) {
	:is(
		.haam-article,
		.haam-mag-single__content,
		.ai-article-container
	) a.haam-link-marker::before,
	:is(
		.haam-article,
		.haam-mag-single__content,
		.ai-article-container
	) a.haam-link-marker::after {
		transition: none;
	}

	:is(
		.haam-article,
		.haam-mag-single__content,
		.ai-article-container
	) a.haam-link-marker:hover::before {
		transform: none;
	}

	:is(
		.haam-article,
		.haam-mag-single__content,
		.ai-article-container
	) a.haam-link-marker:hover::after {
		transform: none;
	}
}