/* doc-project | public/assets/css/components/cards.css | Définit cartes de contenu, grilles et panneaux statistiques réutilisables. | Expose: .card, .cards | Dépend de: tokens.css | Impacte: dashboards et pages publiques | Tables: aucune */
.cards{display:grid;gap:1rem}.cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;padding:1.4rem;background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.card__number{display:block;margin-bottom:2.6rem;color:var(--accent);font-weight:900}.card h3{margin-bottom:.55rem}.card p{margin-bottom:0;color:var(--ink-600)}.metric-card{padding:1.15rem 1.25rem;background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-lg)}.metric-card span{display:block;color:var(--ink-600);font-size:.85rem}.metric-card strong{display:block;margin-top:.25rem;font-size:1.8rem;letter-spacing:-.035em}.metric-card small{color:var(--ink-500)}
@media(max-width:950px){.cards--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cards--2,.cards--3,.cards--4{grid-template-columns:1fr}}