/**
 * Squiggle underline link (`.haam-link-squiggle`) — dotted default, animated wave 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-squiggle {
	color: var(--haam-article-link, #c4161c);
	font-weight: 700;
	text-decoration: none;
	background: linear-gradient(to bottom, var(--haam-article-link, #c4161c) 0%, var(--haam-article-link, #c4161c) 100%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 3px 3px;
	transition: color 0.2s ease;
}

: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-squiggle:hover {
	color: var(--haam-article-link-hover, #9e1218);
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle%7Banimation:shift .3s linear infinite;%7D@keyframes shift %7Bfrom %7Btransform:translateX(0);%7Dto %7Btransform:translateX(-20px);%7D%7D%3C/style%3E%3Cpath fill='none' stroke='%23c4161c' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
	background-position: 0 100%;
	background-size: auto 6px;
	background-repeat: repeat-x;
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	:is(
		.haam-article,
		.haam-mag-single__content,
		.ai-article-container
	) a.haam-link-squiggle:hover {
		background-image: linear-gradient(to bottom, var(--haam-article-link, #c4161c) 0%, var(--haam-article-link, #c4161c) 100%);
		background-size: 100% 2px;
		background-repeat: no-repeat;
	}
}