.dd-connected-stage .dd-tree-readout strong{font-size:18px;letter-spacing:.04em}
.dd-connected-stage .dd-tree-stage-head{min-height:112px}
.dd-connected-stage .dd-tree-viewport{top:136px}
.dd-connected-stage .dd-tree-depth-nav{gap:8px;bottom:18px}
.dd-connected-stage .dd-tree-depth-nav button{padding:9px 14px;min-height:44px;font-size:11px}
.dd-connected-stage .dd-tree-controls[hidden]{display:none}
.dd-family-edge{stroke:#ad985f;stroke-width:1;stroke-opacity:.35;vector-effect:non-scaling-stroke}
.dd-family-edge.is-hot{stroke:#e4c975;stroke-opacity:1;stroke-width:1.5}
.dd-family-partner{stroke:#948463;stroke-width:1;stroke-dasharray:3 5;stroke-opacity:.3;vector-effect:non-scaling-stroke}
.dd-family-person{cursor:pointer;outline:none}
.dd-family-hit{fill:transparent}
.dd-family-person:focus .dd-family-hit,.dd-family-person:hover .dd-family-hit{fill:#c5ab6f0d;stroke:#b9a57433}
.dd-family-dot{fill:#ad985f}
.dd-family-person.is-focus .dd-family-dot{fill:#ead49b}
.dd-family-name{font:20px 'Instrument Serif',serif;fill:#dddcd4}
.dd-family-person.is-focus .dd-family-name{fill:#ead49b}
.dd-family-life{font:10px Inter,sans-serif;letter-spacing:1px;fill:#aaa99f}
.is-map-distant .dd-family-person:not(.is-focus) .dd-family-name,.is-map-distant .dd-family-person:not(.is-focus) .dd-family-life{visibility:hidden}
.is-map-distant .dd-family-person:hover .dd-family-name,.is-map-distant .dd-family-person:focus .dd-family-name{visibility:visible}
.dd-family-frontier{pointer-events:none}
.dd-family-frontier path{stroke:#887b55;stroke-opacity:.4;stroke-dasharray:3 5}
.dd-family-frontier text{font:10px Inter,sans-serif;fill:#999487}
.dd-family-map{position:absolute;right:16px;top:124px;width:clamp(110px,18vw,210px);height:80px;z-index:7;background:#10100ce6;border:1px solid #51472e;border-radius:10px;cursor:crosshair}
.dd-family-map-edge{stroke:#ad985f;stroke-width:1;stroke-opacity:.6}
.dd-family-map-viewport{fill:#d7c99c22;stroke:#e4c975;stroke-width:1}
.dd-family-detail{position:absolute;right:20px;top:216px;bottom:80px;max-height:calc(100% - 296px);width:min(340px,calc(100% - 40px));overflow:auto;z-index:12;background:#11110ff5;border:1px solid #51472e;border-radius:12px;padding:20px;box-shadow:0 12px 40px #0008}
.dd-family-detail[hidden]{display:none}
.dd-family-detail h2{font:28px 'Instrument Serif',serif;margin:16px 0 8px}
.dd-family-detail h3{font:10px Inter,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#9c977f;margin:24px 0 8px}
.dd-family-detail p{font:12px Inter,sans-serif;color:#aaa99f}
.dd-family-detail button{display:block;background:transparent;border:1px solid #383429;color:#ddd5bd;border-radius:8px;padding:10px 12px;margin:6px 0;min-height:44px;text-align:left;width:100%;cursor:pointer}
.dd-family-detail a{display:block;color:#e4c975;margin-top:16px;font-size:13px}
.dd-family-search{display:block;width:min(260px,48vw);padding:7px 10px;margin-top:8px;border:1px solid #51472e;border-radius:6px;background:#11110f;color:#ddd5bd;font:12px Inter,sans-serif;pointer-events:auto;min-height:36px}
.dd-family-search:focus{outline:1px solid #e4c975;outline-offset:2px}
.dd-family-search::placeholder{color:#aaa99f}
@media(max-width:620px){.dd-connected-stage .dd-tree-depth-nav{max-width:calc(100vw - 24px);gap:2px}.dd-connected-stage .dd-tree-depth-nav button{font-size:10px;padding:8px;min-width:44px;min-height:44px}.dd-family-map{top:124px;right:12px;width:110px;height:64px}.dd-family-detail{top:204px;bottom:80px;max-height:calc(100% - 284px)}.dd-connected-stage .dd-tree-start-hint{max-width:65vw;font-size:10px}.dd-family-search{font-size:16px;width:48vw}.dd-connected-stage .dd-tree-viewport{top:140px}}

.dd-family-route-casing{stroke:#050505;stroke-width:5;vector-effect:non-scaling-stroke;pointer-events:none}
.dd-family-junction{fill:#ad985f;opacity:.65;pointer-events:none}
.dd-family-edge{pointer-events:none;stroke-opacity:.26}
.dd-family-edge.is-context{stroke-opacity:.7}
.dd-family-edge.is-hot{stroke-opacity:1}