/* ABLOGUI — widget « actualites » (repris de la maquette d'accueil, maquettes/css/accueil.css) */
.lx-titre a, .lx-lien { background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .4s ease; }
a:hover .lx-titre, a:hover .lx-lien { color: inherit; }
a:hover .lx-titre span { background-size: 100% 2px; }
.lx-titre span { background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .4s ease; }
.na-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }
.nb-grille { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); }
.nb-une img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 22px; }
.nb-une h3 { margin-top: 12px; font-size: clamp(1.25rem, 1.05rem + .7vw, 1.65rem); font-weight: 900; line-height: 1.2; letter-spacing: -.01em; }
.nb-une p { margin-top: 10px; color: var(--ab-texte-doux); }
.nb-liste { display: grid; gap: 4px; align-content: start; }
.nb-ligne { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 18px; align-items: center; padding: 14px; border-radius: 18px; transition: background .3s ease; }
.nb-ligne:hover { background: var(--ab-papier); }
.nb-ligne img { width: 110px; height: 84px; object-fit: cover; border-radius: 14px; }
.nb-ligne h4 { margin-top: 6px; font-size: var(--ab-fs-s); font-weight: 800; line-height: 1.35; }
@media (max-width: 900px) {
  .nb-grille, .na-grille { grid-template-columns: 1fr; }
}
.nb-une h3 { margin-top: 12px; }

/* Article sans image à la une : vignette dégradée aux couleurs de la charte */
.nb-vignette { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 10; border-radius: 22px; background: var(--ab-degrade); }
.nb-vignette img { width: 56px; height: auto; opacity: .9; }
.nb-ligne .nb-vignette { width: 110px; height: 84px; aspect-ratio: auto; border-radius: 14px; background: var(--_g, var(--ab-degrade)); }
.nb-ligne .nb-vignette img { width: 26px; }
.nb-ligne:has(.c-n) .nb-vignette { background: var(--ab-degrade); }
.nb-ligne:has(.c-r) .nb-vignette { background: linear-gradient(160deg, #9e1622, #cd1d2d); }
.nb-ligne:has(.c-j) .nb-vignette { background: linear-gradient(160deg, #c99500, #edb710); }