/* ==========================================================================
   Avatar
   Person/company initial circle. Default 48px; override size inline if needed.
   Catalogued in preview/index.html.
   ========================================================================== */

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-bg-subtle-light);
  color: var(--color-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--weight-medium);
  flex: none;
}