/* The byline: a round portrait beside the name and title. */

.byline {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: var(--lg);
}

.byline-avatar {
  width: 4rem;
  height: 4rem;
  border-radius: var(--pill);
  object-fit: cover;
  object-position: 50% 35%;
  flex-shrink: 0;
}

.byline-text { display: flex; flex-direction: column; gap: 0.15rem; line-height: var(--compact); }
.byline-name { font-weight: var(--bold); color: var(--text); }
.byline-role { font-size: var(--small); color: var(--text-2); }