Changing link colors for tagged passages in Harlowe?

I'm trying to make a specific style to use for certain tagged passages. Right now I have this code in a passage called Header, which is also tagged header:

{
(print: "<script>$('html').removeClass(\)</script>")
(if: (passage:)'s tags's length > 0)[
(print: "<script>$('html').addClass('" + (passage:)'s tags.join(' ') + "'\)</script>")
]
}

Then in my Story Stylesheet, I've got some code like this:

html.dim tw-passage {
	color: gray;
}

It works. I just add the tag "dim" to a passage and all the text becomes gray. But I want to make the links also become gray, particularly the click-replace links. Right now I have this code, but it does not work:

html.dim enchantment-link, tw-link {
	color: gray;
	font-weight: normal;
	text-decoration: underline;
}
html.dim enchantment-link:hover, tw-link:hover {
	color: gray;
	font-weight: normal;
}
html.dim enchantment-link:active, tw-link:active {
	color:black;
	font-weight: normal;
	outline: none;
	text-shadow: 0px 0px 0px gray;
}

I feel like I'm close and just using the wrong syntax? Maybe I'm not close at all. Any help would be appreciated!