@media (max-width: 1400px) {
  #releases-container {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 999;
    width: 30rem;
    max-width: 80%;
    height: 100%;
    overflow-y: auto;
    border: 1px solid var(--border-color-main);
    box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    transition: left 0.7s ease;
  }

  #releases-container.open {
    left: 0;
  }

  #releases-toggle {
    display: block !important;
  }

  #releases-close-btn {
    display: block;
  }

  #doc-container header {
    justify-content: space-between;
  }
}

@media (max-width: 992px) {
  #toc-container {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 998;
    width: 0;
    max-width: 80%;
    padding: 2rem 0.3rem;
    border-left: 1px solid var(--border-color-main-darker);
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
  }

  #toc-container.open {
    width: 20rem;
    padding: 2rem 1rem;
  }
}


@media (max-width: 576px) {
  #funding {
    display: none;
  }
  #copyright p span {
    display: none;
  }
  #doc-content-scroll {
    padding: 1rem 2rem;
  }
  #toc-toggle:hover {
    border: 1px solid var(--primary-color-darker);
    color: white;
    background-color: var(--primary-color);
  }
}