/* =========================================================
   Eyebrow — pill verde sobre las cabeceras
   ========================================================= */

.tla-eyebrow {
  display: inline-block;
  font: 600 11px / 1 var(--font-display);
  letter-spacing: var(--track-wide);
  text-transform: uppercase;
  color: var(--green-600);
}

.tla-eyebrow--pill {
  background: var(--green-50);
  padding: 7px 14px;
  border-radius: var(--radius-pill);
}

.tla-eyebrow--dark {
  background: var(--green-800);
  color: var(--green-300);
}