/* ==========================================================================
   COMPONENTS · KICKER — the small-caps grotesque eyebrow that labels a block:
   "COUNTRY BRIEF", "RESEARCH SUMMARY", "FIG. 1". Optionally led by a short
   rubric tick. "Grotesque labels" — this is the system's furniture voice.
   ========================================================================== */

.op-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  font-family: var(--font-furniture);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--text-secondary);
  margin: 0;
}

/* A short rule leading the kicker — the printed register mark */
.op-kicker--ticked::before {
  content: "";
  inline-size: 1.6em;
  block-size: 2px;
  background: var(--rule-strong);
  flex: none;
}

.op-kicker--rubric { color: var(--accent); }
.op-kicker--rubric.op-kicker--ticked::before { background: var(--accent); }

.op-kicker--wide { letter-spacing: var(--tracking-caps-wide); }