/* Liste des actualités : maquette docs/i4s-actualites.html. La liste vide et la pagination ; le filtre par catégorie
   (des liens : le filtre se fait côté serveur) prend les onglets communs (onglets.css). */
.nws__vide{padding:28px;background:#fff;border:1px solid var(--line)}
.pg{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none}
.pg a,.pg span{display:grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border:2px solid var(--line);
  background:#fff;font-family:var(--ui);font-weight:800;font-size:.92rem;color:var(--navy);
  font-variant-numeric:tabular-nums;transition:.14s}
.pg a:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}
.pg [aria-current]{background:var(--blue);border-color:var(--blue);color:#fff}
.pg .pg__o{opacity:.45}


/* Changement de catégorie ou de page sans rechargement (assets/site/actualites.js) : la liste pâlit le temps du
   chargement ; elle reçoit le focus après un changement de page, sans cadre autour de toute la liste. */
.nws__res{transition:opacity .2s}
.nws__res[aria-busy="true"]{opacity:.5}
.nws__res:focus{outline:0}