/* ==========================================================================
   .pm-issue-card — carte de promotion du numéro en cours
   Figma : Frame 85 — fond #F7F5F3, rayon 4, padding 20, gap 12.
   ========================================================================== */

.pm-issue-card {
  display: flex;
  flex-direction: column;
  gap: var(--pm-space-xs);
  padding: var(--pm-space-m);
  border-radius: var(--pm-radius-m);
  background-color: var(--pm-color-surface-muted);
}

.pm-issue-card__body {
  display: flex;
  gap: var(--pm-space-l);
}

/* La couverture garde son ratio 93×125 de la maquette. Largeur fixe plutôt
   que fluide : c'est un visuel de couverture, il ne doit pas se déformer
   quand le titre du numéro s'allonge. */
.pm-issue-card__cover {
  flex: 0 0 auto;
  width: 93px;
  aspect-ratio: 93 / 125;
  object-fit: cover;
}

.pm-issue-card__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--pm-space-3xs);
  min-width: 0; /* autorise le titre à se couper au lieu de pousser la carte */
}

/* Les trois lignes de texte (date, série, titre) ne portent aucune règle ici :
   leurs styles viennent des utilitaires .pm-text-note / .pm-text-interface /
   .pm-text-h2 de typography.css, qui reprennent les styles nommés de Figma. */