/* eyebrows.css — 4 distinct patterns (do NOT default to pill+pulse-dot) */

.eyebrow {
  display: inline-block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 14px;
  color: var(--text-faint);
}

/* 1 · code-comment · /* {section} */ — AU pilot live default */
.eyebrow--code-comment { color: var(--text-faint); }
.eyebrow--code-comment::before { content: '/* '; color: var(--text-faint); }
.eyebrow--code-comment::after  { content: ' */'; color: var(--text-faint); }

/* 2 · numbered-prefix · {NN} — {section} */
.eyebrow--numbered-prefix {
  color: var(--text-muted);
  display: inline-flex; align-items: baseline; gap: 8px;
}
.eyebrow--numbered-prefix .num {
  color: var(--accent); font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.eyebrow--numbered-prefix .num::after {
  content: ' —'; color: var(--text-faint); font-weight: 400;
}

/* 3 · dot-separator · {a} · {b} · {c} */
.eyebrow--dot-separator { color: var(--text-muted); }
.eyebrow--dot-separator .sep {
  display: inline-block; margin: 0 8px;
  color: var(--text-faint);
}

/* 4 · hex-tag · #{hex} / {section} */
.eyebrow--hex-tag {
  color: var(--text-muted);
  display: inline-flex; align-items: baseline; gap: 6px;
}
.eyebrow--hex-tag .hex {
  color: var(--accent); font-weight: 600;
}
.eyebrow--hex-tag .slash { color: var(--text-faint); }