/* ============================================================
   Tektome — Blog / news post authorship
   ------------------------------------------------------------
   Top byline: STACKED — overlapping avatars followed by a
   combined "A & B" credit (2+ authors).
   Bottom author cards: ROWS — full-width, one author per line,
   avatar left, bio + links right.
   Layers on top of .article-byline / .article-author from
   article.css. Light mode, brand tokens only.
   ============================================================ */

/* ---------- Top byline — stacked avatars + combined credit ---------- */
.abyl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
  min-width: 0;
}
.abyl__person {
  display: flex;
  align-items: center;
  gap: 0;
}
.abyl__person .article-byline__who {
  display: none;
}
.abyl__person:not(:first-child) {
  margin-left: -12px;
}
.abyl__avatar--2 {
  background: linear-gradient(135deg, var(--color-taro), var(--color-arch-purple));
}
.abyl__person:not(:first-child) .article-byline__avatar {
  box-shadow: 0 0 0 2px var(--color-draft-white);
}
.abyl__combined {
  display: inline-block;
  margin-left: 14px;
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: var(--fw-semibold);
  color: var(--fg-primary);
  letter-spacing: -0.01em;
}
.abyl__combined em {
  font-style: normal;
  font-weight: var(--fw-regular);
  color: var(--fg-tertiary);
  padding: 0 3px;
}

/* ---------- Bottom author cards — rows (full-width, one per line) ---------- */
.article-authors {
  margin-top: 48px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.article-authors .article-author {
  margin-top: 0;
  padding: 30px 32px;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 24px;
}
.article-author__avatar--co {
  background: linear-gradient(135deg, var(--color-taro), var(--color-arch-purple));
}
.article-authors .article-author__avatar {
  width: 72px;
  height: 72px;
  font-size: 22px;
}

/* Compact body text (14px) + clickable name */
.article-authors .article-author__name,
.article-authors .article-author__role,
.article-authors .article-author__bio,
.article-authors .article-author__links a {
  font-size: 14px;
}
.article-author__name-link {
  color: inherit;
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-out);
}
.article-author__name-link:hover { color: var(--color-arch-purple); }
.article-author__name-link:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
  border-radius: var(--radius-xs);
}

/* ---------- Photo avatars (byline + cards) ---------- */
.article-byline__avatar--photo,
.article-author__avatar--photo {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 0;
  color: transparent;
  overflow: hidden;
}

@media (max-width: 600px) {
  .article-authors .article-author {
    padding: 24px;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 18px;
  }
  .article-authors .article-author__avatar {
    width: 56px;
    height: 56px;
    font-size: 18px;
  }
}