/*
 * blocks/resource-card-grid.css — cartes liens ressources.
 * Complète guest.css, ne redéfinit aucune primitive existante.
 */

.resource-card { display: flex; align-items: center; gap: var(--s4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--s5) var(--s6); transition: border-color var(--transition), transform var(--transition); }
.resource-card:hover { border-color: var(--line-strong); transform: translateY(-2px); }
.resource-card__icon { width: 44px; height: 44px; border-radius: 50%; background: var(--teal-soft); color: var(--teal); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.resource-card__body { flex: 1; min-width: 0; }
.resource-card__body strong { display: block; font-size: .95rem; }
.resource-card__body span { display: block; font-size: .8rem; color: var(--muted); margin-top: 2px; }
.resource-card__arrow { margin-left: auto; color: var(--muted); flex-shrink: 0; }

@media (max-width: 620px) {
	.resource-card { padding: var(--s4); }
}