/* recite — noteidx. Tokens only: use --trc-* from app.css, never redefine :root. */

.trc-noteidx-law { margin-top: var(--trc-s5); }
.trc-noteidx-lawtitle {
  display: flex; align-items: baseline; gap: var(--trc-s2);
  font-size: var(--trc-fs-lg); margin-bottom: var(--trc-s3);
}
.trc-noteidx-prov { margin-bottom: var(--trc-s3); }
.trc-noteidx-prov-head {
  display: flex; align-items: center; gap: var(--trc-s2);
  font-size: var(--trc-fs-md); margin-bottom: var(--trc-s3);
}
.trc-noteidx-list, .trc-noteidx-replies { list-style: none; margin: 0; padding: 0; }
.trc-noteidx-entry { padding: var(--trc-s2) 0; border-top: var(--trc-border-w) solid var(--trc-border); }
.trc-noteidx-entry:first-child { border-top: 0; }

/* The quoted passage a range note belongs to — clearly the statute, not the note. */
.trc-noteidx-quote {
  margin: 0 0 var(--trc-s2);
  padding: 4px 10px;
  border-left: 3px solid var(--trc-border-strong);
  background: var(--trc-surface-sunk);
  font-size: var(--trc-fs-sm);
  color: var(--trc-text-2);
  border-radius: 0 var(--trc-radius-xs) var(--trc-radius-xs) 0;
}
.trc-noteidx-quote.trc-hl-yellow { background: var(--trc-hl-yellow); }
.trc-noteidx-quote.trc-hl-green  { background: var(--trc-hl-green); }
.trc-noteidx-quote.trc-hl-blue   { background: var(--trc-hl-blue); }
.trc-noteidx-quote.trc-hl-pink   { background: var(--trc-hl-pink); }
.trc-noteidx-quote.trc-hl-purple { background: var(--trc-hl-purple); }
.trc-noteidx-quote.trc-hl-orange { background: var(--trc-hl-orange); }

.trc-noteidx-body { white-space: pre-wrap; word-break: break-word; }
.trc-noteidx-meta { margin-top: 2px; }