/* Même largeur de contenu et même famille de caractères que le site. */
.ml-mockup .stg-hero__wrap,
.ml-mockup .stage-container,
.ml-mockup .stage-period-nav {
  box-sizing: border-box;
  width: min(100% - 72px, 1200px);
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
.ml-mockup .stg-hero,
.ml-mockup .stage-section,
.ml-mockup .stage-programme-dialog,
.ml-mockup .stage-period-nav,
.ml-mockup .stage-button,
.ml-mockup .finder__select,
.ml-mockup .finder__submit,
.ml-mockup .stage-programme-close {
  font-family: "Onest", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ml-mockup .stg-hero h1,
.ml-mockup .stage-section h2,
.ml-mockup .stage-section h3,
.ml-mockup .toussaint-note,
.ml-mockup .stage-student > p { font-family: inherit; }
@media (max-width: 1180px) {
  .ml-mockup .stg-hero__wrap,
  .ml-mockup .stage-container,
  .ml-mockup .stage-period-nav { width: min(100% - 44px, 960px); }
}
@media (max-width: 760px) {
  .ml-mockup .stg-hero__wrap,
  .ml-mockup .stage-container,
  .ml-mockup .stage-period-nav { width: 90%; }
}