.anatomy-grid:has(.anatomy-tree){grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.anatomy-tree{margin:0;min-width:0;padding-top:4px}
.tree-node{border:1px solid var(--ink);border-radius:4px;padding:20px;min-width:0;background:var(--paper)}
.tree-head{width:min(320px,100%);margin:0 auto;background:var(--ink);color:var(--paper);text-align:center;min-height:128px}
.tree-role{display:block;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}
.tree-head .tree-role{color:var(--lime)}
.tree-node h2,.tree-node h3{font-size:20px;line-height:1.4}
.tree-node p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:8px}
.tree-head p{color:#c2c9bd}
.tree-branches{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;position:relative}
.tree-branches:before{content:"";position:absolute;left:calc(25% - 6px);right:calc(25% - 6px);top:-32px;height:1px;background:var(--muted)}
.tree-branches:after{content:"";position:absolute;left:50%;top:-64px;width:1px;height:32px;background:var(--muted)}
.tree-branches>li{position:relative;min-width:0}
.tree-branches>li:before{content:"";position:absolute;left:50%;top:-32px;width:1px;height:32px;background:var(--muted)}
.tree-edge-label{position:absolute;z-index:1;left:50%;top:-28px;transform:translateX(-50%);font-size:12px;line-height:20px;padding:0 8px;background:var(--paper);color:var(--muted);white-space:nowrap}
.tree-branches .tree-node{height:100%;min-height:188px}
.tree-skill{border-style:dashed;border-color:var(--blue)}
.tree-skill .tree-role{color:var(--blue)}
.tree-skill code{display:block;font-size:12px;line-height:1.6;margin-top:16px;color:var(--muted)}
.tree-return{display:block;border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:12px;line-height:1.6}
.tree-loop{display:flex;align-items:flex-start;gap:12px;border-top:1px dashed var(--muted);padding-top:20px;margin-top:24px}
.tree-loop svg{margin-top:4px}
.tree-loop b{font-size:16px;line-height:1.6}
.tree-loop p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:4px}
@media(max-width:1100px){.anatomy-grid:has(.anatomy-tree){gap:32px}.tree-node{padding:16px}.tree-node h2,.tree-node h3{font-size:18px}}
@media(max-width:900px){.anatomy-grid:has(.anatomy-tree){grid-template-columns:minmax(0,1fr)}.anatomy-tree{grid-row:1;max-width:640px;width:100%;justify-self:center}}
@media(max-width:600px){.tree-node{padding:16px 12px}.tree-role{font-size:20px}.tree-node h3{font-size:16px}.tree-node p{font-size:13px}.tree-head{width:min(280px,100%)}.tree-branches{gap:16px}.tree-branches:before{left:calc(25% - 4px);right:calc(25% - 4px)}.tree-return{font-size:12px}.tree-loop p{font-size:13px}}
.orchestration-definition{display:flex;gap:20px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
.orchestration-definition>b{color:var(--accent);font-size:20px;white-space:nowrap}.orchestration-definition p{font-size:17px;line-height:1.7}
.anatomy-grid .anatomy-roles .role-row{display:grid;grid-template-columns:1fr;gap:9px;padding:18px 0}.anatomy-roles .role-row>b{width:auto;font-size:23px;overflow-wrap:anywhere}.anatomy-roles .role-row>p{font-size:16px;line-height:1.7}
.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}
.tree-toolbar>span{font-size:12px;font-weight:700;color:var(--accent)}.tree-toolbar>div{display:flex;gap:4px}.tree-toolbar .icon-button{width:34px;height:34px;border:1px solid var(--line);background:var(--paper)}
.tree-stage{position:relative;isolation:isolate}.tree-stage .tree-node{position:relative;z-index:2;transition:border-color .2s,background .2s,box-shadow .2s}.tree-stage .tree-edge-label{z-index:3}
.tree-stage .tree-role{font-size:23px;overflow-wrap:anywhere}.tree-stage .tree-head .tree-role{font-size:25px}
.tree-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;color:var(--accent)}
.tree-active-path{stroke:currentColor;stroke-width:2.5;stroke-linejoin:round}
.tree-packet{position:absolute;left:0;top:0;width:10px;height:10px;background:var(--accent);border:2px solid var(--paper);border-radius:2px;offset-rotate:0deg;z-index:4;pointer-events:none}
.tree-stage .tree-node.is-current{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-tint)}
.tree-stage .tree-head.is-current{background:var(--ink);box-shadow:inset 0 0 0 2px var(--accent-bright)}
[data-tree-state="fail"] .tree-routes{color:var(--red)}[data-tree-state="fail"] .tree-packet{background:var(--red)}
[data-tree-state="fail"] .tree-node.is-current{border-color:var(--red);box-shadow:inset 0 0 0 2px var(--red);background:#fff0ef}
[data-tree-state="pass"] .tree-routes{color:var(--green)}[data-tree-state="pass"] .tree-packet{background:var(--green)}
.tree-loop.is-looping{border-color:var(--red)}.tree-loop.is-looping b,.tree-loop.is-looping>svg{color:var(--red)}
.tree-status{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;min-height:138px;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.tree-status-count{font:12px/1.8 monospace;color:var(--accent);white-space:nowrap}.tree-status-title{display:block;font-size:17px;line-height:1.5}.tree-status-message{font-size:14px;line-height:1.7;color:var(--muted);margin-top:6px}
.tree-simulation{font-size:11px;line-height:1.7;color:var(--muted);margin-top:10px}
@media(max-width:600px){.orchestration-definition{display:block}.orchestration-definition p{font-size:15px;margin-top:8px}.tree-stage .tree-role{font-size:19px}.tree-stage .tree-head .tree-role{font-size:23px}.tree-edge-label{padding:0 3px;font-size:10px}.tree-status{min-height:185px;grid-template-columns:60px minmax(0,1fr);gap:8px}.tree-status-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.tree-stage .tree-node{transition:none}}