/* HCF feedback primitives: badge, avatar, divider. */
.hc-badge { align-items: center; align-self: flex-start; background: #edf2f3; border-radius: 999px; color: var(--hc-color-text); display: inline-flex; font-size: .75rem; font-weight: 800; line-height: 1; padding: .4rem .625rem; }
.hc-badge--brand { background: var(--hc-color-brand-100); color: var(--hc-color-brand-900); }
.hc-badge--success { background: var(--hc-color-success-soft); color: var(--hc-color-success); }
.hc-avatar { align-items: center; background: var(--hc-color-brand-700); border-radius: 50%; color: #fff; display: inline-flex; font-size: .875rem; font-weight: 800; height: 2.75rem; justify-content: center; width: 2.75rem; }
.hc-divider { background: var(--hc-color-border); border: 0; height: 1px; margin-block: var(--hc-space-5); }