.cn{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.cn-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cn-top .d-sub{font-size:10.5px}.cn-main{flex:1;min-height:0;position:relative}.cn-canvas{background:var(--h-surface);border:1px solid var(--h-border);border-radius:10px;position:absolute;inset:0;overflow:hidden}.cn-svg{width:100%;height:100%;position:absolute;inset:0}.cn-dashed{stroke-dasharray:3 2!important}.cn-nodewrap{border-radius:999px;position:absolute;transform:translate(-50%,-50%)}.cn-node{white-space:nowrap;border:1.5px solid var(--h-primary);background:var(--h-primary-soft);color:var(--h-primary);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.cn-node--client{background:var(--h-text);border-color:var(--h-text);color:#fff}.cn-node--client.centre{padding:5px 12px;font-size:12px}.cn-node--event{background:var(--h-warning-soft);border-color:var(--h-warning);color:var(--h-warning)}.cn-node--person{background:var(--h-surface);border-color:var(--h-muted);color:var(--h-text);border-style:dashed}.cn-node.near{box-shadow:0 0 0 3px var(--h-primary-soft)}.cn-note,.cn-check,.cn-joined{flex-direction:column;gap:4px;width:200px;font-size:11px;line-height:1.35;display:flex;position:absolute}.cn-note{bottom:10px;right:10px}.cn-check{border-left:3px solid var(--h-warning);bottom:10px;right:10px}.cn-joined{border-left:3px solid var(--h-primary);bottom:10px;left:10px}.cn-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--h-warning);font-size:9.5px;font-weight:700}.cn-checkrow{gap:6px;margin-top:2px;display:flex}.cn-checkrow .d-hbtn{flex:1;min-height:26px;font-size:11px}.cn-list{background:var(--h-surface);border:1px solid var(--h-border);border-radius:10px;padding:4px 10px;position:absolute;inset:0;overflow:hidden}.cn-list table{border-collapse:collapse;width:100%;font-size:11px}.cn-list th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--h-muted);border-bottom:1px solid var(--h-border);padding:6px 4px;font-size:10px}.cn-list td{border-bottom:1px solid var(--h-border);padding:6px 4px}@container fstage (width<=600px){.cn-top .d-sub{display:none}.cn-node{padding:3px 7px;font-size:9.5px}.cn-node--client.centre{font-size:10.5px}.cn-note,.cn-check,.cn-joined{width:160px;font-size:10.5px}.cn-list table{font-size:10px}.cn-list td:nth-child(2),.cn-list th:nth-child(2){display:none}}