/**
 * [상세 byline]
 * - 역할: 전시·커뮤니티 상세 타이틀 아래 — 닉네임 | 작성일 | 조회
 * - 작성/수정일: 2026-09-08
 */
.an-detail-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-top: 14px;
  min-width: 0;
  color: var(--muted-color, #7c7c7c);
  font-size: var(--fs-caption, 12px);
  line-height: 1.4;
}

.an-detail-byline__avatar {
  display: block;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--chip-color, #f0f0f0);
  border: 1px solid var(--divider-color, rgba(0, 0, 0, 0.06));
}

.an-detail-byline__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.an-detail-byline__name {
  min-width: 0;
  max-width: 12em;
  overflow: hidden;
  font-weight: 600;
  color: var(--title-color, #171717);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.an-detail-byline__date,
.an-detail-byline__hit {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.an-detail-byline__sep {
  color: var(--divider-color, #d8d8d8);
  font-weight: 400;
  user-select: none;
}

/* 전시 상세: 타이틀 블록 안쪽 */
.an-detail-byline--ex {
  margin-top: 12px;
}

/* 커뮤니티 상세: 타이틀 행 아래 독립 줄 */
.an-detail-byline--bo {
  margin-top: 16px;
}