/* Article de blog */
.art-h{padding-top:clamp(28px,4vw,48px);max-width:960px}
.art-h .h1{font-size:clamp(38px,5vw,68px);margin-top:20px}
.art-h .lead{margin-top:22px;max-width:70ch;font-size:clamp(18px,1.5vw,20px)}
.art-cover{aspect-ratio:21/9;overflow:hidden;margin:clamp(28px,4vw,48px) 0;background:var(--surface)}
.art-cover img{width:100%;height:100%;object-fit:cover}
.art-g{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:clamp(64px,8vw,112px)}
.art-toc{position:sticky;top:100px;font-size:14.5px}
.art-toc ol{list-style:none;margin:14px 0 28px;border-left:1px solid var(--line)}
.art-toc a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);transition:color .2s,border-color .2s}
.art-toc a:hover{color:var(--ink)}
.art-toc a.on{color:var(--ink);border-left-color:var(--brass);font-weight:500}
.art-share{display:grid;gap:8px}
.art-share a,.art-share button{all:unset;cursor:pointer;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.art-c{max-width:720px;font-size:18px;line-height:1.75;color:var(--text)}
.art-c h2{font-size:clamp(28px,2.8vw,38px);font-weight:400;letter-spacing:-.03em;line-height:1.15;color:var(--ink);margin:56px 0 18px;scroll-margin-top:100px}
.art-c h3{font-size:22px;font-weight:500;letter-spacing:-.015em;color:var(--ink);margin:36px 0 12px}
.art-c p{margin-bottom:18px}
.art-c ul{margin:0 0 22px;padding:0;list-style:none;display:grid;gap:10px}
.art-c li{position:relative;padding-left:22px}
.art-c li::before{content:"";position:absolute;left:0;top:.75em;width:8px;height:2px;background:var(--brass)}
.art-c b{font-weight:500;color:var(--ink)}
.art-cta{margin:36px 0;padding:28px;background:var(--espresso);color:var(--white)}
.art-cta b{display:block;font-size:22px;font-weight:400;letter-spacing:-.02em}
.art-cta p{color:var(--muted-d);font-size:15.5px;margin:6px 0 18px}
.art-cta .btn{background:var(--white);color:var(--ink);border-color:var(--white)}
.art-fig{margin:24px 0 28px}
.art-fig div{display:grid;place-items:center;min-height:180px;padding:24px;border:1px dashed var(--line-2);background:var(--bg);font-size:14px;color:var(--soft);text-align:center}
.art-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.art-end b{display:block;font-weight:500;color:var(--ink);font-size:16px}
.art-end span{font-size:14.5px;color:var(--muted)}
@media (max-width:920px){
  .art-g{grid-template-columns:1fr}
  .art-toc{position:static;padding:20px;background:var(--bg)}
  .art-cover{aspect-ratio:16/10}
}

.art-toc a.on{border-left-color:var(--fluo);border-left-width:3px}
.art-c li::before{background:var(--fluo);height:3px}
.legal{font-size:16.5px}
.legal h2{font-size:clamp(22px,2vw,28px);margin-top:44px}
.legal h2:first-child{margin-top:0}
.tbl{overflow-x:auto;margin:16px 0 24px;border:1px solid var(--line)}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.tbl th{text-align:left;font-weight:500;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--soft);padding:12px 14px;border-bottom:1px solid var(--ink);background:var(--white)}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.tbl tr:last-child td{border-bottom:0}
/* Bandeau sombre dans les articles : titre en blanc (était noir sur gris foncé) */
.art-c .art-cta b,.art-cta b,.art-cta h2,.art-cta h3{color:#fff}