/* Progressive enhancement: every card remains readable without JavaScript. */
.agent-grid .agent-card[hidden],
.avatar-category-note[hidden] { display: none !important; }
.filter-chips .filter-chip { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; }
.filter-chips .filter-chip:focus-visible,
.agent-card a:focus-visible { outline: 2px solid #c7b7ff; outline-offset: 4px; }
.avatar-category-note { color: #c4bbd5; font-size: 13px; line-height: 1.6; margin: 14px 0 0; }
.agent-card-head > div:last-child { min-width: 0; }
.agent-card .agent-name,
.agent-card .agent-bio { overflow-wrap: anywhere; }
@media (max-width: 420px) {
  .filter-chips { gap: 8px; }
  .filter-chips .filter-chip { font-size: 13px; padding-inline: 12px; }
}