/* Score badges — the ONE definition, shared by the viewer and the track record.
   Two pages showing "Top 1%" in different colours teaches the reader two visual
   languages for one idea, so these live here rather than in either page. */

/* Score-percentile rarity badge: shown only when the active strategy's
   score is above the p90 / p95 / p99 full-market threshold. */
.tier-badge { font-size: 0.625rem; font-weight: 700; padding: 1px 6px; border-radius: 8px;
              margin-left: 4px; letter-spacing: 0.04em; vertical-align: middle;
              cursor: pointer; }
.tier-badge:hover { filter: brightness(1.1); }
/* Subscript marks. The band is the headline; LV, HV and the agreement check
   ride underneath it, because they qualify the pick rather than being one. */
.tier-badge.marked sub { font-size: 0.5625rem; font-weight: 800; vertical-align: baseline;
  position: relative; top: 0.15em; margin-left: 3px; letter-spacing: 0.06em; }
.tier-badge.mark-hv sub { color: #b45309; }
.tier-badge.mark-lv sub { color: #475569; }
.tier-badge.mark-agreed sub { color: #166534; }
.tier-badge.mark-hv.mark-agreed sub, .tier-badge.mark-lv.mark-agreed sub { color: inherit; opacity: 0.85; }
.tier-badge.tier-top1  { background: #fde68a; color: #78350f; }
.tier-badge.tier-top5  { background: #d1fae5; color: #065f46; }
.tier-badge.tier-top10 { background: #e0e7ff; color: #3730a3; }
.tier-badge.tier-bot1  { background: #fecaca; color: #7f1d1d; }
.tier-badge.tier-bot5  { background: #fed7aa; color: #9a3412; }
.tier-badge.tier-bot10 { background: #fef3c7; color: #92400e; }
.tier-badge.tier-mid   { background: #1e293b; color: #94a3b8; }
/* Marked pill: an HV/LV mark with the tier in subscript, for names outside the
   validated 0.30-0.80 vol band. Same tier colours; the mark is what stands out. */
.tier-badge.marked { padding: 1px 6px; letter-spacing: 0.2px; cursor: help; }