.halftone-name{position:relative}
.halftone-label{display:inline-block}
.halftone-heading>.halftone-label{display:block}
.halftone-canvas{position:absolute;left:-8px;top:-8px;pointer-events:none;opacity:0}
.halftone-active .halftone-label{opacity:1}
.halftone-active .halftone-canvas{opacity:1}
@media(prefers-reduced-motion:reduce){
  .halftone-active .halftone-label{opacity:1}
  .halftone-active .halftone-canvas{opacity:0}
}
/* A mask clips to its box: reserve room for descenders without changing layout. */
.halftone-heading>.halftone-label{padding-block:.2em;margin-block:-.2em}