.relationshipExplorer{--map-node:#fff;display:grid;gap:15px;min-width:0;color:var(--text)}
.relationshipFocusOpen{overflow:hidden}.relationshipExplorer.is-focus{position:fixed;z-index:1050;inset:12px;overflow:auto;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:26px;background:var(--bg);box-shadow:0 0 0 100vmax rgba(5,12,24,.58),0 28px 90px rgba(2,8,23,.32)}
.relationshipIntro{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:22px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 38%),var(--surface-solid)}
.relationshipIntro span{color:var(--accent);font:900 11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}
.relationshipIntro h2{margin:5px 0 0;color:var(--strong);font-size:22px}.relationshipIntro p{max-width:760px;margin:6px 0 0;color:var(--muted);line-height:1.55}
.relationshipFocusExit{align-self:center;min-height:38px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:11px;background:var(--surface-solid);color:var(--accent);font:850 12px/1.2 inherit;cursor:pointer}
.relationshipCommandBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.relationshipModes,.relationshipDepth,.relationshipViewToggle,.relationshipOverlayToggle,.relationshipZoom{display:flex;flex-wrap:wrap;gap:5px}
.relationshipModes{width:max-content;max-width:100%;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.relationshipDepth{margin-inline-start:auto;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.relationshipViewToggle{padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.relationshipOverlayToggle{padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.relationshipPrimaryActions{display:flex;gap:5px}.relationshipPrimaryActions button{min-height:40px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:11px;background:var(--surface-solid);color:var(--accent);font:850 11.5px/1.2 inherit;cursor:pointer}.relationshipPrimaryActions button[aria-pressed="true"]{background:var(--accent);color:#fff}
.relationshipModes button,.relationshipDepth button,.relationshipViewToggle button,.relationshipOverlayToggle button,.relationshipZoom button{min-height:34px;padding:7px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer}
.relationshipModes button.active,.relationshipDepth button.active,.relationshipViewToggle button.active,.relationshipOverlayToggle button.active{border-color:color-mix(in srgb,var(--accent) 27%,var(--line));background:var(--surface-solid);color:var(--accent);box-shadow:var(--shadow-xs)}
.relationshipCapabilityNote{margin:-5px 0 0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent-3) 20%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent-3) 5%,var(--surface-soft));color:var(--muted);font-size:10.5px}.relationshipSearchRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px}.relationshipSearchRow>button{min-height:39px;padding:7px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-solid);color:var(--text);font:800 12px/1.2 inherit;cursor:pointer}.relationshipSearch{display:grid;gap:4px}.relationshipSearch>span{color:var(--muted);font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.relationshipSearch input{width:100%;height:39px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-solid);color:var(--text);font:inherit;font-size:12px}
.relationshipSavedViews{display:grid;grid-template-columns:minmax(200px,1fr) repeat(3,auto);align-items:end;gap:7px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.relationshipSavedViews label{display:grid;gap:4px}.relationshipSavedViews label span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.relationshipSavedViews select{width:100%;height:36px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid);color:var(--text);font:inherit;font-size:11.5px}.relationshipSavedViews button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid);color:var(--text);font:800 10.5px/1.2 inherit;cursor:pointer}.relationshipSavedViews button:disabled{opacity:.45;cursor:not-allowed}
.relationshipAdvanced{border:1px solid var(--line);border-radius:15px;background:var(--surface-soft)}.relationshipAdvanced>summary{padding:11px 13px;color:var(--strong);font-size:12px;font-weight:850;cursor:pointer}.relationshipAdvanced[open]>summary{border-bottom:1px solid var(--line)}
.relationshipToolbar{display:grid;grid-template-columns:repeat(5,minmax(125px,1fr));gap:8px;padding:11px}
.relationshipToolbar label{display:grid;gap:4px;min-width:0}.relationshipToolbar label>span{color:var(--muted);font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.relationshipToolbar select{width:100%;height:39px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-solid);color:var(--text);font:inherit;font-size:12px}
.relationshipSearch input:focus,.relationshipToolbar select:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 18%,transparent)}
.relationshipLayers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 11px 11px}
.relationshipLayers fieldset{display:flex;gap:5px;margin:0;padding:0;border:0}.relationshipLayers label{cursor:pointer}
.relationshipLayers fieldset label,.relationshipNeighborhood{display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid);color:var(--text);font-size:11.5px;font-weight:800}
.relationshipLayers input{accent-color:var(--accent)}.relationshipNeighborhood:has(input:disabled){opacity:.52;cursor:not-allowed}
.relationshipZoom{margin-inline-start:auto}.relationshipZoom button{border-color:var(--line);background:var(--surface-solid);color:var(--text)}
.relationshipZoom button:hover,.relationshipModes button:hover,.relationshipDepth button:hover,.relationshipViewToggle button:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}
.relationshipLegend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:10.5px;font-weight:800}.relationshipLegend span{display:flex;align-items:center;gap:6px}.relationshipLegend i{display:block;width:24px;height:0;border-top:3px solid var(--accent)}.relationshipLegend--evidence i{border-top-color:var(--success);border-top-style:dashed}.relationshipLegend--structural i{border-top-color:var(--muted);border-top-style:dotted}
.relationshipCount{margin:0;color:var(--muted);font-size:12px}.relationshipCount b{color:var(--strong)}
.relationshipOverlay{display:grid;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--surface-solid)),var(--surface-solid))}.relationshipOverlay>header h3{margin:0;color:var(--strong);font-size:16px}.relationshipOverlay>header p{margin:5px 0 0;color:var(--muted);font-size:11.5px;line-height:1.55}.relationshipTimeline{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px;overflow:auto}.relationshipTimeline>section{display:grid;align-content:start;gap:7px;min-width:150px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.relationshipTimeline h4{display:flex;justify-content:space-between;gap:7px;margin:0 0 3px;color:var(--strong);font-size:10.5px}.relationshipTimeline h4 b{color:var(--accent)}.relationshipTimeline article,.relationshipTimeline button{display:grid;gap:3px;width:100%;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);font:inherit;text-align:start}.relationshipTimeline button{cursor:pointer}.relationshipTimeline strong{font-size:10.5px;line-height:1.35}.relationshipTimeline span,.relationshipTimeline p{margin:0;color:var(--muted);font-size:9.5px}.relationshipComparisonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.relationshipComparisonGrid>article{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.relationshipComparisonGrid article>header{display:flex;justify-content:space-between;gap:10px}.relationshipComparisonGrid header strong{color:var(--strong);font-size:12px}.relationshipComparisonGrid header span{color:var(--accent);font-size:9.5px;font-weight:900}.relationshipComparisonGrid dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.relationshipComparisonGrid dl div{padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid)}.relationshipComparisonGrid dt{color:var(--muted);font-size:8.5px;font-weight:900;text-transform:uppercase}.relationshipComparisonGrid dd{margin:3px 0 0;color:var(--text);font-size:10.5px}.relationshipComparisonGrid dd p{margin:3px 0}.relationshipComparisonGrid footer{display:flex;gap:5px;flex-wrap:wrap}.relationshipComparisonGrid footer button{padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;background:var(--surface-solid);color:var(--accent);font:800 9.5px/1.2 inherit;cursor:pointer}
.relationshipWalkthrough{display:grid;gap:11px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface-solid)),var(--surface-solid));box-shadow:0 12px 30px rgba(15,23,42,.08)}.relationshipWalkthrough>header{display:flex;justify-content:space-between;gap:10px}.relationshipWalkthrough header span{color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase}.relationshipWalkthrough h3{margin:3px 0 0;color:var(--strong);font-size:15px}.relationshipWalkthrough header button{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid);color:var(--text);font-size:19px;cursor:pointer}.relationshipWalkthroughProgress{height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--line))}.relationshipWalkthroughProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 48%,var(--success)))}.relationshipWalkthroughPath{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.relationshipWalkthroughPath>strong{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-solid);color:var(--strong);font-size:12px;line-height:1.35}.relationshipWalkthroughPath>span{display:grid;justify-items:center;color:var(--accent)}.relationshipWalkthroughPath span b{font-size:9.5px;text-transform:capitalize}.relationshipWalkthroughPath span i{font-size:20px;font-style:normal}.relationshipWalkthrough>p{margin:0;color:var(--text);font-size:11.5px;line-height:1.55}.relationshipWalkthrough>p b{color:var(--accent)}.relationshipWalkthrough>footer{display:flex;justify-content:flex-end;gap:7px}.relationshipWalkthrough footer button{min-height:34px;padding:7px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);font:800 11px/1.2 inherit;cursor:pointer}.relationshipWalkthrough footer button:last-child{border-color:var(--accent);background:var(--accent);color:#fff}.relationshipWalkthrough footer button:disabled{opacity:.45;cursor:not-allowed}
.relationshipWorkspace{display:grid;min-width:0}.relationshipWorkspace:has(.relationshipInspection){grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:13px}.relationshipView{min-width:0}.relationshipInspection{position:sticky;top:10px;min-width:0;max-height:calc(100vh - 40px);overflow:auto}.relationshipSelectionNotice{display:grid;gap:7px;margin-top:11px;padding:10px;border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--warn) 7%,var(--surface-soft))}.relationshipSelectionNotice p{margin:0;color:var(--text);font-size:10.5px;line-height:1.4}.relationshipSelectionNotice button,.relationshipInspectionActions button{min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid);color:var(--accent);font:800 10.5px/1.2 inherit;cursor:pointer}.relationshipInspectionActions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.relationshipPurposeView{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:21px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--muted) 14%,transparent) 1px,transparent 0);background-size:18px 18px}.relationshipViewSummary{margin:0;color:var(--muted);font-size:12px}.relationshipViewSummary b{color:var(--accent)}
.relationshipStoryPath{min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--surface-solid) 92%,transparent)}.relationshipStoryPath>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px;color:var(--muted);font-size:10.5px;font-weight:900;text-transform:uppercase}.relationshipStoryPath>header b{color:var(--accent)}
.relationshipStoryFlow{display:grid;grid-template-columns:minmax(155px,1fr) minmax(92px,.55fr) minmax(155px,1fr) minmax(92px,.55fr) minmax(155px,1fr) minmax(92px,.55fr) minmax(155px,1fr);align-items:center;gap:8px}.relationshipStoryConnector{display:grid;justify-items:center;gap:4px;min-width:0;padding:8px 4px;border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}.relationshipStoryConnector span{font-size:20px;line-height:1}.relationshipStoryConnector b{font-size:9.5px;text-transform:capitalize;overflow-wrap:anywhere}.relationshipStoryConnector small{max-width:150px;color:var(--muted);font-size:9px;line-height:1.35}.relationshipStoryConnector:hover b,.relationshipStoryConnector:focus-visible b{text-decoration:underline}.relationshipStoryConnector:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:10px}
.relationshipStep{position:absolute;inset-block-start:-8px;inset-inline-start:-7px;display:grid;place-items:center;width:23px;height:23px;border:2px solid var(--surface-solid);border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:900}
.relationshipEvidence{gap:15px}.relationshipEvidenceCluster{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(210px,1fr) minmax(210px,1fr);gap:10px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent)}.relationshipEvidenceClaim,.relationshipEvidenceColumn{min-width:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.relationshipEvidenceClaim h3,.relationshipEvidenceColumn h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 9px;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.relationshipEvidenceColumn h3 b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:var(--surface-solid);color:var(--text)}.relationshipEvidenceColumn--support{border-top:3px solid var(--success)}.relationshipEvidenceColumn--counter{border-top:3px solid var(--danger)}.relationshipEvidenceColumn>p{margin:16px 4px;color:var(--muted);font-size:11px}.relationshipEvidenceItem{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:7px}.relationshipEvidenceItem>button{height:max-content;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface-solid);color:var(--accent);font:800 9.5px/1.2 inherit;cursor:pointer}
.relationshipMapViewport{max-width:100%;min-height:430px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:21px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--muted) 16%,transparent) 1px,transparent 0);background-size:18px 18px;box-shadow:inset 0 1px 8px rgba(15,23,42,.04)}
.relationshipMapViewport:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}
.relationshipCanvas{position:relative;width:max-content;min-width:100%;min-height:430px;padding:18px;zoom:var(--mapZoom)}
.relationshipLanes{position:relative;z-index:2;display:grid;align-items:start;gap:13px}.relationshipLanes--network{grid-template-columns:repeat(3,minmax(230px,1fr));width:100%;min-width:760px}
[dir="rtl"] .relationshipLanes{direction:rtl}
.relationshipLane{min-height:0;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--surface-solid) 87%,transparent);backdrop-filter:blur(5px)}
.relationshipLane>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:6px 7px 10px;border-bottom:1px solid var(--line);color:var(--strong);font-size:11.5px;font-weight:900}
.relationshipLane>header b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface-solid));color:var(--accent);font-size:10px}
.relationshipLaneNodes{display:grid;gap:9px;padding-top:10px}
.relationshipNode{position:relative;z-index:2;display:grid;gap:6px;width:100%;min-width:0;padding:11px;border:1px solid var(--line);border-inline-start:4px solid color-mix(in srgb,var(--accent) 70%,var(--line));border-radius:13px;background:var(--surface-solid);color:var(--text);font:inherit;text-align:start;cursor:pointer;box-shadow:0 5px 15px rgba(15,23,42,.07);transition:border-color .15s,box-shadow .15s,transform .15s,opacity .15s}
.relationshipNode:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.11)}
.relationshipNode:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}.relationshipNode.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),0 12px 24px rgba(15,23,42,.12)}
.relationshipNode.is-tour-target{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent),0 12px 24px rgba(15,23,42,.12)}.relationshipStoryConnector.is-tour-target{border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.relationshipEvidenceItem.is-tour-target{padding:5px;border-radius:13px;background:color-mix(in srgb,var(--accent) 9%,transparent)}
.relationshipNode--evidence{border-inline-start-color:var(--success)}.relationshipNode--explanation{border-inline-start-color:var(--warn)}.relationshipNode--resistance{border-inline-start-color:var(--danger)}
.relationshipNodeType{color:var(--muted);font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.relationshipNode strong{color:var(--strong);font-size:11.5px;line-height:1.38;overflow-wrap:anywhere}
.relationshipNodeMeta{display:flex;align-items:center;justify-content:space-between;gap:8px}.relationshipNodeMeta b{color:var(--accent);font:850 9.5px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.relationshipNodeMeta small{color:var(--muted);font-size:9.5px;text-transform:capitalize}
.relationshipNode--compact{padding:9px;box-shadow:none}.relationshipNode--compact .relationshipNodeType{font-size:8.5px}.relationshipNode--compact strong{font-size:10.5px}
.relationshipEdges{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:visible}.relationshipEdges marker path{fill:color-mix(in srgb,var(--accent) 70%,var(--muted))}
.relationshipEdge{fill:none;stroke-width:2;marker-end:url(#relationshipArrow);opacity:.72}.relationshipEdge--explicit{stroke:var(--accent);stroke-width:2.6}.relationshipEdge--evidence{stroke:var(--success);stroke-dasharray:8 5}.relationshipEdge--structural{stroke:var(--muted);stroke-dasharray:2 5}
.relationshipEdge.is-tour-target{stroke:var(--accent);stroke-width:5;opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 45%,transparent))}
.relationshipList{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:13px}.relationshipList>section{min-width:0;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft)}
.relationshipList h3{display:flex;justify-content:space-between;margin:0 0 10px;color:var(--strong);font-size:13px}.relationshipNodeList,.relationshipEdgeList{display:grid;gap:7px;max-height:580px;overflow:auto;padding:2px}
.relationshipEdgeItem{display:grid;gap:5px;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-solid);color:var(--text);font:inherit;text-align:start;cursor:pointer}.relationshipEdgeItem:hover,.relationshipEdgeItem.is-selected{border-color:var(--accent)}
.relationshipEdgeItem.is-tour-target{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.relationshipEdgeItem span{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.relationshipEdgeItem span b{min-width:0;color:var(--strong);font-size:11px;line-height:1.35;overflow-wrap:anywhere}.relationshipEdgeItem i{color:var(--accent);font-style:normal}.relationshipEdgeItem small{color:var(--muted);font-size:9.5px;text-transform:capitalize}
.relationshipEdgeDetails{padding:16px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:17px;background:var(--surface-solid)}.relationshipEdgeDetails>header{display:flex;justify-content:space-between;gap:12px}.relationshipEdgeDetails header span{color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase}.relationshipEdgeDetails h3{margin:3px 0 0;color:var(--strong);font-size:15px}.relationshipEdgeDetails header button{flex:0 0 32px;min-width:32px;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:20px;cursor:pointer}
.relationshipEdgeDetails dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 0}.relationshipEdgeDetails dl div{padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.relationshipEdgeDetails dl .relationshipWhy{grid-column:span 2;border-color:color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface-soft))}.relationshipEdgeDetails dt{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.relationshipEdgeDetails dd{margin:3px 0 0;color:var(--text);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.relationshipEdgeDetails code{font-size:9px}
.relationshipNodeDetails{padding:16px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:17px;background:var(--surface-solid)}.relationshipNodeDetails>header{display:flex;justify-content:space-between;gap:12px}.relationshipNodeDetails header span{color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase}.relationshipNodeDetails h3{margin:3px 0 0;color:var(--strong);font-size:15px;line-height:1.35}.relationshipNodeDetails header>button{flex:0 0 32px;min-width:32px;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:20px;cursor:pointer}.relationshipNodeDetails dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 0}.relationshipNodeDetails dl div{padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.relationshipNodeDetails dt{color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}.relationshipNodeDetails dd{margin:3px 0 0;color:var(--text);font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.relationshipEmpty{padding:48px 20px;border:1px dashed var(--line);border-radius:18px;background:var(--surface-soft);color:var(--muted);text-align:center}
.relationshipSpatial{display:grid;gap:10px;min-width:0}.relationshipSpatial>header{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent-3) 28%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-3) 8%,var(--surface-solid)),var(--surface-solid))}.relationshipSpatial h3{margin:0;color:var(--strong);font-size:15px}.relationshipSpatial header p{max-width:760px;margin:4px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5}.relationshipSpatialOrientation{flex:none;color:var(--accent);font:850 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.relationshipSpatialControls{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.relationshipSpatialControls button{min-width:36px;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);font:850 12px/1.2 inherit;cursor:pointer}.relationshipSpatialControls button:hover,.relationshipSpatialControls button:focus-visible{border-color:var(--accent);color:var(--accent)}.relationshipSpatialControls [data-spatial-reset]{margin-inline-start:5px}.relationshipSpatialViewport{position:relative;height:680px;max-width:100%;overflow:hidden;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--accent-3) 28%,var(--line));border-radius:23px;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--accent-3) 12%,transparent),transparent 34%),radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--muted) 15%,transparent) 1px,transparent 0),linear-gradient(180deg,color-mix(in srgb,var(--surface-solid) 96%,transparent),color-mix(in srgb,var(--surface-soft) 92%,transparent));background-size:auto,22px 22px,auto;perspective:1450px;cursor:grab;touch-action:none;box-shadow:inset 0 0 70px color-mix(in srgb,var(--accent-3) 6%,transparent)}.relationshipSpatialViewport.is-dragging{cursor:grabbing}.relationshipSpatialViewport:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}.relationshipSpatialScene{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--spatial-pitch)) rotateZ(var(--spatial-yaw)) scale(var(--spatial-zoom));transition:transform .22s ease}.relationshipSpatialViewport.is-dragging .relationshipSpatialScene{transition:none}.relationshipSpatialNode{position:absolute;left:0;top:0;width:168px;min-height:68px;padding:9px;transform-style:preserve-3d;transform:translate3d(var(--sx),var(--sy),var(--sz)) translate(-50%,-50%) rotateZ(var(--spatial-yaw-inverse)) rotateX(var(--spatial-pitch-inverse));backface-visibility:hidden;box-shadow:0 14px 30px rgba(15,23,42,.14)}.relationshipSpatialNode:hover{transform:translate3d(var(--sx),var(--sy),var(--sz)) translate(-50%,-50%) rotateZ(var(--spatial-yaw-inverse)) rotateX(var(--spatial-pitch-inverse));border-color:var(--accent);box-shadow:0 18px 38px rgba(15,23,42,.2)}.relationshipSpatialNode .relationshipNodeType{font-size:8px}.relationshipSpatialNode strong{font-size:10px}.relationshipSpatialCluster{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;gap:6px;min-width:150px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent-3) 35%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface-solid) 92%,transparent);color:var(--strong);font-size:9px;font-weight:900;transform:translate3d(var(--sx),var(--sy),var(--sz)) translate(-50%,-50%) rotateZ(var(--spatial-yaw-inverse)) rotateX(var(--spatial-pitch-inverse));backface-visibility:hidden;box-shadow:0 8px 20px rgba(15,23,42,.1)}.relationshipSpatialCluster span{flex:1}.relationshipSpatialCluster b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--accent-3) 12%,var(--surface-soft));color:var(--accent-3)}.relationshipSpatialEdge{position:absolute;left:0;top:0;z-index:-1;display:block;width:var(--el);height:2px;transform-origin:left center;transform:translate3d(var(--ex),var(--ey),var(--ez)) rotateZ(var(--er)) rotateY(var(--ep));background:linear-gradient(90deg,currentColor,color-mix(in srgb,currentColor 28%,transparent));color:var(--accent);opacity:.62;pointer-events:none}.relationshipSpatialEdge::after{content:"";position:absolute;right:-1px;top:-3px;border-block:4px solid transparent;border-inline-start:7px solid currentColor}.relationshipSpatialEdge--evidence{height:1px;color:var(--success);background:repeating-linear-gradient(90deg,currentColor 0 8px,transparent 8px 13px)}.relationshipSpatialEdge--structural{height:1px;color:var(--muted);background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 7px)}
.relationshipSpatialNavigator{display:grid;grid-template-columns:auto minmax(220px,420px);align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:10.5px;font-weight:900}.relationshipSpatialNavigator select{height:36px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-solid);color:var(--text);font:inherit}.relationshipSpatialEdge{z-index:0}
@media(max-width:1180px){.relationshipToolbar{grid-template-columns:repeat(3,minmax(150px,1fr))}.relationshipStoryFlow{display:flex;align-items:stretch;overflow-x:auto;padding:8px 3px}.relationshipStoryFlow>.relationshipNode{flex:0 0 190px}.relationshipStoryConnector{flex:0 0 95px}.relationshipEvidenceCluster{grid-template-columns:minmax(180px,.75fr) 1fr 1fr}}
@media(max-width:980px){.relationshipWorkspace:has(.relationshipInspection){grid-template-columns:1fr}.relationshipInspection{position:static;max-height:none;order:-1}}
@media(max-width:760px){.relationshipExplorer.is-focus{inset:0;padding:10px;border:0;border-radius:0}.relationshipCommandBar{align-items:stretch}.relationshipDepth{margin-inline-start:0}.relationshipViewToggle{margin-inline-start:auto}.relationshipPrimaryActions{width:100%}.relationshipPrimaryActions button{flex:1}.relationshipSavedViews{grid-template-columns:1fr 1fr 1fr}.relationshipSavedViews label{grid-column:1/-1}.relationshipSavedViews button{width:100%}.relationshipToolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.relationshipLayers{align-items:stretch}.relationshipLayers fieldset{width:100%;overflow:auto}.relationshipNeighborhood{width:100%}.relationshipZoom{margin-inline-start:0}.relationshipList{grid-template-columns:1fr}.relationshipTimeline{grid-template-columns:repeat(5,minmax(190px,1fr))}.relationshipComparisonGrid{grid-template-columns:1fr}.relationshipWalkthroughPath{grid-template-columns:1fr}.relationshipWalkthroughPath>span{display:flex;justify-content:center;gap:7px}.relationshipWalkthroughPath span i{transform:rotate(90deg)}.relationshipStoryFlow{display:grid;grid-template-columns:1fr;overflow:visible}.relationshipStoryFlow>.relationshipNode{width:100%}.relationshipStoryConnector{display:flex;justify-content:center;align-items:center;min-height:48px}.relationshipStoryConnector span{transform:rotate(90deg)}[dir="rtl"] .relationshipStoryConnector span{transform:rotate(90deg)}.relationshipEvidenceCluster{grid-template-columns:1fr}.relationshipMapViewport{min-height:390px}.relationshipCanvas{min-height:390px}.relationshipLanes--network{grid-template-columns:minmax(260px,1fr);min-width:min(540px,calc(100vw - 70px));width:min(540px,calc(100vw - 70px))}.relationshipEdgeDetails dl{grid-template-columns:1fr 1fr}.relationshipEdgeDetails dl .relationshipWhy{grid-column:1/-1}.relationshipSpatial{display:none}}
@media(max-width:480px){.relationshipToolbar{grid-template-columns:1fr}.relationshipSearchRow{grid-template-columns:1fr}.relationshipDepth,.relationshipViewToggle,.relationshipOverlayToggle{flex:1}.relationshipDepth button,.relationshipViewToggle button,.relationshipOverlayToggle button{flex:1}.relationshipZoom{width:100%}.relationshipZoom button{flex:1}.relationshipEdgeDetails dl,.relationshipNodeDetails dl,.relationshipComparisonGrid dl{grid-template-columns:1fr}.relationshipIntro{padding:16px}.relationshipFocusExit{align-self:flex-start}.relationshipModes{width:100%}.relationshipModes button{flex:1}.relationshipPurposeView{padding:9px}.relationshipEvidenceCluster{padding:8px}.relationshipInspectionActions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.relationshipNode{transition:none}.relationshipNode:hover{transform:none}.relationshipSpatialNode,.relationshipSpatialNode:hover{transform:translate3d(var(--sx),var(--sy),var(--sz)) translate(-50%,-50%) rotateZ(var(--spatial-yaw-inverse)) rotateX(var(--spatial-pitch-inverse))}.relationshipSpatialScene{transition:none}}