/* Carrousels : chroniques et interventions */
.ch-wrap{min-width:0}
.is-carousel{display:grid !important;grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:calc((100% - 22px) / 2);gap:22px !important;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  padding:4px 4px 6px;margin:-4px -4px -6px;scroll-padding-inline:4px}
.is-carousel::-webkit-scrollbar{display:none}
.is-carousel>*{scroll-snap-align:start}
.iv-cards.is-carousel{grid-auto-columns:calc((100% - 56px) / 3);gap:28px !important;margin-top:10px}
.ch-nav{display:flex;align-items:center;gap:14px;margin-top:22px}
.ch-nav[hidden]{display:none}
.ch-arrow{flex:none;width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:transparent;color:#fff;cursor:pointer;
  display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s,transform .35s var(--bounce),opacity .25s}
.ch-arrow:hover:not(:disabled){background:#fff;color:var(--blue);border-color:#fff;transform:scale(1.08)}
.ch-arrow:disabled{opacity:.3;cursor:default}
.ch-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ch-track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden;position:relative}
.ch-thumb{position:absolute;top:0;bottom:0;left:0;border-radius:3px;background:linear-gradient(90deg,#7F8CFF,#fff);transition:left .25s var(--ease),width .25s var(--ease)}
.ch-count{flex:none;font-weight:700;font-size:14px;color:#AEB8FF;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}
/* version claire (interventions) */
.ch-nav.light{margin-top:30px}
.ch-nav.light .ch-arrow{border-color:var(--ink);color:var(--ink)}
.ch-nav.light .ch-arrow:hover:not(:disabled){background:var(--red);border-color:var(--red);color:#fff}
.ch-nav.light .ch-arrow:focus-visible{outline-color:var(--ink)}
.ch-nav.light .ch-track{background:rgba(21,19,26,.1)}
.ch-nav.light .ch-thumb{background:linear-gradient(90deg,#FF9AA6,var(--red))}
.ch-nav.light .ch-count{color:var(--grey)}
@media (max-width:1100px){.iv-cards.is-carousel{grid-auto-columns:calc((100% - 28px) / 2)}}
@media (max-width:640px){
  .is-carousel,.iv-cards.is-carousel{grid-auto-columns:86%;gap:16px !important}
  .ch-arrow{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){.is-carousel{scroll-behavior:auto}}
