/* Essai des illustrations dans Avant de venir. */
#avant-seance .session-preparation__drawing {
  display: block;
  width: 128px;
  height: 112px;
  margin-inline: auto;
  overflow: hidden;
  mix-blend-mode: multiply;
}

/* Fond de la carte Sur futon ou sur table. */
#avant-seance.session-preparation {
  padding-bottom: 40px;
}
#avant-seance .session-preparation__arrival {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  #avant-seance .session-preparation__arrival-continuation {
    display: block;
  }
}

#avant-seance .session-preparation__grid #supports {
  background: linear-gradient(135deg, #fff3ef 0%, #fbe0d3 100%);
}

/* Blocs déplacés sans réécriture depuis les accueils Particuliers. */
.session-moved-content :is(#pour-qui, #frequence) {
  --namido-type-body: calc(16px + var(--namido-reading-offset, 0px));
  --namido-type-intro: calc(16px + var(--namido-reading-offset, 0px));
  --namido-type-quote: calc(16px + var(--namido-reading-offset, 0px));
  color: #4b5563;
  padding-top: 2rem;
}
.session-moved-content :is(#pour-qui, #frequence) :is(p, dd, li, summary) {
  font-size: var(--namido-type-body) !important;
}
.session-moved-content #pour-qui > :is(.np2-eyebrow, h2) { text-align: center; }
.session-moved-content #pour-qui > .np2-eyebrow,
.session-moved-content #frequence > div:first-child > p:first-child { margin: 0; }
.session-moved-content #pour-qui > h2,
.session-moved-content #frequence > div:first-child > h2 { margin-top: .75rem; }
@media (max-width: 767px) {
  .session-moved-content :is(#pour-qui, #frequence) { padding-top: 1.5rem; }
  .session-page--practical > section:first-child,
  .session-page--practical :is(#pour-qui, #duree-seance, #frequence, #avant-seance) {
    padding-bottom: 40px;
  }
}

/* Retrait supérieur des quatre encarts, aligné sur les présentations validées. */
.session-page--practical > section:first-child,
.session-page--practical :is(#duree-seance, #avant-seance, .session-timeline) {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .session-page--practical > section:first-child,
  .session-page--practical :is(#duree-seance, #avant-seance, .session-timeline) {
    padding-top: 2rem;
  }
}
@media (min-width: 1024px) {
  /* Même départ que les bandeaux d’accueil général et Particuliers. */
  .session-page--practical > section:first-child { padding-top: 2.5rem; }
}