/* ======================================================
   Publications – style de la liste rendue par [liste_publications]
   ====================================================== */

/* conteneur principal (facultatif si tu utilises .container) */
.pubs-wrap {
  max-width: 1200px;              /* largeur lisible */
  margin: 0 auto;                 /* centré */
  padding: 0 16px;                /* marges internes */
}

/* titre de section (ex.: “Articles”) */
.pubs-section-title {
  font-size: 28px;                /* taille */
  font-weight: 700;               /* gras */
  margin: 20px 0 14px 0;          /* espacement */
  color: #1d2939;                 /* texte sombre */
}

/* liste */
.pubs-list {
  list-style: disc;               /* puces • */
  padding-left: 22px;             /* retrait gauche */
  margin: 0 0 28px 0;             /* marge bas */
}

/* item */
.pubs-item {
  margin: 0 0 22px 0;             /* espace entre items */
}

/* année à gauche */
.pubs-year {
  display: inline-block;          /* sur la même ligne que le titre */
  min-width: 56px;                /* largeur fixe pour aligner les années */
  font-weight: 700;               /* gras */
  color: #5f2a83;                 /* violet */
  margin-right: 6px;              /* petit espace */
}

/* lien titre */
.pubs-link {
  text-decoration: underline;     /* souligné */
  color: #1d2939;                 /* texte */
}
.pubs-link:hover,
.pubs-link:focus {
  color: #3ba19b;                 /* turquoise au survol */
  text-decoration: none;          /* retirer le souligné */
}

/* bloc de puces (types et sujets) */
.pubs-chips {
  margin-top: 8px;                /* espace sous le lien */
}

/* puces génériques */
.pubs-chips .chip {
  display: inline-block;          /* côte à côte */
  font-size: 13px;                /* taille */
  padding: 8px 10px;              /* espace interne */
  border: 1px solid #e1e4e8;      /* bordure pâle */
  background: #ffffff;            /* fond blanc */
  color: #333333;                 /* texte gris */
  border-radius: 12px;            /* arrondi */
  margin-right: 8px;              /* espace droite */
  margin-bottom: 8px;             /* retour de ligne compact */
}

/* variantes visuelles optionnelles */
.pubs-chips .chip-type {
  border-color: #e7ddf2;          /* bordure douce */
  background: #faf7ff;            /* fond très pâle */
  color: #5f2a83;                 /* violet */
}
.pubs-chips .chip-sujet {
  border-color: #d6efe9;          /* bordure douce */
  background: #f6fffd;            /* fond très pâle */
  color: #3ba19b;                 /* turquoise */
}

/* état vide */
.pubs-empty {
  color: #475467;                 /* gris moyen */
  font-style: italic;             /* italique */
  margin: 10px 0 20px 0;          /* espacement */
}

/* responsive léger */
@media (max-width: 640px) {
  .pubs-year {
    min-width: 48px;              /* un peu moins large sur mobile */
  }
}