/* ============================================================================
   UNIFIED META ROW — .meta-row  (T16.4)
   ----------------------------------------------------------------------------
   Shared date / author / reading-time / category / views strip consolidating
   the 6 per-module meta-rows. Token-pure.
   ========================================================================== */

.meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  font-size: var(--font-size-xs);
  color: var(--color-text-tertiary);
}

.meta-row__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  line-height: 1.4;
}

.meta-row__icon {
  flex: 0 0 auto;
  width: 1em;
  height: 1em;
  color: var(--color-text-tertiary);
}

.meta-row__label {
  color: var(--color-text-tertiary);
}

.meta-row__value {
  color: var(--color-text-secondary);
}

.meta-row__link {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.meta-row__link:hover {
  color: var(--color-text-link, var(--color-primary));
}

/* Author avatar (e.g. blog meta-row). */
.meta-row__item img,
.meta-row__avatar {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-full);
  object-fit: cover;
}

/* Compact variant — denser inline meta for card footers. */
.meta-row--compact {
  gap: var(--space-1) var(--space-3);
  font-size: var(--font-size-2xs);
}