/**
 * iNKPPL Design System v2.0 — Mono Data Strip Component (NEW)
 * Horizontal data row of [label]: [value] pairs separated by thin dividers.
 * Used: event detail header (city|date|format), article byline (author|date|read-time),
 *       studio profile header (city|hours|years).
 * AUDIT §2 "New components" specification.
 */

.mono-data-strip {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  font-family: var(--font-mono);
  flex-wrap: wrap;
}

.mono-data-strip__item {
  display: flex;
  align-items: baseline;
  gap: var(--space-1);
  font-size: var(--text-xs);
  position: relative;
}

/* Pipe divider between items */
.mono-data-strip__item + .mono-data-strip__item::before {
  content: '|';
  position: absolute;
  left: calc(-1 * var(--space-2) - 2px);
  color: var(--color-border);
  font-size: var(--text-xs);
  line-height: 1;
}

.mono-data-strip__label {
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-caps);
  font-size: var(--text-2xs);
  line-height: 1.4;
}

.mono-data-strip__value {
  color: var(--color-text);
  font-weight: var(--font-weight-medium);
  font-size: var(--text-xs);
}

/* Compact variant — no labels, values only */
.mono-data-strip--compact .mono-data-strip__label {
  display: none;
}

/* Muted variant — secondary metadata rows */
.mono-data-strip--muted .mono-data-strip__value {
  color: var(--color-text-secondary);
}