:root {
  --sidebar-width: 300px;
}

.fd-sidebar {
  grid-area: sidebar;
  width: 100%;
  background: var(--body-bg-color);

  --fc-nav-anchor-color-link: var(--high-emphasis-text-color);
}

@media (min-width: 992px) {
  .fd-sidebar {
    position: sticky;
    top: 76px;
    height: calc(100vh - (var(--navbar-height) + var(--footer-height)));
    max-height: calc(100vh - (var(--navbar-height) + var(--footer-height)));
    border-right: 1px solid var(--ui-border-02);
    overflow-y: auto;
  }
}

.fd-sidebar-details {
  > summary {
    width: 100%;
    list-style: none;

    &::marker {
      display: none;
    }
  }
}

:root {
  --details-force-closed: (max-width: 992px);
}

@media (min-width: 992px) {
  .fd-sidebar-details > summary {
    display: none;
  }
}