/* Grille responsive avec 2 à 3 cartes par ligne */
.grid.cards {
    display: grid;
    gap: 2rem;
    padding: 2rem;
    justify-content: center;
}

/* Appliquer un contour rouge + arrondi + fond gris */
.cards li {
    border: 1px solid #d32f2f !important; /* Contour rouge */
    border-radius: 12px !important; /* Ajoute l'arrondi */
    padding: 1.5rem;
    background: #f8f8f8 !important; /* Fond gris clair */
    box-shadow: none;
    transition: transform 0.2s ease-in-out;
}

/* Légère animation au survol */
.cards li:hover {
    transform: scale(1.05);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-weight: 400;
}

.md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
  font-weight: bold;
}

.md-content a {
  text-decoration: underline;
}