.byline-card {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3, 0.75rem);
  font-size: 0.9rem;
  color: rgba(245,244,241,0.7);
  width: fit-content;
  padding: 28px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.byline-card__avatar {
      width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.75);
    flex: 0 0 auto;

    }
.byline-card__avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.byline-card__meta .reading-time {
      padding: 0.2rem var(--space-3);
    background: rgba(245, 244, 241, 0.1);
    border-radius: 999px;
    font-weight: 500;
}
.byline-card__meta div {
  margin-bottom:0;
}
.byline-card__meta div.createdby a {
  font-weight: 600;
  color: var(--offwhite);
}
.byline-card__sep {
      color: rgba(245,244,241,0.35);
    }
.byline-card a {
      color: var(--clay);
      text-decoration: none;
    }
.byline-card a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.byline-card__content {
  display: flex;
  align-items: center;
  
}
.byline-card__meta {
  display:flex;
  align-items: center;
  gap: 0.1rem 0.75rem;
  flex-wrap: wrap;
  max-width: 350px;
}