/* styles-append-cappers-explain-v0.16.58.css
   Cappers leaderboard — P1.3 explain-rank popover (roadmap cappers_roadmap_2026-07-14.md,
   Phase 1 close). APPEND file, loads after methodology-v0.16.57; every selector scoped
   under .cappers-command-page (NBA #107/#112).

   1. td.score.explain — click affordance on the Score cell (dotted underline + help
      cursor; the cell is the one interactive number on the row besides the star).
   2. #explain-pop — the decomposition popover: positioned inside .tablewrap, terminal
      chrome (mono, hairline border, dark panel), one at a time. */

/* ── 1. score-cell affordance ───────────────────────────────────────────── */
.cappers-command-page #tbl td.score.explain {
  cursor: help;
  text-decoration: underline dotted rgba(93, 224, 172, 0.45);
  text-underline-offset: 3px;
}

.cappers-command-page #tbl td.score.explain:hover {
  text-decoration-color: rgba(93, 224, 172, 0.9);
}

/* ── 2. popover ─────────────────────────────────────────────────────────── */
.cappers-command-page .tablewrap {
  position: relative;   /* anchor for the absolutely-positioned popover */
}

.cappers-command-page #explain-pop {
  position: absolute;
  z-index: 40;
  width: 340px;
  max-width: calc(100% - 16px);
  background: #101413;
  border: 1px solid rgba(93, 224, 172, 0.35);
  border-radius: 4px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
  padding: 10px 12px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  line-height: 1.55;
  color: #c9cec9;
}

.cappers-command-page #explain-pop .xr-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 6px;
}

.cappers-command-page #explain-pop .xr-title {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #5de0ac;
}

.cappers-command-page #explain-pop .xr-cap {
  font-weight: 700;
  color: #f0f2f0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cappers-command-page #explain-pop .xr-close {
  margin-left: auto;
  background: none;
  border: none;
  color: #8a8f8c;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  padding: 0 2px;
}

.cappers-command-page #explain-pop .xr-close:hover {
  color: #f0f2f0;
}

.cappers-command-page #explain-pop .xr-eq {
  color: #e8ebe8;
  margin-bottom: 4px;
}

.cappers-command-page #explain-pop .xr-eq b {
  color: #5de0ac;
}

.cappers-command-page #explain-pop .xr-line {
  color: #a9b0ab;
  margin-bottom: 3px;
}

.cappers-command-page #explain-pop .xr-line b {
  color: #e8ebe8;
  font-weight: 600;
}

.cappers-command-page #explain-pop .xr-ctx {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: #8a8f8c;
}