/* ==================================================================
   eyebrow.css — shared pill-style eyebrow chip used above page titles.

   Loaded via <link rel="stylesheet" href="partials/eyebrow.css"> on
   every page that uses .pill-eyebrow.

   Other eyebrow-style classes (.s-eyebrow, .fx-eyebrow, .uc-eyebrow,
   .section-eyebrow, .eyebrow-row) are page-specific decorations and
   stay scoped to their pages for now.
   ================================================================ */

.pill-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--text-secondary);
  padding: 5px 11px 5px 9px;
  background: var(--background);
  border: 1px solid var(--surface-border);
  border-radius: var(--radius-pill);
  margin-bottom: 24px;
}
.pill-eyebrow svg {
  width: 12px;
  height: 12px;
  color: var(--text-tertiary);
}