/* =====================================================================
   Items 15 + 24 — the stage badge. One badge, plain words, shown
   on the cases list, the case header, and every update card.
   Road stages read navy; the three the owner named read strongest:
   MANHUNT (the hunt is on), IN COURT, IN JAIL.

   DESIGN: blog-design-tokens.css (load it first). The badge follows
   the blog's .badge shape (sans, uppercase, letterspaced, small
   radius). Every colour is a blog colour — no invented hues:
   - base road stages: the blog navy (--pp-ink), as .badge-politics
   - MANHUNT: the blog's breaking/kicker red (--pp-red-live)
   - SUSPECT ARRESTED: the blog gold (--pp-gold)
   - IN COURT / TRIAL: the blog accent blue (--pp-blue)
   - VERDICT / SENTENCING: the lighter navy (--pp-navy-light)
   - IN JAIL: the blog's darkest navy (--pp-navy-dark) — locked up
   - CLOSED: the blog muted slate (--pp-faint)
   ===================================================================== */

.tac-stage {
  display: inline-block;
  font-family: var(--pp-font-sans, "Plus Jakarta Sans", "Inter", sans-serif);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.7px;
  padding: 3px 9px;
  border-radius: var(--pp-radius-sm, 4px);
  background: var(--pp-ink, #0c1b33);
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.tac-stage--manhunt          { background: var(--pp-red-live, #d92323); } /* red: at large */
.tac-stage--suspect-arrested { background: var(--pp-gold, #b45309); }
.tac-stage--in-jail          { background: var(--pp-navy-dark, #071120); } /* darkest navy: locked up */
.tac-stage--court-hearings   { background: var(--pp-blue, #1d4ed8); }  /* IN COURT */
.tac-stage--trial            { background: var(--pp-blue, #1d4ed8); }
.tac-stage--verdict          { background: var(--pp-navy-light, #1e293b); }
.tac-stage--sentencing       { background: var(--pp-navy-light, #1e293b); }
.tac-stage--closed           { background: var(--pp-faint, #64748b); }