/* ═════════════════════════════════════════════════════════════
   Community cards — vertical column of three cards in the
   Community stage tile.

   The card visuals are reused from category-cards.css
   (.category-card, .category-card__heading, .category-card__text);
   this file only turns the row into a column stack.
   ═════════════════════════════════════════════════════════════ */

.community-cards {
    display: flex;
    flex-direction: column;
    gap: var(--category-card-gap);
    flex: 1;
    min-height: 0;
}

/* Community cards: icon on the left, text body on the right. */
.community-card {
    flex-direction: row;
    align-items: center;
    gap: var(--category-card-gap);
}

.community-card__icon {
    width: clamp(28px, 3.2vw, 56px);
    height: auto;
    flex-shrink: 0;
    fill: var(--purple-dark);   /* default; per-icon colours below */
}

.community-card__icon--github { fill: var(--red-dark); }
.community-card__icon--kofi   { fill: var(--green-dark); }
.community-card__icon--cubes  { fill: var(--blue-dark); }

.community-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}