/* Workshop line numbering — applied via JS to <pre class="verse"> */

pre.verse[data-verse-original] {
  /* Container becomes a grid of lines */
  display: block;
}

.verse-line {
  display: grid;
  grid-template-columns: 3em 1fr;
  column-gap: 0.5em;
}

.verse-line-no {
  text-align: right;
  color: #999;
  user-select: none;
  font-variant-numeric: tabular-nums;
}

.verse-line-text {
  white-space: pre-wrap;
}

.verse-line-text.active {
  background: rgba(255, 220, 100, 0.3);
}