/* Actualités : cartes au style des fiches du site ; affiche entière (son texte ne doit pas
   être coupé) posée sur fond jaune clair ; résumé limité à 3 lignes (rule web-design). */
.actualite { border: 0; border-radius: var(--rayon); background: var(--blanc); box-shadow: var(--ombre); transition: transform var(--duree-rapide) var(--courbe); }
.actualite:hover { box-shadow: var(--ombre); transform: translateY(-4px); }
.actualite .card__media { height: 16rem; aspect-ratio: auto; padding: var(--e-2); background: var(--jaune-clair); }
.actualite .card__media img { width: 100%; height: 100%; object-fit: contain; }
.actualite .card__body { gap: var(--e-1); padding: var(--e-3); }
.actualite .card__meta { order: -1; }
.actualite .card__meta time { display: inline-block; padding: .2rem .7rem; border-radius: var(--rayon-plein); font-weight: 700; font-size: .9rem; color: var(--marron); background: var(--jaune-clair); }
.actualite .card__title { font-size: var(--t-1); line-height: 1.25; color: var(--marron); text-wrap: balance; }
.actualite .card__title a:focus-visible { outline: none; }
.actualite:has(.card__title a:focus-visible) { outline: 3px solid var(--marron); outline-offset: 3px; }
.actualite .card__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; color: var(--encre-douce); }
.actualite__lire { margin: auto 0 0; padding-top: var(--e-1); font-weight: 800; color: var(--orange-texte); }
@media (prefers-reduced-motion: reduce) { .actualite:hover { transform: none; } }

/* Page d'une actualité : affiche entière, agrandie au clic */
.actualite-page .duo__image .lightbox-thumb { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.actualite-page .duo { align-items: start; }
.actualite-page .duo__image img { aspect-ratio: auto; height: auto; object-fit: contain; }
.actualite-page .conteneur + .conteneur { margin-top: var(--e-4); }

/* Liste : les vignettes suivent l'introduction sans double marge (luska.css est chargé après) */
.page-tete + .section:has(.fiches.actualites) { padding-top: var(--e-2); }
.section .fiches.actualites { margin-top: 0; }