/*
 * Evidence highlight styling — matches the sidebar's "evidence card"
 * palette so the viewer and the sidebar speak the same visual language.
 *
 *   .TextHighlight__part            inactive highlight (light yellow fill,
 *                                   thin amber border)
 *   .TextHighlight--active …        the currently-focused evidence — same
 *                                   fill, thicker border
 *
 * The "active" class is applied by the spike viewer when the parent
 * wrapper is marked with `data-ce-active="true"` so a single
 * `activeAnnotationId` prop drives the entire viewer's focus state
 * without per-highlight component coupling.
 *
 * We override the library's red `--scrolledTo` box-shadow so an
 * activation doesn't flash a red ring that doesn't match the palette.
 */

.TextHighlight__part {
  background: #fff8d6 !important;
  outline: 1px solid #e0c050 !important;
  outline-offset: 0;
  cursor: pointer;
  transition: outline 0.15s ease;
}

[data-ce-active="true"] .TextHighlight__part {
  outline: 3px solid #b78b1c !important;
  background: #fff5b8 !important;
}

/* The library applies `--scrolledTo` after a programmatic scroll. We
   override its red box-shadow so the "you just landed on this" cue
   sticks with the yellow palette. The thicker border from
   `data-ce-active` already conveys focus. */
.TextHighlight--scrolledTo .TextHighlight__part {
  box-shadow: none !important;
}