/* Clickable words.
   ------------------------------------------------------------------
   Deliberately almost invisible until hovered. A transcript with nine
   thousand underlined links in it is unreadable, and reading is the
   main thing this page is for; the clicking is the second thing. */

.tw {
  cursor: pointer;
  border-radius: 3px;
  transition: background-color .1s ease;
}
.tw:hover { background: var(--brand-wash, #E8F1EF); }

/* Where the audio is now. Strong enough to find with your eye when you
   look up from something else, quiet enough not to strobe while it
   plays. */
.tw.twnow {
  background: var(--brand, #125A50);
  color: var(--ink-inv, #fff);
}

/* The timestamp against each line is a link now, not a label. */
a.tat { text-decoration: none; cursor: pointer; }
a.tat:hover { text-decoration: underline; }

@media (prefers-reduced-motion: reduce) {
  .tw { transition: none; }
}