/* custom.css */
.content {
  overflow: auto;
}
body:not(.ready) {
  overflow: auto;
}

/* If sidebar also not scrolling, add these: */
.sidebar {
  overflow-y: auto;
  max-height: calc(100vh - 60px); /* Adjust based on your header height */
}

/* Make sidebar headers show a pointer and small indicator */
.sidebar-toggle {
  cursor: pointer;
  position: relative;
  padding-right: 12px;
}

/* simple arrow indicator on the right of the header */
.sidebar-toggle::after {
  content: "▸";
  position: absolute;
  right: 0;
  transform: rotate(0deg);
  transition: transform .15s ease;
  font-size: .9em;
  opacity: .8;
}

/* rotate arrow when the nested list is visible */
.sidebar-nav li > ul[style*="display: block"] ~ /* no-op to keep selector valid */ .sidebar-toggle::after {
  transform: rotate(90deg);
}

/* smoother show/hide */
.sidebar-nav ul {
  transition: max-height .18s ease, opacity .12s ease;
  overflow: hidden;
}