#tree-output .tree-node summary,
#tree-output .tree-leaf {
  min-height: 0;
  padding: 5px 9px;
}

#tree-output .tree-node summary {
  gap: 7px;
  list-style: none;
}

#tree-output .tree-node summary::-webkit-details-marker {
  display: none;
}

#tree-output .tree-node summary::before {
  content: '›';
  flex: 0 0 auto;
  color: rgb(var(--muted-2));
  font-size: 1rem;
  line-height: 1;
  transform-origin: center;
  transition: transform .12s ease;
}

#tree-output .tree-node details[open] > summary::before {
  transform: rotate(90deg);
}

#tree-output .tree-children {
  margin: 0 7px 6px 12px;
}

#tree-output .tree-leaf {
  gap: 8px;
  line-height: 1.3;
}

#tree-output .tree-view,
#tree-output.tree-view {
  line-height: 1.3;
}