.summary-container {
  border-radius: 24px;
  position: sticky;
  top: var(--header-scroll-height);
  font-size: var(--wp--preset--font-size--x-small);
  overflow: hidden;
  max-height: calc(100svh - var(--header-scroll-height));
}

.summary {
  max-height: calc(100svh - var(--header-scroll-height) - 8px);
  overflow: scroll;
  overflow: overlay;
  padding: var(--wp--preset--spacing--50);
  padding-bottom: var(--wp--preset--spacing--20);
  background-color: var(--wp--preset--color--custom-vert);
  font-family: var(--wp--preset--font-family--gabarito);
}

.summary * {
  color: white !important;
}

.summary-title {
  font-size: var(--wp--preset--font-size--small);
  margin-top: 0;
  margin-bottom: 0 !important;
  color: var(--wp--preset--color--custom-bleu-fonc);
  position: sticky;
  top: 0;
  z-index: 10;
}

.summary ol {
  counter-reset: item;
  list-style-type: none;
}

.summary a {
  text-decoration: none;
  color: var(--wp--preset--color--custom-bleu-fonc);
  transition: color 0.3s ease-in-out;
}

.summary a:hover {
  color: var(--wp--preset--color--custom-bleu-clair);
}

.summary strong {
  font-weight: 500;
}

.summary ol > li {
  counter-increment: item;
  margin: var(--wp--preset--spacing--30) 0;
}

.summary ol > li::before {
  content: counters(item, ".") " - ";
}

.summary > ol {
  padding-left: 0;
  margin-top: var(--wp--preset--spacing--40);
  margin-bottom: var(--wp--preset--spacing--40);
  font-weight: 500;
}

.summary > ol ol {
  padding-left: var(--wp--preset--spacing--40);
  font-weight: 300;
}

.summary li::before {
  color: var(--wp--preset--color--custom-bleu-fonc);
  font-weight: 500;
}

.summary mark {
  display: none;
}