/* Keep exploration controls in the site header and give the tree the canvas. */
body:has(.dd-connected-stage) .dd-header{background:transparent;border-bottom:1px solid #ffffff14;z-index:32;pointer-events:none}
body:has(.dd-connected-stage) .dd-header .dd-mark,body:has(.dd-connected-stage) .dd-header .dd-explore-menu{pointer-events:auto}
.dd-concept-walker .dd-connected-stage{overflow:visible;z-index:31}
body:has(.dd-connected-stage) .dd-header .dd-meta{display:none}
body:has(.dd-connected-stage) .dd-header{grid-template-columns:auto 1fr auto}
.dd-concept-walker .dd-connected-stage .dd-tree-stage-head{position:fixed;z-index:31;top:10px;left:200px;right:150px;min-height:0;height:72px;display:grid;grid-template-columns:minmax(230px,1fr) auto auto;align-items:center;gap:20px;pointer-events:auto}
.dd-connected-stage .dd-tree-stage-head>div:first-child{min-width:0;display:grid;grid-template-columns:auto minmax(140px,240px);column-gap:18px;align-items:center}
.dd-connected-stage .dd-tree-title{font-size:23px;white-space:nowrap}
.dd-connected-stage .dd-tree-start-hint{grid-column:1/-1;margin:4px 0 0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dd-connected-stage .dd-family-search{grid-column:2;grid-row:1;width:100%;margin:0;min-height:36px}
.dd-concept-walker .dd-connected-stage .dd-tree-stage-head .dd-view-switch{margin:0}
.dd-concept-walker .dd-connected-stage .dd-tree-readout{position:static;gap:8px;white-space:nowrap}
.dd-connected-stage .dd-tree-readout strong{font-size:16px}
.dd-connected-stage .dd-tree-readout em{font-size:9px;letter-spacing:.12em}
.dd-concept-walker .dd-connected-stage .dd-tree-viewport{inset:8px 16px 12px}
.dd-concept-walker .dd-connected-stage .dd-tree-svg{height:100%}
.dd-connected-stage .dd-family-map{top:16px;right:24px}
.dd-connected-stage .dd-family-detail{top:108px;bottom:80px;max-height:calc(100% - 188px)}
@media(max-width:1100px) and (min-width:701px){
.dd-concept-walker .dd-connected-stage .dd-tree-stage-head{left:160px;right:90px;gap:12px}
.dd-connected-stage .dd-tree-stage-head>div:first-child{grid-template-columns:1fr}
.dd-connected-stage .dd-tree-title{display:none}
.dd-connected-stage .dd-family-search{grid-column:1;grid-row:1;width:min(100%,260px)}
.dd-connected-stage .dd-tree-readout strong{display:none}
}
@media(max-width:700px){
body:has(.dd-connected-stage) .dd-header{height:52px;padding:0 16px}
.dd-concept-walker .dd-connected-stage{top:148px;height:calc(100svh - 148px)}
.dd-concept-walker .dd-connected-stage .dd-tree-stage-head{top:52px;left:0;right:0;height:96px;padding:8px 16px;background:#050505;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
.dd-connected-stage .dd-tree-stage-head>div:first-child{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:stretch;gap:4px}
.dd-connected-stage .dd-tree-title{display:none}
.dd-connected-stage .dd-family-search{width:100%;font-size:16px;margin:0}
.dd-connected-stage .dd-tree-start-hint{font-size:10px;margin:0;max-width:100%}
.dd-concept-walker .dd-connected-stage .dd-tree-readout{grid-column:2;grid-row:2;justify-content:flex-end}
.dd-connected-stage .dd-tree-readout strong{display:none}
.dd-connected-stage .dd-family-map{top:16px;right:20px;width:100px;height:58px}
.dd-concept-walker .dd-connected-stage .dd-tree-viewport{inset:8px 8px 8px}
.dd-connected-stage .dd-family-detail{top:84px;max-height:calc(100% - 164px)}
}