/* GÉNÉRÉ par tools/compat.py — ne pas modifier à la main. */
.e-con.actu { background: #fff; padding: 40px 0 120px; }
.e-con.cp { background: #fff; padding: 24px 0 40px; }
.e-con.cp { background: #fff; padding: 76px 0 64px; }
.e-con.cp-narrow { max-width: 1080px; }
.e-con.cp-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 56px; align-items: center; }
.e-con.cp-access { position: relative; display: flex; flex-direction: column; background: linear-gradient(155deg, #003a70 0%, #005098 55%, #1a6db0 100%); color: #fff; border-radius: 26px; padding: 32px 32px 30px; overflow: hidden; box-shadow: 0 40px 80px -38px rgba(0,58,112,.6); transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease; }
.e-con.cp-access::before { content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(105,187,187,.4), transparent 70%); pointer-events: none; }
.e-con.cp-access:hover { transform: translateY(-5px); box-shadow: 0 48px 90px -36px rgba(0,58,112,.7); }
.e-con.cp-uses { background: var(--hy-blue-tint); padding: 72px 0; }
.e-con.cp-uses__inner { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 52px; align-items: center; }
.e-con.cp-reco-sec { background: #fff; }
.e-con.cp-reco-head { text-align: center; max-width: 760px; margin: 0 auto 44px; }
@media (max-width: 880px) {
  .e-con.cp-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 880px) {
  .e-con.cp-uses__inner { grid-template-columns: 1fr; gap: 28px; }
}
.e-con.rap { background: #fff; padding: 24px 0 40px; }
.e-con.acte { background: #fff; padding: 24px 0 40px; }