/* Lime marker: reserve for a key phrase or takeaway, not whole paragraphs. */
.scroll-highlight {
  background-image: linear-gradient(var(--lime), var(--lime));
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: .025em .055em;
  margin-inline: -.055em;
  transition: background-size 850ms cubic-bezier(.22, .61, .36, 1);
}

/* Text stays readable throughout; only the marker changes. */
.scroll-highlight.is-pending {
  background-size: 0% 100%;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-highlight,
  .scroll-highlight.is-pending {
    background-size: 100% 100%;
    transition: none;
  }
}

@media print {
  .scroll-highlight.is-pending { background-size: 100% 100%; }
}