/* Ready-only rules keep content fully visible if scripts are unavailable. */
[data-ink-ready] .ink-run { display: inline-block; white-space: pre; }
[data-ink-ready][data-ink-state='waiting'] .ink-visual,
[data-ink-ready][data-ink-state='erased'] .ink-visual { visibility: hidden; }
html [data-ink-ready].ink-highlight { background: none; }
[data-ink-ready].ink-highlight .ink-run {
  background-image: linear-gradient(transparent var(--ink-band-top,62%), var(--marker) var(--ink-band-top,62%), var(--marker) var(--ink-band-bottom,89%), transparent var(--ink-band-bottom,89%));
  background-size: 0% 100%; background-repeat: no-repeat;
}
[data-ink-cycle][data-ink-ready] { display: grid; white-space: normal; }
[data-ink-cycle] > .ink-visual, [data-ink-cycle] > .ink-measure { grid-area: 1 / 1; min-width: 0; }
.ink-measure { visibility: hidden; pointer-events: none; user-select: none; }
@media (prefers-reduced-motion: reduce) {
  [data-ink-ready] .ink-visual { visibility: visible !important; }
  [data-ink-ready] .ink-run { clip-path: none !important; opacity: 1 !important; }
  [data-ink-ready].ink-highlight .ink-run { background-size: 100% 100% !important; }
}
@media print {
  [data-ink-ready] .ink-visual { visibility: visible !important; }
  [data-ink-ready] .ink-run { clip-path: none !important; opacity: 1 !important; }
}