/* Canonical byline strip. Used by feed-row, post-editor (article +
   video composer), and anywhere else that wants to read as one of
   our post bylines. */

.post-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-family: var(--font-sans);
  font-size: 14px;
  color: var(--ink-dim);
  line-height: 1.5;
}

/* Kind chip — colors come from the centralized --kind-* tokens in
   app/shared/styles/global.css (mirrored from KindColor in app/lib/enums.ts).
   One source of truth across feed, palette, byline, search. */
.post-byline-kind { font-weight: var(--font-medium); }
.post-byline-kind.eyebrow--show     { color: var(--kind-show);     }
.post-byline-kind.eyebrow--ask      { color: var(--kind-ask);      }
.post-byline-kind.eyebrow--announce { color: var(--kind-announce); }
.post-byline-kind.eyebrow--discuss  { color: var(--kind-discuss);  }
.post-byline-kind.eyebrow--teach    { color: var(--kind-teach);    }
.post-byline-kind.eyebrow--course   { color: var(--kind-course);   }
.post-byline-kind.eyebrow--guide    { color: var(--kind-guide);    }
.post-byline-kind.eyebrow--video    { color: var(--kind-video);    }

.post-byline-author          { color: var(--ink-soft); }
.post-byline-author .who     { color: inherit; text-decoration: none; }
.post-byline-author .who:hover { color: var(--accent); }
.post-byline-author b        { color: inherit; font-weight: var(--font-regular); }
.post-byline-sep             { color: var(--ink-faint); }

.post-byline-time            { color: var(--ink-dim); }