/* ===== Gabarit article V2 (Éditorial encre) ===== */

/* En-tete article */
.art-head{background:var(--ink-deep,oklch(19% .008 159));padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--color-hairline-dark)}
.art-head .crumb{font:600 13px/1 var(--font-display);color:var(--color-ink-text-soft);letter-spacing:.02em;margin-bottom:1.1rem}
.art-head .crumb a{color:var(--color-accent);text-decoration:none}
.art-head .chip{display:inline-block;font:600 11.5px/1 var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:999px;padding:.45em .8em;margin-bottom:1.1rem;text-decoration:none}
.art-head h1{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.05;color:var(--color-paper);letter-spacing:-.02em;max-width:24ch}
.art-head .meta{margin-top:1.1rem;font:600 13.5px/1.5 var(--font-display);color:var(--color-ink-text-soft)}
.art-head .meta b{color:var(--color-paper)}
.art-head .meta a{color:inherit;text-decoration:none}
.art-head .meta a:hover{color:var(--color-accent)}

/* Mise en page : sommaire colonne + corps */
.art-layout{display:grid;grid-template-columns:250px minmax(0,68ch);gap:clamp(2rem,4.5vw,4.5rem);justify-content:center}
.art-aside .art-som{position:sticky;top:108px;display:flex;flex-direction:column;border-top:2px solid var(--color-ink);padding-top:.9rem}
.art-som b{font:700 15px/1.3 var(--font-display);color:var(--color-ink);margin-bottom:.5rem}
.art-som a{font:600 14px/1.45 var(--font-display);color:var(--color-body);text-decoration:none;padding:.5em 0;border-bottom:1px solid var(--color-hairline);transition:color .2s}
.art-som a:hover{color:var(--color-accent-dark)}
@media(max-width:62rem){.art-layout{grid-template-columns:1fr}.art-aside .art-som{position:static;margin-bottom:1.75rem}}

/* Image de mise en avant : petite, dans la colonne de lecture */
.art-vignette{margin:0 0 1.7rem}
.art-vignette img{width:100%;aspect-ratio:16/9;max-height:340px;object-fit:cover;display:block}
.art-vignette figcaption{font:600 12.5px/1.5 var(--font-display);color:var(--color-muted);padding-top:.55rem}

/* Encadre "L'essentiel" (reponse directe pour lecteurs et IA) */
.essentiel{background:var(--color-paper-2);border-radius:14px;padding:1.35rem 1.5rem 1.15rem;margin-bottom:1.9rem}
.essentiel b{display:block;font:700 15.5px/1.3 var(--font-display);color:var(--color-ink);margin-bottom:.7rem}
.essentiel ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--color-ink)}
.essentiel li{padding:.6rem 0;border-bottom:1px solid var(--color-hairline);font-size:14.5px;line-height:1.5;color:var(--color-body)}
.essentiel li:last-child{border-bottom:none}

/* Corps d'article */
.art-body{font-size:clamp(1.05rem,1.32vw,1.18rem);line-height:1.72;color:var(--color-body)}
.art-body p+p{margin-top:1.1rem}
.art-body .lead{font-size:clamp(1.18rem,1.6vw,1.38rem);color:var(--color-ink);font-family:var(--font-display);font-weight:600;line-height:1.35}
.art-body p+h2{margin-top:2.2rem}
.art-body h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;color:var(--color-ink);margin:2.2rem 0 .9rem;scroll-margin-top:7.5rem}
.art-body h2:first-child{margin-top:0}
.art-body a:not(.btn){color:var(--color-accent-dark)}
.art-body ul.filets{list-style:none;padding:0;margin:1.2rem 0;border-top:2px solid var(--color-ink)}
.art-body ul.filets li{padding:.7rem 0;border-bottom:1px solid var(--color-hairline);font-size:15.5px;line-height:1.5}
.art-body figure{margin:1.8rem 0}
.art-body figure img{width:100%;display:block;height:auto}
.art-body figcaption{font:600 12.5px/1.5 var(--font-display);color:var(--color-muted);padding-top:.55rem}
.art-body .note{font-size:14px;color:var(--color-muted);border-left:3px solid var(--color-accent);padding:.35rem 0 .35rem 1rem;margin-top:1.4rem;line-height:1.6}
.art-body .faq{margin-top:.4rem}

/* Encart conversion en fin d'article */
.art-cta{margin-top:clamp(2.25rem,4vw,3rem);background:var(--ink-deep,oklch(19% .008 159));border-radius:14px;padding:clamp(1.5rem,3vw,2.25rem)}
.art-cta p{color:var(--color-ink-text-soft);font-size:15.5px;line-height:1.6;max-width:52ch}
.art-cta b{display:block;font:700 clamp(1.25rem,2vw,1.6rem)/1.25 var(--font-display);color:var(--color-paper);margin-bottom:.6rem}
.art-cta .row-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}

/* A lire aussi */
.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(1.5rem,3vw,2.25rem)}
.more-grid .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}
.more-grid .bcard:hover{transform:translateY(-5px);box-shadow:0 34px 54px -30px oklch(19% .008 159 / .42)}
.more-grid .bcard figure{aspect-ratio:16/10;overflow:hidden;background:var(--color-paper-3);margin:0}
.more-grid .bcard figure img{width:100%;height:100%;object-fit:cover}
.more-grid .bcard__b{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}
.more-grid .chip{align-self:flex-start;font:600 11px/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 .7em}
.more-grid h3{font-size:1.15rem;line-height:1.25;color:var(--color-ink)}
.more-grid h3 a{color:inherit;text-decoration:none}
.more-grid h3 a:hover{color:var(--color-accent-dark)}
@media(max-width:62rem){.more-grid{grid-template-columns:1fr}}