body { background-color: #f5f7fa; }
.avatar-sm { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.avatar-lg { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.avatar-initials {
  display: inline-flex; align-items: center; justify-content: center;
  background: #0d6efd; color: #fff; font-size: 13px; font-weight: 600;
}
.avatar-lg.avatar-initials { font-size: 32px; }
.card { border: 1px solid #e3e8ef; }
.card-section:hover { border-color: #0d6efd; transition: border-color .15s; }
.section-icon { font-size: 24px; color: #0d6efd; }
.answer-cells { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }