/* GÉNÉRÉ par tools/compat.py — ne pas modifier à la main. */
.e-con.riv-hero__grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 56px; align-items: center; }
.e-con.riv-hero__photo { margin: 0; border-radius: 24px; overflow: hidden; aspect-ratio: 4/3; box-shadow: 0 30px 60px -30px rgba(0,58,112,.35); }
.e-con.riv-decision__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px 48px; margin-top: 32px; }
.e-con.riv-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 48px; }
.e-con.riv-card { position: relative; background: #fff; border: 1px solid var(--hy-line); border-radius: 22px; padding: 30px 26px; transition: all .3s ease; }
.e-con.riv-card:hover { transform: translateY(-5px); border-color: var(--hy-blue); box-shadow: 0 30px 56px -30px rgba(0,80,152,.32); }
.e-con.riv-compare { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 44px; }
.e-con.riv-compare__col { border-radius: 22px; padding: 30px 30px 34px; }
.e-con.riv-compare__col--do { background: #fff; border: 1px solid var(--hy-line); }
.e-con.riv-compare__col--keep { background: var(--hy-green-tint); border: 1px solid var(--hy-green-soft); }
.e-con.riv-meander { margin-top: 80px; }
.e-con.riv-meander__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 44px; align-items: start; }
.e-con.riv-timeline { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; margin-top: 8px; }
.e-con.riv-timeline__item { position: relative; z-index: 1; padding-top: 54px; }
.e-con.riv-berges { margin-top:48px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;background:#fff;border:1px solid var(--hy-line);border-radius:22px;padding:32px 34px;max-width:880px }
@media (max-width:700px) {
  .e-con.riv-berges { grid-template-columns:1fr;padding:26px 22px }
}
@media (max-width: 1100px) {
  .e-con.riv-hero__grid { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 1100px) {
  .e-con.riv-decision__grid { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  .e-con.riv-compare { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  .e-con.riv-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .e-con.riv-meander__grid { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  .e-con.riv-timeline { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .e-con.riv-cards { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .e-con.riv-timeline { grid-template-columns: 1fr; gap: 32px; }
}
.e-con.gem-tip--full { max-width:none }
.e-con.riv-ba { position:relative;margin:0;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--hy-paper);border:1px solid var(--hy-line);cursor:ew-resize;user-select:none;touch-action:pan-y }
.e-con.riv-ba__before { position:absolute;inset:0 }