/* https://www.tpgi.com/short-note-on-making-your-mark-more-accessible/ */

@media screen and (-ms-high-contrast: active) {
	mark {
		color: HighlightText;
		background-color: Highlight;
	}
}

mark::before, mark::after {
	content:" [highlight start] ";
	clip-path: inset(100%);
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
}

mark::after {
	content:" [highlight end] ";
}