/* Blog EDEL — feuille dédiée, volontairement courte.
   Les articles reprennent l'ossature du catalogue (cat-bar, cat-fil,
   cat-footer) ; on n'ajoute ici que ce qui est propre au texte long. */
.bl-art{max-width:760px;margin:0 auto;padding:0 4px}
.bl-art h1{font-size:34px;line-height:1.25;color:#0c1045;margin:14px 0 12px}
.bl-lede{font-size:19px;line-height:1.7;color:#43465c;margin:0 0 18px}
.bl-meta{color:#8d8d90;font-size:14px;border-bottom:1px solid #e7e7ec;
  padding-bottom:16px;margin-bottom:26px}
.bl-art h2{font-size:23px;color:#0c1045;margin:38px 0 12px;line-height:1.35}
.bl-art p{font-size:16.5px;line-height:1.8;color:#3d4050;margin:0 0 15px}
.bl-art ul{margin:0 0 16px;padding-left:22px}
.bl-art li{font-size:16.5px;line-height:1.8;color:#3d4050;margin-bottom:9px}
.bl-art code{background:#f2f2f7;border-radius:3px;padding:1px 6px;
  font-size:15px;color:#0c1045}
.bl-art strong{color:#1b1e35}
.bl-photo{margin:0 0 30px}
.bl-photo img{width:100%;height:auto;border-radius:5px;display:block}
.bl-photo figcaption{color:#8d8d90;font-size:14px;line-height:1.55;
  margin-top:9px;font-style:italic}
/* Tableau comparatif. Il déborde sur téléphone : on le rend défilable
   horizontalement plutôt que de réduire le texte jusqu'à l'illisible. */
.bl-tab{overflow-x:auto;margin:0 0 20px}
.bl-tab table{border-collapse:collapse;width:100%;min-width:480px;
  font-size:15.5px}
.bl-tab th,.bl-tab td{border:1px solid #e7e7ec;padding:10px 13px;
  text-align:left;line-height:1.55;vertical-align:top}
.bl-tab thead th{background:#0c1045;color:#fff;font-weight:700;
  font-size:15px}
.bl-tab tbody th{background:#fbfaf4;color:#0c1045;font-weight:600;
  white-space:nowrap}
.bl-tab td{color:#3d4050}
.bl-avert{background:#fff6f4;border-left:4px solid #c0392b;padding:18px 22px;
  border-radius:4px;margin:0 0 30px}
.bl-avert p{margin:0;font-size:15.5px;color:#7a2f24}
.bl-retenir{background:#fbfaf4;border-left:4px solid #c9a227;
  padding:20px 24px;border-radius:4px;margin:38px 0 8px}
.bl-retenir h2{margin:0 0 12px;font-size:19px}
.bl-retenir ul{margin:0;padding-left:20px}
.bl-retenir li{font-size:15.5px;margin-bottom:8px}
.bl-refs{margin:34px 0 0}
.bl-refs h2{font-size:19px;margin-bottom:12px}
.bl-refs ul{list-style:none;padding:0;margin:0}
.bl-refs li{margin-bottom:7px;font-size:15.5px}
.bl-refs a{color:#0c1045;text-decoration:none;font-weight:600}
.bl-refs a:hover{text-decoration:underline}
.bl-refs .r{color:#8d8d90;font-weight:400;font-size:14px}
.bl-cta{background:#0c1045;border-radius:5px;padding:26px 28px;margin:36px 0 0;
  text-align:center}
.bl-cta p{color:#d7d9e8;margin:0 0 16px;font-size:16px;line-height:1.7}
.bl-cta a{display:inline-block;background:#25D366;color:#fff;font-weight:700;
  padding:13px 26px;border-radius:4px;text-decoration:none;font-size:16px}
.bl-suite{margin:34px 0 0;border-top:1px solid #e7e7ec;padding-top:22px}
.bl-suite h2{font-size:18px;margin:0 0 10px}
.bl-suite a{color:#0c1045;font-weight:600;text-decoration:none}
.bl-suite a:hover{text-decoration:underline}

/* Hub */
.bl-liste{list-style:none;padding:0;margin:26px 0 0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px}
.bl-carte{border:1px solid #e7e7ec;border-radius:6px;overflow:hidden;
  background:#fff;display:flex;flex-direction:column}
.bl-carte img{width:100%;height:158px;object-fit:cover;display:block}
.bl-carte .corps{padding:18px 20px 20px;display:flex;flex-direction:column;
  flex:1}
.bl-carte h2{font-size:18.5px;line-height:1.4;margin:0 0 9px}
.bl-carte h2 a{color:#0c1045;text-decoration:none}
.bl-carte h2 a:hover{text-decoration:underline}
.bl-carte p{font-size:15px;line-height:1.65;color:#55586b;margin:0 0 14px;
  flex:1}
.bl-carte .duree{color:#8d8d90;font-size:13.5px}
@media(max-width:600px){.bl-art h1{font-size:27px}.bl-lede{font-size:17px}}