/* Blog Jazayïa : styles des articles (complète style.css) */
.article-hero{aspect-ratio:4/3;border-radius:1.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}
.article-body{color:var(--color-ink-soft);font-size:1.06rem;line-height:1.8}
.article-body>*+*{margin-top:1.15rem}
.article-body .article-lead{font-family:var(--font-display);font-size:1.35rem;line-height:1.6;color:var(--color-ink)}
.article-body h2{font-family:var(--font-display);font-size:1.95rem;line-height:1.25;color:var(--color-ink);margin-top:3rem}
.article-body h3{font-family:var(--font-display);font-size:1.35rem;line-height:1.35;color:var(--color-ink);margin-top:2rem}
.article-body h2+*,.article-body h3+*{margin-top:.75rem}
.article-body a{color:var(--color-terracotta);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.article-body a:hover{color:var(--color-terracotta-deep)}
.article-body strong{color:var(--color-ink);font-weight:600}
.article-body ul,.article-body ol{padding-left:1.4rem}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.article-body li+li{margin-top:.5rem}
.article-body li::marker{color:var(--color-terracotta)}
.article-tip{background:color-mix(in srgb,var(--color-sable-deep) 45%,transparent);border-left:3px solid var(--color-brass);border-radius:0 1rem 1rem 0;padding:1.25rem 1.5rem}
.article-tip .eyebrow{color:var(--color-brass);margin-bottom:.4rem}
.article-tip p{margin:0}
.article-cta{background:var(--color-bottle);color:var(--color-cream-dark);border-radius:1.5rem;padding:2rem;margin-top:2.5rem!important;margin-bottom:1rem}
.article-cta .eyebrow{color:var(--color-brass-light)}
.article-cta .font-display{font-size:1.6rem;line-height:1.3;color:var(--color-cream);margin-top:.4rem}
.article-cta p{margin-top:.6rem;color:color-mix(in srgb,var(--color-cream-dark) 82%,transparent)}
.article-cta a.pill-btn{margin-top:1.4rem;text-decoration:none;color:var(--color-cream)}
.blog-grid{display:grid;gap:2rem}
.blog-products{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-products{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:480px){.blog-products{gap:.9rem}.blog-products .p-5{padding:.9rem}}
.blog-card{background:var(--color-cream);border-radius:1.25rem;overflow:hidden;box-shadow:0 1px 2px rgba(32,24,16,.06),0 12px 30px -12px rgba(32,24,16,.18);transition:transform .3s,box-shadow .3s}
.bg-cream .blog-card{background:#fbf7ef}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(32,24,16,.06),0 20px 40px -14px rgba(32,24,16,.25)}
.blog-card-img{aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}
.blog-card-img img{transition:transform .5s}
.blog-card:hover .blog-card-img img{transform:scale(1.04)}
.blog-card-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.1rem;font-size:.9rem;font-weight:500;color:var(--color-terracotta)}
.article-head{padding-top:1.5rem;padding-bottom:2.5rem}
.article-toc{background:var(--color-cream);border-radius:1rem;padding:1.25rem 1.5rem;margin-top:1.75rem!important}
.article-toc .eyebrow{color:var(--color-terracotta);margin-bottom:.5rem}
.article-toc ol{list-style:decimal;padding-left:1.3rem;margin:0}
.article-toc li+li{margin-top:.3rem}
.article-toc a{text-decoration:none;color:var(--color-ink)}
.article-toc a:hover{color:var(--color-terracotta)}
.article-body h2{scroll-margin-top:8rem;border-top:1px solid color-mix(in srgb,var(--color-ink) 12%,transparent);padding-top:2.5rem}
.article-cta p:first-child{margin-top:0;color:var(--color-cream-dark)}