/* Blog : mêmes couleurs, polices et composants que la page d'accueil */
.nav ul a[aria-current="page"]{color:var(--container);font-weight:600}
.blog-hero{padding:72px 0 8px}
.blog-hero h1{margin-bottom:16px}
.blog-list{padding:40px 0 88px}
.posts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:var(--white);border:1px solid var(--line);border-top:6px solid var(--kraft);border-radius:var(--radius-m);display:flex;flex-direction:column;overflow:hidden}
.post-card:nth-child(3n+2){border-top-color:var(--container)}
.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post-card .pc-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-card time{font-size:.9rem;color:var(--ink-soft)}
.post-card h2{font-size:1.25rem;margin:0}
.post-card h2 a{color:var(--ink);text-decoration:none}
.post-card h2 a:hover{color:var(--container)}
.post-card p{color:var(--ink-soft);font-size:.98rem}
.post-card .more{margin-top:auto;font-weight:700;text-decoration:none}
.empty{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);padding:32px;color:var(--ink-soft)}
.pager{display:flex;gap:12px;margin-top:40px}
.article{padding:64px 0 32px}
.article .wrap{max-width:808px}
.article .back{display:inline-block;margin-bottom:28px;font-weight:600;text-decoration:none}
.article h1{font-size:clamp(2rem,4.4vw,3rem);margin-bottom:16px}
.article .meta{color:var(--ink-soft);font-size:.95rem;margin-bottom:32px}
.article .cover{border-radius:var(--radius-m);margin-bottom:36px;width:100%;height:auto}
.entry{font-size:1.1rem}
.entry>*+*{margin-top:1.1em}
.entry h2{font-size:clamp(1.45rem,2.6vw,1.85rem);margin:1.8em 0 .5em}
.entry h3{font-size:1.25rem;margin:1.5em 0 .4em}
.entry ul,.entry ol{padding-left:1.4em}
.entry li+li{margin-top:.4em}
.entry blockquote{border-left:5px solid var(--kraft);background:var(--white);padding:16px 22px;border-radius:var(--radius-s)}
.entry img{height:auto;border-radius:var(--radius-s)}
.entry table{border-collapse:collapse;width:100%}
.entry th,.entry td{border:1px solid var(--line);padding:8px 12px;text-align:left}
.article-cta{background:var(--ink);color:#E8ECEF;border-radius:var(--radius-m);padding:32px;margin:56px 0 88px}
.article-cta h2{color:#fff;font-size:1.5rem}
.article-cta p{color:#B9C3CC;margin-bottom:20px}
@media (max-width:980px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.posts{grid-template-columns:1fr}.blog-hero,.article{padding-top:48px}}