/* ============================================================
   Magazine — liste d'articles + archives (cartes à la charte)
   ============================================================ */
.st-blog-intro{ text-align:center; max-width:680px; margin:0 auto 34px; }
.st-blog-intro .st-eyebrow{ justify-content:center; display:block; }
.st-blog-intro h1,
.st-blog-intro .wp-block-query-title{
  font-family:'Hanken Grotesk',sans-serif; font-weight:800;
  font-size:clamp(2.1rem,4.4vw,3rem); letter-spacing:-.03em; color:#1C1B24; margin:12px 0;
}
.st-blog-intro p:not(.st-eyebrow){ color:#55525f; font-size:1.05rem; }

/* Filtres catégories en pastilles */
ul.st-cat-filters{
  list-style:none; margin:0 auto 40px; padding:0;
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
}
ul.st-cat-filters li{ margin:0; }
ul.st-cat-filters a{
  display:inline-block; font-family:'Hanken Grotesk',sans-serif; font-weight:700; font-size:.85rem;
  padding:.5rem 1.05rem; border-radius:999px; border:1.5px solid rgba(38,36,48,.14);
  color:#1C1B24; background:#fff; text-decoration:none; transition:.15s;
}
ul.st-cat-filters a:hover{ border-color:#6C9CE4; color:#3F6CB0; }

/* Grille */
.st-blog-grid{ gap:26px !important; }
.st-blog-grid.wp-block-post-template{ list-style:none; padding:0; margin:0; }

/* Carte */
.st-blog-card{
  display:flex !important; flex-direction:column; height:100%;
  background:#fff; border:1px solid rgba(38,36,48,.12); border-radius:20px; overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease;
}
.st-blog-card:hover{ transform:translateY(-5px); box-shadow:0 26px 44px -30px rgba(38,36,48,.45); }

/* Vignette (avec repli dégradé si pas d'image à la une) */
.st-card-thumb{
  position:relative; aspect-ratio:16/10; overflow:hidden;
  background:linear-gradient(150deg,#6C9CE4,#3F6CB0);
}
.st-card-thumb .wp-block-post-featured-image{ margin:0; height:100%; }
.st-card-thumb .wp-block-post-featured-image img{ width:100%; height:100%; object-fit:cover; display:block; }
.st-card-thumb .wp-block-post-featured-image a{ display:block; height:100%; }
.st-card-cat{
  position:absolute; left:14px; bottom:14px; z-index:2; margin:0;
  font-family:'JetBrains Mono',monospace; font-size:.62rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.st-card-cat a{
  background:rgba(255,255,255,.94); color:#1C1B24; padding:.28rem .6rem; border-radius:7px; text-decoration:none;
}

/* Corps de carte */
.st-card-body{ padding:18px 20px 22px; display:flex; flex-direction:column; flex:1; }
.st-card-title{ margin:0 0 8px; }
.st-card-title a{
  font-family:'Hanken Grotesk',sans-serif; font-weight:800; font-size:1.12rem; line-height:1.25;
  color:#1C1B24; text-decoration:none;
}
.st-card-title a:hover{ color:#3F6CB0; }
.st-card-exc{ font-size:.9rem; color:#6b6976; line-height:1.55; margin:0; flex:1; }
.st-card-date{ font-family:'JetBrains Mono',monospace; font-size:.68rem; color:#9a98a6; margin-top:14px; }

/* Pagination */
.st-blog-pager{ margin-top:46px; gap:8px; }
.st-blog-pager a,
.st-blog-pager span{
  min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid rgba(38,36,48,.14); border-radius:10px;
  font-family:'Hanken Grotesk',sans-serif; font-weight:700; color:#1C1B24; text-decoration:none;
}
.st-blog-pager .current{ background:#6C9CE4; color:#fff; border-color:#6C9CE4; }

@media(max-width:980px){ .st-blog-grid{ grid-template-columns:repeat(2,1fr) !important; } }
@media(max-width:600px){ .st-blog-grid{ grid-template-columns:1fr !important; } }