/*
 * Comment anchor highlights.
 *
 * Served static rather than imported: Next's CSS parser (Lightning CSS) does
 * not know the ::highlight() pseudo-element and fails the whole stylesheet,
 * which silently stops the page hydrating. Static files are served verbatim.
 */

::highlight(art-anchor) {
  background-color: color-mix(in srgb, var(--art-warn) 24%, transparent);
  text-decoration: underline 2px color-mix(in srgb, var(--art-warn) 70%, transparent);
  text-underline-offset: 4px;
}

::highlight(art-anchor-active) {
  background-color: color-mix(in srgb, var(--art-accent) 26%, transparent);
}