/* Problémos V18 : numérotation des étapes, sans chevauchement */
.section-body ol.article-steps {
  list-style: none;
  margin: 18px 0 24px;
  padding: 0;
  display: grid;
  gap: 12px;
  counter-reset: prb18step;
}
.section-body ol.article-steps > li {
  counter-increment: prb18step;
  position: relative;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 17px 20px 17px 76px;
  min-height: 66px;
  border: 1px solid #e9dff4;
  border-radius: 16px;
  background: #fbf9ff;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.section-body ol.article-steps > li::before {
  content: counter(prb18step);
  position: absolute;
  left: 20px;
  top: 17px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #eee2ff;
  color: #6030b8;
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
}
.section-body ol.article-steps > li strong {font-weight: 800;}
.section-card--safety .section-body ol.article-steps > li {background:#fffcf5;border-color:#efd8a6;}
.section-card--safety .section-body ol.article-steps > li::before {background:#ffe9c2;color:#855310;}
@media(max-width:600px){
  .section-body ol.article-steps{gap:10px;margin:14px 0 18px;}
  .section-body ol.article-steps > li{padding:14px 14px 14px 62px;min-height:56px;font-size:15px;}
  .section-body ol.article-steps > li::before{left:14px;top:14px;width:30px;height:30px;}
}
@media print{.section-body ol.article-steps > li{break-inside:avoid;background:#fff;}}