.hierarchy-demo{margin-block:1.8rem;color:var(--global-text-color)}.hierarchy-demo *{box-sizing:border-box}.hierarchy-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.hierarchy-demo label{display:block;font-size:.9rem;line-height:1.5}.hierarchy-demo select{display:block;width:100%;margin-top:.4rem;padding:.55rem;font:inherit;color:var(--global-text-color);background:var(--global-bg-color);border:1px solid var(--global-text-color-light);border-radius:3px}.hierarchy-demo :is(select,input,.hierarchy-node):focus-visible{outline:2px solid var(--global-theme-color);outline-offset:4px}.hierarchy-scale{margin-top:1.1rem}.hierarchy-scale label{font-weight:600}.hierarchy-scale output{float:right;font-weight:400}.hierarchy-scale input{display:block;width:100%;margin:.75rem 0 .4rem;accent-color:var(--global-theme-color);cursor:pointer}.hierarchy-scale-ticks{display:flex;justify-content:space-between;font-size:.8rem}.hierarchy-demo .hierarchy-instruction{margin:1rem 0;font-size:.9rem;line-height:1.6}.hierarchy-views{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;align-items:center}.hierarchy-picture{position:relative;width:100%;max-width:380px;margin-inline:auto}.hierarchy-graph{min-width:0}.hierarchy-photo{display:block;width:100%;height:auto}.hierarchy-overlay{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.hierarchy-demo .hierarchy-selection{margin:.85rem 0 1.4rem;min-height:2.8em;font-size:.9rem;line-height:1.5;font-variant-numeric:tabular-nums}.hierarchy-tree-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;font-size:.85rem;line-height:1.5}.hierarchy-tree-heading span{opacity:.8}.hierarchy-tree{display:block;width:100%;overflow:visible}.hierarchy-edge{fill:none;stroke:var(--global-text-color);stroke-opacity:.35;stroke-width:1.3}.hierarchy-edge.is-selected{stroke-opacity:1;stroke-width:2.5}.hierarchy-cut{stroke:var(--global-theme-color);stroke-width:1.5;stroke-dasharray:6 5;opacity:.85}.hierarchy-node{cursor:pointer;pointer-events:bounding-box}.hierarchy-node circle{stroke:var(--global-text-color);stroke-width:1.4;fill:var(--global-bg-color)}.hierarchy-node.is-cut circle{fill:var(--region-color);stroke:var(--region-color)}.hierarchy-node.is-selected circle{stroke:var(--global-text-color);stroke-width:3.5}.hierarchy-node circle.hierarchy-selection-ring{fill:none;stroke:var(--region-color);stroke-width:2}.hierarchy-node text{fill:var(--global-text-color);font:12px sans-serif;text-anchor:middle}.hierarchy-node:hover circle{stroke-width:3}.hierarchy-node circle.hierarchy-hit{fill:transparent;stroke:none}.hierarchy-demo figcaption{margin-top:.7rem;font-size:.85rem;line-height:1.6;color:var(--global-text-color);opacity:.85}@media(min-width:1000px){.hierarchy-views{grid-template-columns:1fr 1.2fr;gap:2rem}.hierarchy-tree-heading{display:block}.hierarchy-tree-heading span{display:block}}@media(max-width:575px){.hierarchy-controls{grid-template-columns:1fr;gap:.75rem}.hierarchy-demo select{font-size:16px}.hierarchy-tree-heading{display:block}.hierarchy-tree-heading span{display:block}}