/* --- Grille --- */
.activist-grid {
    display: grid;
    /* CHANGEMENT : 350px / 16 = 21.875rem */
    grid-template-columns: repeat(auto-fill, minmax(21.875rem, 1fr));
    /* CHANGEMENT : 15px / 16 = 0.9375rem (ou var(--space-md) pour 16px) */
    gap: 0.9375rem;
    margin: var(--space-md) auto 0 auto;
}

/* --- Carte (Non cliquable) --- */
.activist-card {
    display: flex;
    /* CHANGEMENT : Utilisation de votre variable de bordure légère */
    border: 1px solid var(--color-index-guide-steps-border);
    /* CHANGEMENT : Utilisation de votre variable radius-md */
    border-radius: var(--radius-md);
    background-color: var(--source-color-white-transparent) !important;
    overflow: hidden;
    box-shadow: var(--shadow-z2);
}

/* --- Colonne de Gauche --- */
.img-container {
    /* CHANGEMENT : 150px / 16 = 9.375rem */
    width: 9.375rem;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    /* CHANGEMENT : Utilisation de votre variable 999999 */
    border-right: 1px solid var(--color-nav-separator);
    background: var(--source-color-not-white);
    /* CHANGEMENT : 12px / 16 = 0.75rem */
    padding-bottom: 0.75rem;
}

/* Image 150x200 stricte */
.activist-img {
    /* CHANGEMENT : 150px = 9.375rem | 200px = 12.5rem */
    width: 9.375rem;
    height: 12.5rem;
    object-fit: cover;
    display: block;
}

/* --- Le Bouton de lien (Seule partie cliquable) --- */
.platform-link {
    display: flex;
    align-items: center;
    justify-content: center;
    /* CHANGEMENT : 8px = 0.5rem (var(--space-sm)) */
    gap: var(--space-sm);
    color: var(--color-article-read-link);
    /* CHANGEMENT : 15px = 0.9375rem */
    margin-top: 0.9375rem;

    margin-left: var(--space-sm);
    margin-right: var(--space-sm);
    padding: var(--space-sm) var(--space-xs);

    background: #ececec;
    border-radius: var(--radius-sm);
    text-decoration: none;
}

.platform-link:hover {
    /* Note : j'ai laissé cette couleur spécifique car elle semble liée à un état de succès/validation */
    background: #c9ffb9;
}

/* --- L'icône SVG --- */
.platform-icon {
    /* Déjà en rem, parfait */
    width: 2rem !important;
    height: 2rem !important;
    display: block;
    flex-shrink: 0;
}

.platform-link span {
    /* CHANGEMENT : Utilisation de var(--font-size-sm) ou .95rem */
    font-size: var(--font-size-sm);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    line-height: 1.3;
}

/* --- Colonne de Droite --- */
.activist-info {
    /* CHANGEMENT : 15px = 0.9375rem | 10px = 0.625rem */
    padding: 0.9375rem 0.9375rem 0.625rem 0.9375rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.activist-info h3 {
    /* CHANGEMENT : 10px = 0.625rem */
    margin: 0 0 0.625rem 0;
    font-size: 1.4rem;
    color: var(--source-color-accent-two);
}

.activist-description {
    /* CHANGEMENT : .95rem est proche de votre font-size-sm */
    font-size: var(--font-size-sm);
    line-height: var(--line-height-body);
    /* CHANGEMENT : Utilisation de votre variable 666666 */
    color: var(--source-color-666666);
}

.activist-description p:last-child {
    margin-bottom: 0;
}