.graph-explorer-bar { display:flex; align-items:center; gap:10px; padding:10px 0; border-top:1px solid var(--rule); font-size:11px; }
.graph-explorer-bar label { color:var(--muted); }
.graph-explorer-bar select { font:inherit; color:var(--ink); padding:7px 9px; min-height:34px; background:#fff; border:1px solid var(--rule); border-radius:4px; min-width:0; max-width:380px; flex:1; }
.graph-results-link { display:none; align-items:center; gap:5px; min-height:34px; }
.graph-results-link svg { width:12px; height:12px; }
.graph-selection-caption { font:11px/1.6 Verdana,sans-serif; color:var(--link); padding:5px 0 12px; overflow-wrap:anywhere; min-height:34px; }
#publicationGraphDetails { scroll-margin-top:16px; }
.graph-selection-navigation { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:40px; margin:0 0 12px; padding:0 0 8px; border-bottom:1px solid var(--rule); background:#fff; color:var(--muted); font:11px/1.5 Verdana,sans-serif; }
.graph-selection-actions { display:flex; flex:none; gap:6px; }
#papers .graph-selection-actions .icon-button { width:32px; height:32px; min-width:32px; min-height:32px; padding:7px; }
#papers .graph-selection-actions .icon-button:disabled { opacity:.35; cursor:default; box-shadow:none; transform:none; }
#papers .graph-selection-actions .icon-button:focus-visible { outline:2px solid var(--link); outline-offset:2px; }
#publicationGraphCanvas g { transition-property:none; }
.graph-layers { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; margin:0; padding:4px 0 10px; border:0; font:10px/1.6 Verdana,sans-serif; min-width:0; }
.graph-layers legend { padding:0; margin-bottom:3px; color:var(--muted); font:inherit; }
.graph-layer-options { display:flex; align-items:center; flex-wrap:wrap; gap:4px 18px; }
.graph-layer-options label { display:inline-flex; align-items:center; gap:5px; min-height:28px; cursor:pointer; }
.graph-layer-options label[hidden] { display:none; }
.graph-layer-options input { margin:0; width:13px; height:13px; accent-color:#2d6b90; }
.graph-layer-actions { display:flex; gap:5px; margin-left:auto; }
#papers .graph-layer-actions .icon-button { width:28px; height:28px; min-height:28px; padding:6px; }
#papers .graph-node circle.graph-node-hit { fill:transparent !important; stroke:none !important; }
#papers .graph-node.paper circle.graph-node-mark { fill:#d1e5f2; stroke:#236389; stroke-width:1.4px; }
#papers .graph-node.paper.is-unlinked circle.graph-node-mark { stroke-dasharray:2 2; }
#papers .graph-node.keyword circle.graph-node-mark { fill:#fbf7eb; stroke:#ac844a; stroke-width:1px; }
#papers .graph-node.is-selected circle.graph-node-mark, #papers .graph-node:focus-visible circle.graph-node-mark { stroke:#245d7b; stroke-width:3.2px; }
#papers .graph-node.is-related circle.graph-node-mark { stroke:#245d7b; stroke-width:2px; }
#papers .graph-node.is-selected circle.graph-node-mark { stroke-width:3.2px; }
#papers .graph-node.is-dimmed { opacity:.3; }
#papers .graph-link { stroke:#7892a2; stroke-width:1px; stroke-opacity:.24; }
#papers .graph-link.is-related { stroke:#245d7b; stroke-width:1.5px; stroke-opacity:.85; }
#papers .graph-link.is-dimmed { stroke-opacity:.045; }
#papers .graph-link.scope-link { opacity:.28; }
#papers .graph-link.scope-link.is-related { opacity:.8; }
#papers .graph-link.scope-link.is-dimmed { opacity:.07; }
#papers .graph-label { font-size:10px; }
.graph-label-guides { stroke:#7f8c93; stroke-width:.65px; pointer-events:none; }
.graph-key .key-unlinked { background:transparent; border:1px dashed #236389; }
#publicationGraphStatus { max-width:calc(100% - 24px); pointer-events:none; }
@media (max-width:700px) {
  .graph-selection-navigation { position:static; }
  #papers .graph-selection-actions .icon-button { width:36px; height:36px; min-width:36px; min-height:36px; }
  .graph-side { max-height:none; height:auto; overflow:visible; }
  .graph-stage { min-height:520px; }
  #publicationGraphCanvas { height:520px; }
  .graph-results-link { display:inline-flex; }
  .graph-explorer-bar { flex-wrap:wrap; }
  .graph-explorer-bar select { width:calc(100% - 70px); max-width:none; }
  .graph-results-link { margin-left:auto; }
  .graph-link { stroke-opacity:.34; }
  .graph-link.is-related { stroke-opacity:1; }
  .graph-node.is-dimmed { opacity:.13; }
  .graph-layer-options { gap:2px 14px; }
  .graph-layer-options label { min-height:32px; }
  .graph-layers { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; }
  .graph-layer-actions { margin-left:0; }
  #papers .graph-controls { gap:4px; width:100%; }
  #papers .graph-controls .icon-button { width:28px; height:28px; min-width:28px; min-height:28px; padding:6px; }
  #papers .graph-controls .graph-select { max-width:180px; }
}
@media print { .graph-explorer-bar,.graph-layers,.graph-selection-navigation { display:none; } .graph-side { max-height:none; overflow:visible; } }