#user-guide-nav {
  top: 128px;
  font-size: .8rem;
  z-index: 4;
  margin-bottom: 0!important;
}


#user-guide-links {
  max-height: 40vh;
  overflow-y: scroll;
}

.user-guide {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media screen and (max-width: 768px) {
  .user-guide {
    margin-top: 0;
  }
}


.user-guide-step {
  margin-bottom: 16px;
}

.user-guide h2 {
  margin-bottom: 16px;
}

.img-fluid {
  margin-bottom: 32px;
}

.list-group-sub a {
  padding-left: 10%;
}

.list-group-header {
  font-size: 1rem;
  font-weight: bold;
}

.rotate-trigger img {
  transition: transform 0.3s ease;
  height: 16px;
  width: 16px;
}

.rotate-trigger img.rotated {
  transform: rotate(180deg);
}

.rotate-trigger[aria-expanded="false"] .collapse-icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.rotate-trigger[aria-expanded="true"] .collapse-icon {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}