/* ============================================================
   LeadTomorrow — article de blog (long-form)
   Réutilise les tokens + classes du site (styles.css / site.css).
   Police mono = stack système (comme .art-thumb / .mono du site).
   ============================================================ */
:root{ --mono:ui-monospace,'SFMono-Regular',Menlo,'Roboto Mono',monospace; }

.bl-main{padding-bottom:10px}
.bl-doc{max-width:772px;margin:0 auto}

/* hero */
.bl-hero{padding:52px 0 0}
.bl-title{font-family:'Instrument Sans';font-weight:500;font-size:53px;line-height:1.03;
  letter-spacing:-.04em;margin:18px 0 0;color:var(--ink)}
.bl-title em{font-family:'Instrument Serif';font-style:italic;font-weight:400;color:var(--red);letter-spacing:-.01em}

/* meta grid */
.bl-metagrid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;
  border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.bl-mc{padding:16px 18px 16px 0}
.bl-mc + .bl-mc{padding-left:22px;border-left:1px solid var(--line-soft)}
.bl-mc .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#9a978f}
.bl-mc .v{font-size:14px;color:var(--ink);margin-top:7px;font-weight:500;letter-spacing:-.005em}

/* lead */
.bl-lead{margin-top:36px;border-left:2px solid var(--red);padding:4px 0 4px 26px;
  font-family:'Instrument Serif';font-style:italic;font-weight:400;font-size:23px;line-height:1.46;
  color:#39372f;max-width:62ch}
.bl-lead em{font-style:italic;color:var(--red)}

/* sections */
.bl-sec{margin-top:56px;padding-top:54px;border-top:1px solid var(--line-soft);scroll-margin-top:90px}
.bl-sec-head{display:flex;gap:18px;align-items:baseline}
.bl-sec-num{flex:0 0 auto;font-family:'Instrument Serif';font-style:italic;font-weight:400;
  color:var(--red);font-size:30px;line-height:1}
.bl-sec-head h2{font-family:'Instrument Sans';font-weight:500;font-size:29px;letter-spacing:-.025em;
  line-height:1.12;margin:0;color:var(--ink);text-wrap:balance}

/* body text */
.bl-doc p{font-size:17px;color:#2a2926;line-height:1.72;margin:20px 0 0;max-width:68ch}
.bl-doc p strong{font-weight:600;color:var(--ink)}
.bl-doc p em{font-family:'Instrument Serif';font-style:italic;color:#1a1916;font-size:1.02em}
.bl-doc p em.r{color:var(--red)}
.bl-dropcap::first-letter{font-family:'Instrument Serif';font-style:italic;float:left;font-size:76px;
  line-height:.72;padding:9px 14px 0 0;color:var(--red)}

/* Google Local Pack caption tweak reuse .mock-pack from site.css */
.bl-mock{margin-top:30px}
.bl-mock .mp-search{font-size:13.5px;color:var(--ink);background:#fff;border:1px solid var(--line);
  border-radius:22px;padding:10px 18px;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.bl-mock .mp-search .mag{color:#b4b1a9}

/* Whitespark weights table */
.bl-wtable{margin-top:30px;background:#ece9de;border-radius:8px;padding:30px 34px}
.bl-wtable-t{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--red);margin-bottom:18px}
.bl-wt-row{padding:13px 0;border-bottom:1px solid rgba(10,10,10,.08)}
.bl-wt-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.bl-wt-label{font-size:15px;color:#1a1916;font-weight:500;letter-spacing:-.01em}
.bl-wt-pct{flex:0 0 auto;font-family:'Instrument Serif';font-style:italic;color:var(--red);font-size:22px;line-height:1}
.bl-wt-bar{height:3px;background:rgba(200,16,46,.15);border-radius:2px;margin-top:10px;overflow:hidden}
.bl-wt-bar i{display:block;height:100%;background:var(--red);border-radius:2px;width:var(--w);
  transition:width .9s cubic-bezier(.2,.7,.2,1)}
.bl-wt-row.total{border-bottom:none;border-top:2px solid var(--ink);margin-top:8px;padding-top:16px}
.bl-wt-row.total .bl-wt-label{text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}
.bl-wt-row.total .bl-wt-pct{color:var(--ink)}
.bl-wt-row.total .bl-wt-bar{background:rgba(10,10,10,.12)}
.bl-wt-row.total .bl-wt-bar i{background:var(--ink)}
.bl-wt-src{font-family:var(--mono);font-style:italic;font-size:11px;color:#8a877f;margin-top:18px;line-height:1.5}

/* pull quote */
.bl-pull{margin:42px 0 0;padding:34px 0 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.bl-pull .qm{font-family:'Instrument Serif';font-size:50px;color:var(--red);line-height:.4;display:block;height:28px}
.bl-pull p{font-family:'Instrument Serif';font-style:italic;font-size:26px;line-height:1.4;color:#1a1916;
  margin:0 auto;max-width:30ch;letter-spacing:-.01em}

/* steps */
.bl-steps{margin-top:26px}
.bl-step{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line-soft)}
.bl-step:first-child{border-top:none;padding-top:6px}
.bl-step .n{font-family:'Instrument Serif';font-style:italic;font-weight:400;color:var(--red);font-size:36px;line-height:1}
.bl-step h4{font-size:18px;font-weight:600;margin:0;letter-spacing:-.015em;color:var(--ink);line-height:1.3}
.bl-step p{font-size:15.5px;color:var(--muted);line-height:1.6;margin:8px 0 0;max-width:60ch}
.bl-step .test{font-family:'Instrument Serif';font-style:italic;font-size:14px;color:#8a877f;
  margin:12px 0 0;padding-top:11px;border-top:1px dashed var(--line);line-height:1.5;max-width:60ch}

/* mini-cards (ex: « quand faire appel à un pro ») */
.bl-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.bl-mini-card{border:1px solid var(--line);border-radius:8px;padding:22px 24px;background:var(--paper)}
.bl-mini-card h4{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-size:19px;
  letter-spacing:-.01em;margin:0;color:var(--ink);line-height:1.2}
.bl-mini-card p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:11px 0 0}
@media (max-width:760px){ .bl-mini-grid{grid-template-columns:1fr} }

/* timeline (délais) */
.bl-tl{margin-top:28px;position:relative;padding-left:30px}
.bl-tl::before{content:'';position:absolute;left:5px;top:10px;bottom:14px;width:1px;background:var(--line)}
.bl-tl-item{position:relative;padding:13px 0 15px}
.bl-tl-item::before{content:'';position:absolute;left:-29px;top:18px;width:9px;height:9px;border-radius:50%;
  background:var(--red);box-shadow:0 0 0 4px var(--paper)}
.bl-tl-when{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.bl-tl-txt{font-size:15.5px;color:#39372f;line-height:1.6;margin-top:6px;max-width:62ch}

/* comparison table */
.bl-cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.bl-cmp-col{border-radius:8px;padding:24px 26px}
.bl-cmp-col.avoid{background:var(--paper);border:1px solid var(--line)}
.bl-cmp-col.do{background:rgba(200,16,46,.05);border:1px solid rgba(200,16,46,.22)}
.bl-cmp-col h4{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;font-weight:600}
.bl-cmp-col.avoid h4{color:#8a877f}
.bl-cmp-col.do h4{color:var(--red)}
.bl-cmp-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bl-cmp-col li{display:flex;gap:11px;font-size:14.5px;line-height:1.45;color:#39372f;align-items:flex-start}
.bl-cmp-col li .ic{flex:0 0 auto;font-weight:700;line-height:1.4}
.bl-cmp-col.avoid li .ic{color:#b4b1a9}
.bl-cmp-col.do li .ic{color:var(--red)}

/* note block */
.bl-note{margin-top:30px;background:#ece9de;border-left:2px solid #b4b1a9;padding:20px 24px;
  font-size:14.5px;color:#39372f;line-height:1.62;border-radius:0 4px 4px 0}
.bl-note b{color:var(--ink);font-weight:600}

/* sources */
.bl-sources{margin-top:24px;list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}
.bl-src{display:grid;grid-template-columns:30px 1fr;gap:14px;font-size:13.5px;color:#39372f;line-height:1.55}
.bl-src .num{font-family:var(--mono);color:var(--red);font-size:12.5px;padding-top:1px}
.bl-src b{color:var(--ink);font-weight:600}
.bl-src em{font-style:italic;color:var(--muted)}
.bl-src .u{color:var(--red);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px}

/* CTA */
.bl-cta{margin-top:60px;background:var(--paper-2);border-radius:10px;padding:54px 48px;text-align:center}
.bl-cta .eb{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.bl-cta h3{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-size:37px;letter-spacing:-.02em;
  line-height:1.08;margin:16px auto 0;max-width:16ch;color:var(--ink)}
.bl-cta h3 em{font-style:italic;color:var(--red)}
.bl-cta p{font-size:16px;color:var(--muted);max-width:54ch;margin:18px auto 0;line-height:1.55}
.bl-cta .btn-wa{margin-top:28px}
.bl-cta .mail{display:inline-block;margin-top:16px;color:var(--muted);font-size:14px;text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .15s}
.bl-cta .mail:hover{border-color:var(--muted)}

/* related */
.bl-related{margin-top:64px}
.bl-related-t{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.bl-rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}
.bl-rel-card{border-top:2px solid var(--ink);padding-top:18px;text-decoration:none;display:block}
.bl-rel-card .cat{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:600}
.bl-rel-card h3{font-family:'Instrument Sans';font-size:19px;font-weight:600;letter-spacing:-.02em;
  line-height:1.26;margin:11px 0 0;color:var(--ink);transition:color .15s}
.bl-rel-card:hover h3{color:var(--red)}

/* maillage : 1 seule carte → 1 colonne */
.bl-rel-grid.one{grid-template-columns:1fr;max-width:540px}

/* /articles — cartes secondaires (articles publiés hors featured) */
.art-more{margin-top:64px}
.art-more-eb{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:24px}
.art-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.art-more-card{display:block;text-decoration:none;color:inherit;border-top:2px solid var(--ink);padding-top:18px}
.art-more-card .cat{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:600}
.art-more-card .badge{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--red);border:1px solid rgba(200,16,46,.4);border-radius:3px;padding:2px 7px;margin-left:9px}
.art-more-card h3{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-size:25px;letter-spacing:-.015em;
  line-height:1.16;margin:12px 0 0;color:var(--ink);transition:color .15s;max-width:22ch}
.art-more-card:hover h3{color:var(--red)}
.art-more-card .ex{font-size:14.5px;color:var(--muted);line-height:1.5;margin:12px 0 0;max-width:46ch}
.art-more-card .meta{font-family:var(--mono);font-size:11px;color:#9a978f;margin-top:16px;letter-spacing:.02em}
@media (max-width:1080px){ .art-more-grid{grid-template-columns:1fr;gap:36px} }
/* maillage : aucun autre article → CTA discret vers /articles */
.bl-allcta{display:block;text-align:center;margin-top:60px;padding:32px 0;
  border-top:1px solid rgba(200,16,46,.4);border-bottom:1px solid rgba(200,16,46,.4);
  font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--red);text-decoration:none;font-weight:600;transition:background .15s}
.bl-allcta:hover{background:rgba(200,16,46,.045)}

/* ===== /articles index — featured card + à venir ===== */
.art-feat{display:grid;grid-template-columns:1.35fr 1fr;gap:46px;align-items:center;margin-top:46px;
  border:1px solid var(--line);border-radius:12px;padding:42px 46px;text-decoration:none;color:inherit;
  background:var(--paper);transition:border-color .2s,box-shadow .2s,transform .2s}
.art-feat:hover{border-color:rgba(200,16,46,.4);box-shadow:0 16px 50px -28px rgba(10,10,10,.35);transform:translateY(-2px)}
.art-feat .eb{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600}
.art-feat h2{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-size:38px;line-height:1.08;
  letter-spacing:-.02em;margin:16px 0 0;color:var(--ink);max-width:19ch;transition:color .2s}
.art-feat:hover h2{color:var(--red)}
.art-feat .ex{font-size:16px;color:var(--muted);line-height:1.55;margin:16px 0 0;max-width:50ch}
.art-feat .meta{font-family:var(--mono);font-size:11px;color:#9a978f;margin-top:18px;letter-spacing:.02em}
.art-feat .more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--red);font-weight:600;font-size:15px}
.art-feat .more svg{width:15px;height:15px}
.art-feat-mock .mock-pack{background:#faf9f5}

.art-soon{margin-top:72px;padding-top:54px;border-top:1px solid var(--line-soft)}
.art-soon h2{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-size:25px;letter-spacing:-.015em;
  margin:14px 0 0;color:var(--ink)}
.art-soon .lead{font-family:'Instrument Serif';font-style:italic;font-size:17px;color:var(--muted);
  line-height:1.5;margin:12px 0 0;max-width:54ch}
.art-soon-list{margin-top:28px;border-top:1px solid var(--line-soft);max-width:760px}
.art-soon-item{display:flex;gap:16px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--line-soft)}
.art-soon-item .idx{font-family:var(--mono);font-size:11px;color:var(--red);flex:0 0 auto;padding-top:2px}
.art-soon-item .ti{font-size:15px;color:#39372f;line-height:1.45;letter-spacing:-.005em}

@media (max-width:760px){
  .art-feat{grid-template-columns:1fr;gap:30px;padding:32px 28px}
  .art-feat h2{font-size:30px}
}

@media (max-width:720px){
  .bl-title{font-size:38px}
  .bl-metagrid{grid-template-columns:1fr 1fr}
  .bl-mc:nth-child(3){border-left:none;padding-left:0}
  .bl-mc{border-bottom:1px solid var(--line-soft)}
  .bl-cmp{grid-template-columns:1fr}
  .bl-rel-grid{grid-template-columns:1fr;gap:0}
  .bl-rel-card{margin-top:24px}
  .bl-cta{padding:44px 28px}
}

/* ===== PILLAR CONTENT (sommaire collant + composants) ===== */
.bl-layout{display:grid;grid-template-columns:228px minmax(0,720px);gap:60px;align-items:start;justify-content:center}
.bl-toc{position:sticky;top:104px}
.bl-toc-toggle{display:none}
.bl-toc-title{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.bl-toc-list{list-style:none;margin:0;padding:0}
.bl-toc-list a{display:block;padding:8px 0 8px 15px;border-left:1px solid var(--line-soft);font-size:13px;
  color:var(--muted);text-decoration:none;line-height:1.4;transition:color .15s,border-color .15s}
.bl-toc-list a:hover{color:var(--red)}
.bl-toc-list a.active{color:var(--ink);border-color:var(--red);font-weight:500}
.bl-toc-list a .tn{font-family:var(--mono);font-size:10px;color:var(--red);margin-right:8px}

.bl-statcard{background:#ece9de;border-radius:8px;padding:30px 34px;margin-top:30px}
.bl-statcard .t{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--red)}
.bl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 22px;margin-top:22px}
.bl-stat .n{font-family:'Instrument Serif';font-style:italic;color:var(--red);font-size:32px;line-height:1}
.bl-stat .l{font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.35}
.bl-statcard .src{font-family:var(--mono);font-style:italic;font-size:11px;color:#8a877f;margin-top:22px;line-height:1.5}

.bl-pillars{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.bl-pillar-card{background:#ece9de;border-radius:8px;padding:26px 28px;display:flex;flex-direction:column}
.bl-pillar-card .n{font-family:'Instrument Serif';font-style:italic;color:var(--red);font-size:30px;line-height:1}
.bl-pillar-card h4{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-size:21px;letter-spacing:-.01em;margin:10px 0 0;color:var(--ink)}
.bl-pillar-card p{font-size:14px;color:var(--muted);line-height:1.55;margin:10px 0 0;flex:1}
.bl-pillar-card a{margin-top:14px;color:var(--red);font-weight:600;font-size:13.5px;text-decoration:none;
  border-bottom:1px solid transparent;align-self:flex-start;transition:border-color .15s}
.bl-pillar-card a:hover{border-color:var(--red)}

.bl-points{margin-top:22px}
.bl-point{padding:18px 0;border-top:1px solid var(--line-soft)}
.bl-point:first-child{border-top:none}
.bl-point h4{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-size:19px;letter-spacing:-.01em;margin:0;color:var(--ink)}
.bl-point p{font-size:15px;color:var(--muted);line-height:1.6;margin:8px 0 0;max-width:64ch}

.bl-table-card{background:#ece9de;border-radius:8px;padding:28px 30px;margin-top:30px;overflow-x:auto}
.bl-table-card .t{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:18px}
.bl-table2{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.bl-table2 th{text-align:left;font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted);padding:0 14px 10px 0;border-bottom:1.5px solid var(--ink);white-space:nowrap}
.bl-table2 td{padding:12px 14px 12px 0;border-bottom:1px solid rgba(10,10,10,.09);color:#39372f;vertical-align:top;line-height:1.4}
.bl-table2 tr:last-child td{border-bottom:none}
.bl-table2 td:first-child{font-weight:600;color:var(--ink)}
.bl-table2 .star{color:var(--red);white-space:nowrap;letter-spacing:1px}
.bl-table-card .src{font-family:var(--mono);font-style:italic;font-size:11px;color:#8a877f;margin-top:16px;line-height:1.5}

.bl-calc{background:#ece9de;border-radius:8px;padding:30px 34px;margin-top:26px}
.bl-calc .cl{font-size:15.5px;color:#39372f;line-height:1.9;margin:0}
.bl-calc .cl b{color:var(--ink);font-weight:600}
.bl-calc .res{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
  font-family:'Instrument Serif';font-style:italic;font-size:21px;color:var(--red);line-height:1.3}

.bl-check-wk{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-weight:600;margin:26px 0 2px}
.bl-check-item{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid var(--line-soft);
  font-size:15px;color:#39372f;line-height:1.45;cursor:pointer;align-items:flex-start}
.bl-check-item .box{flex:0 0 auto;width:17px;height:17px;border:1.5px solid var(--red);border-radius:4px;
  margin-top:2px;display:flex;align-items:center;justify-content:center;transition:background .15s}
.bl-check-item .box svg{width:11px;height:11px;opacity:0;color:#fff;transition:opacity .15s}
.bl-check-item.done .box{background:var(--red)}
.bl-check-item.done .box svg{opacity:1}
.bl-check-item.done span{color:#9a978f;text-decoration:line-through;text-decoration-color:rgba(10,10,10,.25)}

@media (max-width:1024px){
  .bl-layout{grid-template-columns:1fr;gap:0}
  .bl-toc{position:static;margin-bottom:34px;border:1px solid var(--line);border-radius:8px;padding:14px 20px}
  .bl-toc-title{display:none}
  .bl-toc-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;
    font:inherit;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);padding:0}
  .bl-toc-toggle .chev{transition:transform .25s}
  .bl-toc.open .bl-toc-toggle .chev{transform:rotate(180deg)}
  .bl-toc-list{max-height:0;overflow:hidden;transition:max-height .3s ease}
  .bl-toc.open .bl-toc-list{max-height:680px;margin-top:14px}
}
@media (max-width:760px){
  .bl-stats{grid-template-columns:1fr 1fr}
  .bl-pillars{grid-template-columns:1fr}
}

/* blocs de code */
.bl-code{position:relative;background:#16160f;border-radius:8px;margin-top:22px;overflow:hidden}
.bl-code .bl-code-bar{display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;border-bottom:1px solid rgba(247,246,241,.1)}
.bl-code .bl-code-lang{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#c8c4b4}
.bl-code .bl-copy{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  background:none;border:1px solid rgba(247,246,241,.22);color:#c8c4b4;border-radius:4px;padding:4px 10px;cursor:pointer;transition:background .15s,color .15s}
.bl-code .bl-copy:hover{background:rgba(247,246,241,.1);color:#fff}
.bl-code .bl-copy.copied{color:#7fd18a;border-color:#7fd18a}
.bl-code pre{margin:0;padding:18px 20px;overflow-x:auto}
.bl-code code{font-family:var(--mono);font-size:12.5px;line-height:1.7;color:#e8e5d8;white-space:pre;display:block}
.bl-code .cm{color:#8a8770}
.bl-code .kw{color:#e0916f}
.bl-code .st{color:#9fc08a}
.bl-code-cap{font-size:12.5px;color:#9a978f;font-style:italic;margin-top:10px;line-height:1.5;max-width:64ch}

/* encadré avertissement (pratiques interdites) */
.bl-warn{margin-top:30px;background:rgba(200,16,46,.05);border:1px solid rgba(200,16,46,.25);
  border-left:3px solid var(--red);border-radius:0 8px 8px 0;padding:24px 28px}
.bl-warn .wt{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:15px}
.bl-warn ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.bl-warn li{position:relative;padding-left:24px;font-size:14.5px;color:#39372f;line-height:1.5}
.bl-warn li::before{content:'✕';position:absolute;left:0;top:0;color:var(--red);font-weight:700}
.bl-warn li b{color:var(--ink);font-weight:600}

/* liste à coches rouges */
.bl-checks{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.bl-checks li{position:relative;padding-left:26px;font-size:15px;color:#39372f;line-height:1.5}
.bl-checks li::before{content:'✓';position:absolute;left:0;top:0;color:var(--red);font-weight:700}
.bl-point .force{color:#1f8a4c;font-weight:600}
.bl-point .piege{color:var(--red);font-weight:600}
.bl-point .budget{font-family:'Instrument Serif';font-style:italic;color:var(--red);font-size:18px}
.bl-point .peb{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:600;display:block;margin-bottom:4px}


/* =================== BREAKPOINT ARTICLES UNIFIÉ (1080px) =================== */
@media (max-width:1080px){
  .art-feat{grid-template-columns:1fr !important}
  .art-more-grid{grid-template-columns:1fr !important}
}