#branchNotes{position:absolute;inset:0;pointer-events:none}
.relation-note{position:absolute;width:max(360px,calc(300px / var(--map-zoom,1)));pointer-events:auto;border:1px solid #aeb69e;border-top:4px solid #67876d;border-radius:8px;background:#fffdf5;box-shadow:0 10px 25px #59664a20;padding:17px;z-index:4;animation:appear .45s both;box-sizing:border-box}
.relation-note.summary{border-top-width:2px;background:#efebdb;padding:12px}
.note-heading>small{font-size:12px;color:#617355;display:block;margin-bottom:6px}
.note-heading>b{font:600 max(17px,calc(14px / var(--map-zoom,1)))/1.5 'Noto Sans KR',sans-serif;color:#344d3d;display:block;overflow-wrap:anywhere}
.note-reason{border-left:3px solid #799e7c;padding-left:10px;margin-top:14px}
.note-reason.conflict{border-color:#bd7d69}
.note-reason>b{font-size:max(15px,calc(12px / var(--map-zoom,1)));color:#436947}
.note-reason.conflict>b{color:#964d40}
.note-reason p{font-size:max(15px,calc(13px / var(--map-zoom,1)));line-height:1.65;color:#394c34;margin:5px 0 0;overflow-wrap:anywhere}
.note-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.note-actions button{padding:7px 10px;background:#f0f3e7;border-color:#9cae91;font-size:max(13px,calc(11px / var(--map-zoom,1)));color:#35543c;line-height:1.5}
.note-tags{font-size:max(13px,calc(11px / var(--map-zoom,1)));line-height:1.8;color:#665733;margin-top:5px}
#branchLeaders{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;z-index:1}
#branchLeaders path{stroke:#789574;stroke-width:2;fill:none;opacity:.55}
#branchLeaders path.active{stroke:#4f805b;stroke-width:3;opacity:.95}
.opened-relation{opacity:1!important}.opened-relation path{stroke-width:3!important;opacity:.6!important}
body[data-design=tree] .trail-person .person-main{border-color:#6f8b68;box-shadow:0 0 0 2px #738b6426}
body[data-design=tree] .trail-person .expand-branch{background:#e3ecd9;border-color:#8c9f7c;color:#36553c}
#branchTrail{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 20px 10px;padding:10px 13px;border:1px solid #b9c2a8;border-radius:6px;background:#e9efdf;color:#486044;font-size:12px}
#branchTrail>span:first-child{margin-right:5px;color:#65745b;font-size:11px}#branchTrail button{border:1px solid #abb99a;border-radius:20px;padding:6px 10px;background:#f7f9ef;font-size:12px}#branchTrail button[aria-pressed=true]{background:#3e6347;color:#fff}#branchTrail #foldBranches{margin-left:auto;border-style:dashed}.trail-arrow{color:#8b987c}
@media(max-width:600px){#branchTrail{margin-inline:8px;gap:5px}#branchTrail>span:first-child{flex-basis:100%}#branchTrail #foldBranches{margin-left:0}.relation-note{padding:13px}.note-heading>small{font-size:max(12px,calc(10px / var(--map-zoom,1)))}}
@media(prefers-reduced-motion:reduce){.relation-note{animation:none}}
.edge.opened-relation text{display:none!important}
.has-branches #status{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}

@media(max-width:600px){.has-branches .minimap{display:none}}