/* #346 — pages blog (charte accueil v2, colonne centrée) */
.blog-body{background:#fff}
.blog-body .blog-main.container{
  width:min(760px,100%);
  padding-inline:20px;
  padding-top:28px;
  padding-bottom:64px;
}
.blog-bc{font-size:12px;color:var(--muted);margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.blog-bc a{color:var(--crimson);font-weight:500}
.blog-main h1{font-size:clamp(28px,6vw,40px);line-height:1.2;letter-spacing:-.6px;margin:0 0 12px;color:var(--slate-deep)}
.blog-lead{color:var(--muted);font-size:16px;line-height:1.55;margin:0 0 22px;font-weight:300}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.blog-chip{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;color:var(--slate-deep);background:#fff}
.blog-chip.on,.blog-chip:hover{background:var(--crimson);color:#fff;border-color:var(--crimson)}
.blog-grid{display:grid;grid-template-columns:1fr;gap:18px}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #2C364114}
.blog-card a{display:block;color:inherit}
.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-card-body{padding:18px 18px 20px}
.blog-cat{display:inline-block;background:#FCE4EC;color:var(--crimson);font-size:11px;font-weight:600;border-radius:999px;padding:4px 10px;margin-bottom:8px}
.blog-card h2{font-size:20px;margin:0 0 8px;color:var(--slate-deep);line-height:1.3}
.blog-card p{margin:0 0 10px;color:var(--muted);font-size:14.5px;line-height:1.5;font-weight:300}
.blog-card time,.blog-article time{font-size:12px;color:var(--muted)}
.blog-empty{color:var(--muted);padding:24px 0}
.blog-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;font-size:13px}
.blog-pager a{color:var(--crimson);font-weight:600}
.blog-article{width:100%}
.blog-article h1{margin-bottom:8px}
.blog-author{font-size:13px;color:var(--muted);margin:4px 0 18px}
.blog-cover{margin:0 0 22px}
.blog-cover img{width:100%;border-radius:16px;max-height:420px;object-fit:cover}
.blog-body-html{font-size:17px;line-height:1.75;color:var(--ink);font-weight:300}
.blog-body-html p{margin:0 0 16px}
.blog-body-html h2{font-size:22px;margin:28px 0 10px;color:var(--slate-deep);font-weight:600}
.blog-body-html h3{font-size:18px;margin:22px 0 8px;color:var(--slate-deep);font-weight:600}
.blog-body-html ul,.blog-body-html ol{margin:0 0 16px;padding-inline-start:22px}
.blog-body-html a{color:var(--crimson);text-decoration:underline}
.blog-cta{margin:36px 0 28px;padding:22px;border-radius:16px;background:linear-gradient(100deg,#FDF1F5,#FEF8FA)}
.blog-cta h2{margin:0 0 14px;font-size:20px;color:var(--slate-deep)}
.blog-cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.blog-cta-rec{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--crimson);color:var(--crimson);border-radius:999px;min-height:48px;padding:11px 22px;font-size:15px;font-weight:600}
.blog-related{width:100%}
.blog-related h2{font-size:18px;margin:0 0 10px}
.blog-related ul{margin:0;padding:0;list-style:none}
.blog-related li{border-top:1px solid var(--line);padding:10px 0}
.blog-related a{color:var(--crimson);font-weight:500}

/* Liste : dès 2 cartes, élargir un peu et passer en 2 colonnes */
@media(min-width:768px){
  .blog-body .blog-main.container{padding-inline:24px}
  .blog-page-list .blog-main.container{width:min(900px,100%)}
  .blog-page-list .blog-grid:has(.blog-card:nth-child(2)){
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .blog-body .blog-main.container{padding-inline:16px}
}