/* ============================================================
   priority.css - shared styles for /priorities/*.html
   Layered on top of fight.css.
   Pillar 2 pages use a cool-blue accent on stage kickers
   to visually distinguish them from Pillar 1 fight pages
   (which carry the plum/oxblood accent system).
   Cache version: v=1
   ============================================================ */

/* Priority pages share the dossier-noir surface with fight pages */
main.fight.priority {
  background: var(--ink-plum);
}

/* Header: shift the priority-tier eyebrow to ink-blue
   so visitors recognize the Pillar 2 page-type at a glance */
.priority .fight-header .eyebrow {
  color: var(--ink-blue);
}
.priority .fight-header .eyebrow .num {
  color: var(--ink-blue);
  font-weight: 700;
}

/* Stage kickers across the Fast-Forward arc use the same
   cool-blue accent so the five-stage scroll reads as a cohesive
   sequence rather than six unrelated banded sections */
.priority .fight-section .kicker.eyebrow {
  color: var(--ink-blue);
}

/* The Pillar 1 pivot section gets a distinct left-rule treatment
   to signal the structural turn ("why Pillar 1 comes first")
   without disrupting the dossier banded layout */
.priority .priority-pivot {
  position: relative;
}
.priority .priority-pivot::before {
  content: '';
  position: absolute;
  top: var(--space-4);
  bottom: var(--space-4);
  left: 0;
  width: 3px;
  background: var(--ink-blue);
  opacity: 0.55;
}
@media (max-width: 720px) {
  .priority .priority-pivot::before {
    left: 0;
    top: var(--space-3);
    bottom: var(--space-3);
  }
}

/* The pivot-section kicker reads with a small uptick in weight
   because that's where the page's argument turns */
.priority .priority-pivot .kicker.eyebrow {
  font-weight: 700;
}