/* Fil des dernières publications. Variables du gabarit cgc, avec des valeurs de secours (DA C claire). */
.cg-fil {
  display: flex; align-items: center; gap: 14px; min-width: 0; padding: 8px 14px;
  border-radius: var(--cg-rayon, 8px); background: var(--cg-surface, #fff); border-left: 3px solid var(--cg-accent, #b00000);
  font: 14px/1.35 var(--cg-police-texte, 'IBM Plex Sans', Arial, sans-serif); color: var(--cg-texte, #1b1b1e);
}
.cg-fil-libelle {
  flex: none; margin: 0; font: 700 13px/1 var(--cg-police-titre, 'Rajdhani', sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--cg-accent-texte, #b00000);
}
.cg-fil-liste {
  display: flex; gap: 22px; min-width: 0; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none;
}
.cg-fil-liste::-webkit-scrollbar { display: none; }
.cg-fil-liste li { display: flex; align-items: baseline; gap: 6px; min-width: 0; flex: 0 1 auto; scroll-snap-align: start; }
.cg-fil-liste time { flex: none; font-size: 12px; font-weight: 600; color: var(--cg-discret-2, #5f5f66); }
.cg-fil-liste a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: inherit; font-weight: 600; text-decoration: none; }
.cg-fil-liste a:hover, .cg-fil-liste a:focus-visible { color: var(--cg-accent-texte, #b00000); text-decoration: underline; }
@media (max-width: 760px) {
  .cg-fil { flex-direction: column; align-items: flex-start; gap: 6px; }
  .cg-fil-liste { width: 100%; }
  .cg-fil-liste li { flex: 0 0 82%; }
}