/* ===== Page Blog + archives de catégorie (Éditorial encre) ===== */

/* En-tete de page (partage) */
.page-head{background:var(--ink-deep,oklch(19% .008 159));padding:clamp(2.5rem,6vw,5rem) 0 clamp(2.25rem,5vw,3.5rem);border-bottom:1px solid var(--color-hairline-dark)}
.page-head .crumb{font:600 13px/1 var(--font-display);color:var(--color-ink-text-soft);letter-spacing:.02em;margin-bottom:1.1rem}
.page-head .crumb a{color:var(--color-accent);text-decoration:none}
.page-head h1{font-size:clamp(2.2rem,5.5vw,3.9rem);line-height:1.02;color:var(--color-paper);letter-spacing:-.02em;max-width:18ch}
.page-head .lede{font-size:clamp(1.02rem,1.4vw,1.32rem);line-height:1.6;color:var(--color-ink-text-soft);max-width:72ch;margin-top:1.2rem}

/* Barre categories collante : liens vers les archives reelles */
.som-bar{position:sticky;top:57px;z-index:30;background:oklch(19% .008 159 / .92);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-hairline-dark)}
.som{display:flex;flex-wrap:nowrap;gap:.5rem;padding:.7rem 0;overflow-x:auto;scrollbar-width:none}
.som::-webkit-scrollbar{display:none}
.som a{flex:none;font:600 13.5px/1 var(--font-display);color:var(--color-paper-2);background:transparent;border:1px solid var(--color-hairline-dark);border-radius:999px;padding:.6em 1.05em;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}
.som a:hover{border-color:var(--color-accent);color:var(--color-accent)}
.som a.is-active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}
.som a .count{opacity:.6;font-weight:400;margin-left:.35em}

/* Grille d'articles */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(1.75rem,4vw,2.5rem)}
.bcard{display:flex;flex-direction:column;background:var(--color-paper);border:1px solid var(--color-hairline);overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.bcard:hover{transform:translateY(-5px);box-shadow:0 34px 54px -30px oklch(19% .008 159 / .42)}
.bcard figure{aspect-ratio:16/10;overflow:hidden;background:var(--color-paper-3);margin:0}
.bcard figure img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.22,1,.36,1)}
.bcard:hover figure img{transform:scale(1.05)}
.bcard__b{padding:1.15rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.bcard .chip{align-self:flex-start;font:600 11.5px/1 var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent-dark);border:1px solid var(--color-accent-dark);border-radius:999px;padding:.4em .75em}
.bcard h3,.bcard h2{font-size:1.3rem;line-height:1.2;color:var(--color-ink)}
.bcard h3 a,.bcard h2 a{color:inherit;text-decoration:none}
.bcard h3 a:hover,.bcard h2 a:hover{color:var(--color-accent-dark)}
.bcard .excerpt{font-size:14.5px;line-height:1.55;color:var(--color-body)}
.bcard .meta{font-size:12.5px;color:var(--color-muted);margin-top:auto;padding-top:.6rem}
.blog-empty{padding:2rem 0;color:var(--color-muted);font-size:15px}

/* Pagination (paginate_links) */
.blog-pag{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:clamp(2rem,4vw,2.75rem)}
.blog-pag .page-numbers{font:600 13.5px/1 var(--font-display);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:999px;padding:.6em 1.05em;text-decoration:none;transition:border-color .2s,color .2s}
.blog-pag a.page-numbers:hover{border-color:var(--color-accent-dark);color:var(--color-accent-dark)}
.blog-pag .page-numbers.current{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}

@media(max-width:62rem){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:40rem){.blog-grid{grid-template-columns:1fr}}