.graph-view{margin:20px 0}.graph-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.graph-toolbar[hidden],.graph-canvas[hidden],.graph-help[hidden],.graph-selection[hidden],[data-graph-fallback][hidden]{display:none}.graph-canvas{width:100%;height:560px;min-height:360px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.graph-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.graph-help{color:var(--muted);font-size:12px;margin:10px 0}.graph-selection{padding:15px;border:1px solid var(--line);border-radius:8px;margin-top:12px;background:var(--soft)}.graph-selection p{margin:0 0 8px}.graph-selection a{display:block;color:var(--accent);text-decoration:underline;margin-top:5px}.graph-view[data-mode="family"] .graph-canvas{height:480px}.connection-path{list-style:none;padding:0}.connection-path li{border-left:2px solid var(--line);margin-left:12px;padding:0 0 18px 20px}.connection-path .path-fact{display:block;margin:6px 0;color:var(--muted)}@media(max-width:650px){.graph-canvas{height:460px}.graph-toolbar .secondary-button{font-size:12px;padding:8px 10px}}