/* Correctifs de mise en page chargés après la feuille historique du thème. */
.jsj-home { width: 100%; margin: 0; }
.jsj-hero { box-sizing: border-box; padding-right: 1.5rem; padding-left: 1.5rem; }
.jsj-hero > .wp-block-group__inner-container,
.jsj-about > .wp-block-group__inner-container,
.jsj-timeline > .wp-block-group__inner-container {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
}

.jsj-about > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.jsj-about:not(:has(.wp-block-image)) > .wp-block-group__inner-container::before {
  content: "Ajouter un portrait";
  display: grid;
  min-height: 36rem;
  place-items: center;
  color: var(--jsj-muted);
  background: #141414;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.jsj-about-copy {
  box-sizing: border-box;
  padding: clamp(3rem, 7vw, 8rem);
}

.jsj-about-copy > .wp-block-group__inner-container {
  display: flex;
  width: 100% !important;
  max-width: none !important;
  flex-direction: column;
  align-items: flex-start;
}

.jsj-about-copy .jsj-kicker { margin: 0 0 1.5rem !important; }
.jsj-about h2 {
  margin: 0 0 2rem !important;
  padding: 0 !important;
  clear: none !important;
  font-size: clamp(3rem, 4.5vw, 5.6rem) !important;
  line-height: .92 !important;
}
.jsj-about-copy p { margin: 0 0 1.35rem !important; }

.jsj-timeline > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 760px) {
  .jsj-hero > .wp-block-group__inner-container,
  .jsj-about > .wp-block-group__inner-container,
  .jsj-timeline > .wp-block-group__inner-container { width: 100% !important; }
  .jsj-about > .wp-block-group__inner-container { grid-template-columns: 1fr; }
  .jsj-about:not(:has(.wp-block-image)) > .wp-block-group__inner-container::before { min-height: 25rem; }
  .jsj-timeline > .wp-block-group__inner-container { grid-template-columns: 1fr 1fr; }
}