cite[data-source] {
  border-bottom: 1px dotted #8f9556;
  color: inherit;
  cursor: help;
  font-style: normal;
  position: relative;
}

cite[data-source]::after {
  background: #0e1c2e;
  border-radius: 6px;
  bottom: calc(100% + 6px);
  color: #fff;
  content: attr(data-source) " · " attr(data-confidence) " · " attr(data-retrieved);
  font: 12px/1.35 Inter, system-ui, sans-serif;
  left: 0;
  max-width: 260px;
  opacity: 0;
  padding: 7px 9px;
  pointer-events: none;
  position: absolute;
  transform: translateY(4px);
  transition: opacity 140ms ease, transform 140ms ease;
  white-space: nowrap;
  z-index: 20;
}

cite[data-source]:hover::after,
cite[data-source]:focus::after {
  opacity: 1;
  transform: translateY(0);
}