/* ============================================================================
   SOURCE POPOVER — the credibility system UI (spec §6)
   Opens from a superscript chip: figure · date · source (linked) · lens ·
   illustrative-arithmetic flag with base figures.
   ========================================================================== */

.source-popover {
  position: absolute;
  z-index: 100;
  max-width: min(320px, calc(100vw - 24px));
  background: var(--color-paper);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-popover);
  padding: var(--space-sm) var(--space-md);
  font-family: var(--font-sans);
  font-size: var(--fs-annotation);
  line-height: 1.45;
  color: var(--color-ink);
}
.source-popover:focus { outline: none; }
.source-popover p { margin: 0 0 var(--space-2xs) 0; }

.source-popover__figure {
  font-weight: var(--weight-semibold);
  font-size: var(--fs-body-sm);
}
.source-popover__meta { color: var(--color-ink-55); }
.source-popover__src a { color: var(--color-ink); }
.source-popover__pending {
  color: var(--color-amber);
  font-style: italic;
}

.source-popover__lens {
  margin-top: var(--space-2xs);
  padding-top: var(--space-2xs);
  border-top: var(--rule-hairline);
  color: var(--color-ink-70);
}
.source-popover__lens-tag {
  display: inline-block;
  font-size: var(--fs-eyebrow);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: var(--weight-semibold);
  color: var(--color-amber);
  margin-right: 0.35em;
}

.source-popover__illustrative {
  margin-top: var(--space-2xs);
  font-weight: var(--weight-medium);
  color: var(--color-ink-70);
}
.source-popover__base {
  margin: var(--space-3xs) 0 0;
  padding-left: 1.1em;
  color: var(--color-ink-55);
}
.source-popover__base li { margin-bottom: 2px; }

.source-popover__close {
  margin-top: var(--space-xs);
  font-family: var(--font-sans);
  font-size: var(--fs-eyebrow);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--color-ink-70);
  background: none;
  border: none;
  padding: 0.25rem 0;
  cursor: pointer;
}
.source-popover__close:hover { color: var(--color-amber); }