/* glossary.css — inline glossary affordance (VAO backlog item)
   Color-coded dotted underline by category. Subtle: reads as "tappable term"
   without shouting. Colors pull from the locked design tokens. */

.fmn-glossary-term {
  cursor: pointer;
  border-bottom: 1px dotted currentColor;
  text-decoration: none;
  /* keep the color subtle: tint the underline via border, keep text near-inherit */
}
.fmn-glossary-term:hover,
.fmn-glossary-term:focus {
  outline: none;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 3px;
}

/* Category tints — applied to the underline (border color) and a faint text shift.
   BANT-CR rubric dimensions -> accent-ink; streams -> their stream colors;
   status -> peach/amber; scoring -> sky; corp -> ink. */
.fmn-gl-bantcr  { border-bottom-color: var(--color-accent, #FFD500); }
.fmn-gl-stream  { border-bottom-color: var(--color-sky-600, #2E70B0); }
.fmn-gl-status  { border-bottom-color: var(--color-peach-200, #F3CC95); }
.fmn-gl-scoring { border-bottom-color: var(--color-sky-400, #6BA3D8); }
.fmn-gl-corp    { border-bottom-color: var(--color-ink-300, #54534F); }

/* A tiny leading marker dot so category is legible even without hover, without
   recoloring the body text (keeps prose readable). */
.fmn-glossary-term::before {
  content: "";
  display: inline-block;
  width: 5px; height: 5px; border-radius: 50%;
  margin-right: 2px;
  vertical-align: middle;
  background: currentColor;
  opacity: 0.55;
}
.fmn-gl-bantcr::before  { background: var(--color-accent, #FFD500); }
.fmn-gl-stream::before  { background: var(--color-sky-600, #2E70B0); }
.fmn-gl-status::before  { background: var(--color-peach-200, #F3CC95); }
.fmn-gl-scoring::before { background: var(--color-sky-400, #6BA3D8); }
.fmn-gl-corp::before    { background: var(--color-ink-300, #54534F); }

/* Branded-term note inside the popover */
.fmn-gl-branded-note {
  font-size: 11px;
  color: var(--color-ink-100, #6E6C67);
  font-style: italic;
  margin-top: 6px;
}