.crm-root .crm-panel .crm-achievements-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 8px; margin: 8px 0 0;
}
.crm-root .crm-achievements-grid .crm-achievement-card {
  grid-template-columns: 24px minmax(0, 1fr); align-content: start;
  gap: 3px 6px; padding: 6px 0; border: 0; border-radius: 0; background: transparent;
}
.crm-root .crm-achievements-grid .crm-achievement-card > .crm-achievement-badge {
  width: 24px; height: 27px; grid-row: 1 / 4;
}
.crm-root .crm-achievements-grid .crm-achievement-symbol { width: 11px; height: 11px; }
.crm-root .crm-achievements-grid .crm-achievement-card > strong { font-size: 12px; line-height: 1.4; }
.crm-root .crm-achievements-grid .crm-achievement-card > p { font-size: 11px; line-height: 1.4; }
.crm-root .crm-achievements-grid .crm-achievement-card > small { font-size: 11px; line-height: 1.4; }
/* Award notes and author/date remain in the full history below the collection. */
.crm-root .crm-achievements-grid .crm-achievement-card > p ~ p,
.crm-root .crm-achievements-grid .crm-achievement-card > small ~ small { display: none; }