/* Albanuova RP — Brèves ARTA intégrées à « Alertes & Communiqués ».
 * Le titre de la colonne est porté par la page : le shortcode ne produit
 * que les rangées de brèves, dans la même grammaire que les articles.
 */
.arta-page .arta-rp-briefs{
  margin:0;
  padding:0;
  border:0;
  font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--arta-ink,#111827);
}

.arta-page .arta-rp-briefs-list{
  display:block;
  margin:0;
  padding:0;
}

.arta-page .arta-rp-brief{
  min-width:0;
  padding:15px 0 16px;
  border-bottom:1px solid var(--arta-line,#d9e1ea);
}

.arta-page .arta-rp-brief-meta{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 7px;
  color:var(--arta-blue,#003578);
  font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:0;
}

.arta-page .arta-rp-brief-meta time::after{
  content:'·';
  margin-left:9px;
  color:var(--arta-muted,#5f6b7a);
}

.arta-page .arta-rp-brief h3{
  margin:0 !important;
  color:var(--arta-ink,#111827);
  font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.34 !important;
  letter-spacing:-.02em !important;
}

.arta-page .arta-rp-brief h3 a{
  color:inherit;
  text-decoration:none;
}

.arta-page .arta-rp-brief h3 a:hover{
  color:var(--arta-blue,#003578);
}

.arta-page .arta-rp-brief p{
  margin:8px 0 0 !important;
  color:var(--arta-muted,#5f6b7a);
  font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-size:13px;
  font-weight:400;
  line-height:1.55;
}

/*
 * Correctif ARTA — vignettes des « Dernières actualités ».
 * Gutenberg ajoute aspect-ratio:1 au <figure>, tandis que l'ancien CSS
 * imposait seulement 120px à l'image : cela laissait une bande vide.
 * Le figure remplit désormais la hauteur de la ligne et l'image le couvre.
 */
.arta-page .arta-list-img{
  position:relative;
  align-self:stretch;
  width:100% !important;
  height:auto !important;
  min-height:140px !important;
  margin:0 !important;
  overflow:hidden;
  aspect-ratio:auto !important;
  background:#dbe6f1;
  border-left:4px solid var(--arta-blue,#003578);
}

.arta-page .arta-list-img img{
  position:absolute;
  inset:0;
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center;
}

@media(max-width:700px){
  .arta-page .arta-list-img{height:190px !important;min-height:190px !important}
}