/* =========================================================
   BLOC — RUBRIQUE ARTICLES
   Utilisé par template-parts/blocks/rubrique-articles.php
   Réutilisé pour chaque catégorie de la home.
   ========================================================= */

.rubrique{
  padding:52px 0 8px;
}
.rubrique-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:26px;
  border-bottom:1px solid var(--line);
  padding-bottom:14px;
}
.rubrique-tab{
  display:flex;
  align-items:center;
  gap:10px;
}
.rubrique-tab .dot{
  width:7px; height:7px;
  background:var(--copper);
  border-radius:50%;
}
.rubrique-head h2{ font-size:22px; }
.rubrique-head .voir-tout{
  font-size:12.5px;
  font-weight:600;
  color:var(--brass-dark);
  letter-spacing:0.02em;
}

.cards{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
  margin-bottom:44px;
}
.card{
  display:flex;
  flex-direction:column;
}
.card-thumb{
  background:var(--paper-3);
  aspect-ratio:16/10;
  border-radius:3px;
  margin-bottom:14px;
  position:relative;
  overflow:hidden;
}
.card-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.badge-partner{
  position:absolute;
  top:10px; left:10px;
  background:var(--paper);
  font-family:'IBM Plex Mono', monospace;
  font-size:9.5px;
  letter-spacing:0.06em;
  text-transform:uppercase;
  padding:4px 8px;
  border-radius:2px;
  color:var(--ink-soft);
  z-index:1;
}
.card h3{
  font-size:16.5px;
  margin-bottom:8px;
  line-height:1.3;
}
.card p{
  font-size:13.5px;
  color:var(--ink-soft);
  margin-bottom:10px;
}
.card-meta{
  font-size:11.5px;
  color:#8a8370;
  font-family:'IBM Plex Mono', monospace;
  letter-spacing:0.02em;
}

@media (max-width:900px){
  .cards{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:600px){
  .rubrique{ padding:36px 0 4px; }
  .cards{ grid-template-columns:1fr; gap:22px; }
}