/* [vd-split] video-byline — extracted verbatim from videos/css/video.css. Tokens (--vd-*) come from .vd in video.css. */
/* author byline (top, compact E-E-A-T) */
.vd-byline { display: flex; align-items: center; gap: 12px; }
.vd-byline-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: var(--vd-shadow); flex: 0 0 auto; }
.vd-byline-text { min-width: 0; }
.vd-byline-name { margin: 0; font-size: 14.5px; color: var(--vd-ink); font-weight: 700; }
.vd-byline-name a { color: var(--vd-ink); text-decoration: none; }
.vd-byline-name a:hover { color: var(--vd-primary-dark); text-decoration: underline; }
.vd-byline-role { color: var(--vd-muted); font-weight: 600; }
.vd-byline-meta { margin: 2px 0 0; display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--vd-muted); font-size: 13px; font-weight: 600; }
/* each info (icon + its text) stays on one line and wraps as a whole unit,
   so the icon never detaches from its label on a narrow screen. */
.vd-byline-meta-item { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.vd-byline-meta .vd-icon { font-size: 15px; }