/* Progressive enhancement: content is visible before scripts or if animation is unavailable. */
.project-tree .tree-children {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0;
  visibility: hidden;
  transition: grid-template-rows .24s ease, visibility 0s .24s;
}
.project-tree .tree-group.expanded > .tree-children {
  display: grid;
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows .24s ease;
}
.tree-children-inner { min-height: 0; overflow: hidden; padding-left: 20px; }
.chevron { transition: transform .22s ease; }
.tree-heading, .project-row { transition: background-color .18s, color .18s, border-color .18s; }
.tree-heading:focus-visible, .project-row:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .project-tree .tree-children, .chevron, .tree-heading, .project-row { transition: none; }
}