/* ============================
   Book cards (bibliothèque)
============================ */

/* Tags : sans fond ni bordure */
.book-card .tag-link {
  background: transparent;
  border: none;
  padding: 0;
}

/* Description (4e de couv) */
.book-description {
  margin: 0.4em 0;
  font-size: 0.9rem;
  line-height: 1.4;
}

/* Note personnelle */
.book-note {
  margin: 0.3em 0;
  font-size: 0.85rem;
  font-style: italic;
  opacity: 0.85;
}

/* Type + hashtags (compact, petit) */
.book-card .book-type {
  font-size: 0.8rem;
  margin: 2px 0;
}

.book-tags {
  font-size: 0.75rem;
  margin: 2px 0;
}

.book-tags .tag-link {
  margin: 0 4px 4px 0; /* espacement réduit */
}

/* Infos "Read" + "Rating" */
.book-extra {
  font-size: 0.75rem;
  margin-top: 4px;
}

/* 1. Taille fixe pour toutes les couvertures */
.article-card a {
  display: block;      /* pour que width/height s’appliquent */
  width: 150px;        /* change cette valeur selon ton design */
  height: 225px;       /* par exemple ratio 2/3 classique pour les couvertures */
  overflow: hidden;    /* cache les débordements de l’image */
  background: none;    /* supprime le gris de fond */
  margin: 0 auto;      /* centre si tu veux */
}


/* 2. L’image remplit tout le conteneur */
.article-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* crop + scale pour couvrir tout l’espace */
  display: block;      /* enlève l’espace blanc sous l’image */
}