/* Keep the yellow stroke behind the lower edge of each text line. */
.text-mark {
  background-image: linear-gradient(#ffe240, #ffe240);
  background-repeat: no-repeat;
  background-position: left 91%;
  background-size: 100% .18em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.marker-motion .text-mark { background-size: 0% .18em; }
.marker-motion .text-mark.marker-visible {
  background-size: 100% .18em;
  transition: background-size 720ms cubic-bezier(.22,.61,.36,1) 100ms;
}
@media (prefers-reduced-motion: reduce) {
  .marker-motion .text-mark { background-size: 100% .18em; transition: none; }
}