/* Landing showcase card — the gem's `.recommendation-card` (same expanded card
 * the dashboard renders) with a few home-specific tweaks. Everything else
 * (inner / content / meta-row / title / body / footer + .gene-chip + .pill)
 * comes from the gem component and the shared utilities. */

/* Match the dashboard's 4px card radius, not the gem component's large radius. */
.showcase-card { border-radius: var(--corner-radius-xs); }

/* Keep the category + kind pill inline on the left. The gem makes __category
 * flex-grow, which otherwise shoves the pill to the far right edge. */
.showcase-card .recommendation-card__category { flex: 0 0 auto; }

/* Mobile: tighten the card padding from 32 to 24 (the gem sets 32 on __inner). */
@media (max-width: 47.999rem) {
  .showcase-card .recommendation-card__inner { padding: var(--spacing-24); }
}