.bookmarks-title{
  margin-bottom: var(--space-md);
}

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

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

.tree li{ margin: 4px 0; position: relative; }

.tree summary{
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 12px;
  transition: background-color 0.2s ease;
  font-weight: 600;
  outline: none;
  user-select: none;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r);
}

.tree summary:hover{ background-color: #fdd; border-color: var(--accent); }

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

.tree summary::before{
  content: ">";
  color: var(--ink);
  margin-right: 10px;
  font-size: 1rem;
  transition: all 0.2s ease;
  width: 20px;
  text-align: left;
  font-weight: 700;
}

.tree details[open] > summary::before{ content: ">"; transform: rotate(90deg); }

.tree a{
  color: var(--ink);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  padding: 6px 6px;
  border-radius: 4px;
}

.tree a:hover{ background: var(--accent); color: #000 !important; }


.tree .navbar-file a{ color: var(--muted); }

.tree .navbar-file a::before{
  content: "->";
  color: var(--muted);
  margin-right: 10px;
  font-size: 0.9rem;
}