/* --- Tree View Styling --- */
.tree-view ul {
  padding-left: 1rem;
}
.tree-view details {
  padding-left: 0.5rem;
}
.tree-view summary {
  cursor: pointer;
  list-style: none; /* Remove default triangle */
}
/* Add our own folder icons */
.tree-view summary::before {
  content: '▸ ';
}
.tree-view details[open] > summary::before {
  content: '▾ ';
}

/* --- Collapsible Sidebar Styling --- */

/* By default, the grid has two columns */
#main-grid {
    grid-template-columns: 1fr 3fr; /* Sidebar is 1/4, content is 3/4 */
}

/* When the 'sidebar-collapsed' class is present... */
#main-grid.sidebar-collapsed {
    grid-template-columns: 1fr; /* The grid becomes a single column */
}

#main-grid.sidebar-collapsed aside {
    display: none; /* ...and the sidebar is hidden. */
}