details:has(#TableOfContents) {
  grid-column: main-start / main-end;

  summary {
    font-family: var(--font-family-heading);
    font-size: var(--text-m);

    &::before {
        content: "+ ";
        font-weight: bold;
    }

    &::-webkit-details-marker {
        display: none;
    }
  }

  &[open] {
    summary::before {
      content: "- ";
    }
  }

  #TableOfContents {
    > ul {
      padding-inline-start: 2ch; /*var(--space-m);*/
      margin-block: 0;
    }

    ul {
        list-style-type: none;
    }
  }
}