/* ============================================================
   pages/user_badges/user_badges.css — "My badges" page
   Layout only: card/tier styles come from ds/components/achievement.css.
   ============================================================ */

.user-badges__status {
  color: var(--color-text-secondary);
}

.user-badges__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}

@media (min-width: 600px) {
  .user-badges__list {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}