.mley-mutual-guide { --mutual-incoming:var(--ag-incoming,var(--graph-incoming,#b45309)); --mutual-outgoing:var(--ag-outgoing,var(--graph-outgoing,#2563eb)); position:relative; display:inline-flex; }
.mley-mutual-guide[hidden],.mley-mutual-guide [hidden] { display:none !important; }
.norm-graph-card .mley-mutual-guide { font-size:.72rem; }
.mley-mutual-guide > button { display:inline-flex; align-items:center; gap:.4rem; background:none; border:0; border-radius:4px; padding:0; font:inherit; color:inherit; cursor:pointer; text-decoration:underline dotted; text-underline-offset:3px; }
.mley-mutual-guide > button:focus-visible { outline:2px solid var(--mutual-outgoing); outline-offset:4px; }
.mley-mutual-symbol { position:relative; display:inline-block; flex-shrink:0; width:32px; height:3px; margin:0 2px; background:linear-gradient(to right,var(--mutual-incoming) 44%,var(--mutual-outgoing) 56%); }
.mley-mutual-symbol::before,.mley-mutual-symbol::after { content:""; position:absolute; top:-4px; border-top:5px solid transparent; border-bottom:5px solid transparent; }
.mley-mutual-symbol::before { left:-2px; border-right:8px solid var(--mutual-incoming); }
.mley-mutual-symbol::after { right:-2px; border-left:8px solid var(--mutual-outgoing); }
.mley-mutual-description { position:absolute; bottom:calc(100% + 10px); left:0; z-index:15; display:block !important; width:280px; max-width:calc(100vw - 56px); padding:.7rem .85rem; border:1px solid var(--border-color,#d8dee5); border-radius:9px; background:var(--surface-raised,#fff); color:var(--text-color,#243141); box-shadow:0 4px 16px rgba(0,0,0,.12); font-size:.8rem; font-weight:400; line-height:1.5; text-align:left; }
.mley-mutual-description::after { content:""; position:absolute; top:100%; left:0; width:100%; height:12px; }