/* Reusable component utilities */
.tag { display: inline-flex; align-items: center; gap: 6px; background: var(--surface-2); color: var(--text-secondary); padding: 4px 8px; border-radius: 999px; font-size: 12px; border: 1px solid var(--surface-3); }
.badge { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 6px; font-size: 12px; background: var(--surface-2); color: var(--text-secondary); border: 1px solid var(--surface-3); }
.kicker { text-transform: uppercase; letter-spacing: .12em; color: var(--brand-accent); font-weight: 700; font-size: 12px; }
.muted { color: var(--text-muted); }
.hr { height: 1px; background: var(--surface-3); border: 0; }
.spacer { height: 16px; }