/* Keep semantic, selectable HTML as the resting state. Canvas is temporary. */
[data-scroll-text] { position: relative; }
.text-scroll-boot [data-scroll-text]:not(.text-wave-ready) { opacity:0; }
.text-scroll-boot [data-scroll-text].text-wave-active { opacity:1; }
[data-scroll-text].text-wave-active { color: transparent !important; }
.text-wave-canvas { position:absolute; left:-20px; top:-20px; pointer-events:none; max-width:none; user-select:none; }
[data-scroll-text]::selection { color:var(--ink, #242e37); background:#efb791; }
@media (prefers-reduced-motion:reduce) {
  .text-scroll-boot [data-scroll-text] { opacity:1 !important; }
  [data-scroll-text].text-wave-active { color:inherit !important; }
  .text-wave-canvas { display:none !important; }
}
@media print { .text-scroll-boot [data-scroll-text] { opacity:1 !important; } .text-wave-canvas { display:none !important; } [data-scroll-text].text-wave-active { color:inherit !important; } }