.class-tree-page.wb-entity-detail { width:min(80rem,calc(100% - 3rem)); }
.class-tree-nav { position:sticky; top:var(--shell-header-height); z-index:2; margin-bottom:0; }
.class-tree-race { margin-bottom:1.5rem; padding:1.5rem 0; scroll-margin-top:calc(var(--shell-header-height) + 5rem); }
.class-tree-race[hidden] { display:none; }
.class-tree-route + .class-tree-route { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--border); }
.class-tree-node { position:relative; display:block; min-width:0; padding:.625rem .75rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); color:var(--text); text-decoration:none; }
.class-tree-node:hover { border-color:var(--selection-border); background:var(--selection-bg); }
.class-tree-node:focus-visible { outline:2px solid var(--lu4-focus-ring); outline-offset:2px; }
.class-tree-node .wb-entity-link { --wb-entity-icon-size:2rem; --wb-entity-gap:.5rem; }
.class-tree-tier { display:block; margin-bottom:.375rem; color:var(--text-muted); font-size:var(--type-label-size); line-height:var(--type-label-line); }
.class-tree-route > .class-tree-node { width:min(100%,15rem); box-sizing:border-box; margin-inline:auto; }
.class-tree-branches { position:relative; display:grid; grid-template-columns:repeat(var(--branch-count),minmax(0,1fr)); gap:1rem; margin:0; padding:1.5rem 0 0; list-style:none; }
.class-tree-branches::before { content:''; position:absolute; top:.75rem; left:calc(50% / var(--branch-count)); right:calc(50% / var(--branch-count)); border-top:1px solid var(--selection-border); }
.class-tree-branches::after { content:''; position:absolute; top:0; left:50%; height:.75rem; border-left:1px solid var(--selection-border); }
.class-tree-branch { position:relative; min-width:0; }
.class-tree-branches > .class-tree-branch::before { content:''; position:absolute; left:50%; top:-.75rem; height:.75rem; border-left:1px solid var(--selection-border); }
.class-tree-children { display:grid; gap:.5rem; margin:.75rem 0 0 .75rem; padding:0 0 0 .75rem; list-style:none; border-left:1px solid var(--selection-border); }
.class-tree-children > li > .class-tree-node::before { content:''; position:absolute; top:50%; left:-.75rem; width:.75rem; border-top:1px solid var(--selection-border); }
.class-tree-children-label { display:none; }
.class-tree-unconnected { display:grid; grid-template-columns:repeat(auto-fit,minmax(12rem,1fr)); gap:.5rem; }
@media(max-width:959px) {
  .class-tree-race { padding:var(--space-5) 0 0; border:0; background:transparent; }
  .class-tree-route > .class-tree-node { width:100%; margin-inline:0; padding:0 0 .875rem; border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; }
  .class-tree-branches { grid-template-columns:1fr; gap:1rem; margin:1rem 0 0; padding:0; border:0; }
  .class-tree-branches::before,.class-tree-branches::after { content:none; }
  .class-tree-branches > .class-tree-branch { padding:.875rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--lu4-bg-elevated); }
  .class-tree-branches > .class-tree-branch::before { content:none; }
  .class-tree-branches > .class-tree-branch > .class-tree-node { padding:0 0 .75rem; border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; }
  .class-tree-branches > .class-tree-branch > .class-tree-node::before { content:none; }
  .class-tree-children-label { display:block; margin:.75rem 0 .25rem; color:var(--text-muted); font-size:var(--type-label-size); line-height:var(--type-label-line); }
  .class-tree-children { gap:.125rem; margin:.25rem 0 0 .5rem; padding-left:.75rem; }
  .class-tree-children .class-tree-node { padding:.625rem .25rem; border:0; border-radius:var(--radius-sm); background:transparent; }
  .class-tree-children .class-tree-node:hover { background:var(--selection-bg); }
  .class-tree-children .class-tree-tier { display:none; }
}
@media(max-width:639px) {
  .class-tree-page.wb-entity-detail { width:calc(100% - 2rem); }
}