/* ===================================================================
   Silex · version C — couche ajoutée APRÈS silex.css, silex-couleurs.css et silex-v3.css.
   Ne touche que : la section « Ce qui bloque » (.bc) et la bande
   « conviction » (.mc). Utilise les jetons déjà présents dans le site.
   =================================================================== */
/* --- « Ce qui bloque » --- */
.bc__g {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: center;
}
.bc ul {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
}
.bc li {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  padding: 22px 0;
  border-top: 1px solid var(--line);
}
.bc li:last-child {
  border-bottom: 1px solid var(--line);
}
.bc__ix {
  font-weight: 800;
  font-size: 1.05rem;
  color: var(--acc-btn);
  font-variant-numeric: tabular-nums;
  padding-top: 2px;
}
.bc h3 {
  margin: 0;
}
.bc li p {
  margin: 4px 0 0;
}
/* --- bande « conviction » (sur fond nuit du site, .s--dk) --- */
.mc {
  padding-block: 112px;
  text-align: center;
}
.mc .kick {
  display: inline-block;
}
.mc blockquote {
  margin: 22px auto 0;
  max-width: 980px;
}
.mc blockquote p {
  margin: 0;
  font-weight: 800;
  font-size: clamp(1.9rem, 4vw, 3.3rem);
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: #fff;
  text-wrap: balance;
}
.mc blockquote span {
  color: var(--acc2);
}
.mc__u {
  position: relative;
  white-space: nowrap;
}
.mc__u svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.16em;
  width: 100%;
  height: 0.28em;
  overflow: visible;
}
@media (max-width: 980px) {
  .bc__g {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .mc {
    padding-block: 72px;
  }
  .mc__u {
    white-space: normal;
  }
}