/* Approved appearance for topic post author avatars. */
.sv-topic-avatars .post-avatar-wrap .sv-avatar {
  width: 128px;
  height: 128px;
  border: 3px solid #fff;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 6px 18px rgba(28,63,107,.18);
}
.sv-topic-avatars .post-avatar-wrap .online-dot {
  top: -3px;
  right: -3px;
  width: 15px;
  height: 15px;
  border-width: 3px;
}
.sv-topic-avatars .post-author-title { margin-top: 10px; }
[data-theme='dark'] .sv-topic-avatars .post-avatar-wrap .sv-avatar,
[data-theme='dark'] .sv-topic-avatars .post-avatar-wrap .online-dot { border-color: #263d5b; }

@media (max-width: 680px) {
  .sv-topic-avatars .post-author { grid-template-columns: 84px minmax(0,1fr); column-gap: 12px; }
  .sv-topic-avatars .post-avatar-wrap .sv-avatar { width: 84px; height: 84px; border-radius: 10px; }
  .sv-topic-avatars .post-author-title { margin-top: 2px; max-width: 100%; }
  .sv-topic-avatars .post-author-name { overflow-wrap: anywhere; }
  .sv-topic-avatars .author-badges { grid-column: 1 / -1; }
  .sv-topic-avatars .post-author dl {
    grid-column: 1 / -1;
    grid-row: auto;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0 14px;
    width: 100%;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--line);
  }
}