/**
 * Layout primitives shared by custom pages.
 */
.vs-container {
  width: min(var(--vs-container), calc(100% - (var(--vs-page-x) * 2)));
  margin-inline: auto;
}

.vs-container--wide {
  width: min(var(--vs-container-wide), calc(100% - (var(--vs-page-x) * 2)));
  margin-inline: auto;
}

.vs-section {
  position: relative;
  overflow: hidden;
  padding: var(--vs-space-section) var(--vs-page-x);
  background: var(--vs-color-white);
}

.vs-section--soft {
  background: var(--vs-blue-section);
}

.vs-section__head {
  max-width: 760px;
  margin: 0 auto var(--vs-space-6);
  text-align: center;
}

.vs-section__sub {
  max-width: 620px;
  margin: 18px auto 0;
}

@media (max-width: 720px) {
  .vs-section__head {
    margin-bottom: 34px;
    text-align: left;
  }
}

/* TEST TEMPORAIRE — vérifier le calcul de largeur mobile */
.vs-container {
  width: min(var(--vs-container), 100%);
}