:root {
  --toc-width: 295px;
  --toc-padding: 17px;
}

.toc {
  margin-left: calc(-1 * (var(--toc-width) + var(--toc-padding)));
  width: var(--toc-width);

  @media (max-width: 1230px) {
      position: relative;
      width: 100%;
      padding: 32px 0;
      margin-left: 0;
      top: 0;
  }

  ul {
    padding-inline-start: 1rem;
    padding-left: 1rem;
    list-style: decimal;
  }
}