.tree {
  list-style-type: none;
  font-family: monospace;
}

.tree li {
  margin: -2px;
  padding: 0;
  position: relative;
  border-left: 1px solid;
  padding-left: 30px;
}

.tree li:last-child {
  border-left: none;
  padding-left: 31px;
}

.tree li::before {
  content: "├── ";
  position: absolute;
  left: -5px;
}

.tree li:last-child::before {
  content: "└── ";
  left: -4px;
}

.tree > li::last-child::before {
  content: ""; /* Remove connector for the root */
}

.tree summary {
  cursor: pointer;
  display: block;
  font-weight: bold;
}

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

.tree a {
  text-decoration: none;
}

.tree a:hover {
  text-decoration: underline;
}

.tree ul {
  list-style-type: none;
  padding-left: 16px;
  margin: 0;
}