:root {
  --block-spacing: 1.5rem;
}

.dsfr-doc-preview {
  padding: 1rem;
  border: 1px solid var(--border-default-grey);
  margin-bottom: 2rem;
}

.content-editorial {
  margin-bottom: var(--block-spacing);

  img {
    max-width: 100%;
    height: auto;
  }

  dl,
  ol,
  ul {
    margin-block-end: var(--block-spacing);

    dl,
    ol,
    ul {
      margin-block-end: var(--xl-block);
    }
  }

  .fr-breadcrumb__list {
    margin-bottom: 0;
  }

  :not(.fr-callout) > p {
    & + {
      dl,
      ol,
      ul {
        margin-top: -1rem;
      }
    }
  }

  .fr-accordion {
    margin-bottom: var(--block-spacing);

    & + .fr-accordion {
      margin-top: calc(var(--block-spacing) * -1);
    }
  }

  pre code.hljs {
    border-radius: 0;
  }
}

.fr-summary ol {
  margin-bottom: 0;
}

.fr-breadcrumb {
  margin-top: 0;
  @media (min-width: 48em) {
    margin-top: 1rem;
  }
}

.fr-sidemenu {

  &__title {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    border: 0;
    display: block;
  }

  .fr-sidemenu__inner {
    @media (min-width: 48em) {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  }

  div:not(.fr-collapse) {
    .fr-sidemenu__list {
      .fr-sidemenu__item {
        &::before {
          box-shadow: inset 0 -1px 0 0 var(--border-default-grey);
        }

        &:last-child::before {
          box-shadow: none;
        }
      }
    }
  }
}
