/* Asking the map a question. The answer appears ON the map — matches stay lit,
   everything else recedes — because a list would throw away the position, and
   the position is the whole argument of this product. */
.v10-q{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:10px 14px;border-top:1px solid var(--line-2,rgba(24,40,90,.06));
  font-size:13px;
}
/* Lift the minimap clear of this bar. Its 62px offset was measured against the
   zoom controls alone; --v10q-h is set from the bar's real height by
   v10-query.js and re-measured whenever it wraps, so this stays correct at
   every width instead of only the one it was tested at. */
.network-card .network-minimap{ bottom:calc(62px + var(--v10q-h, 0px)); }
.v10-q-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#93A0B6)}
.v10-q-sel,.v10-q-text{
  font:inherit;font-size:13px;padding:6px 10px;border-radius:9px;
  border:1px solid var(--line,#DCE5EB);background:var(--surface,#fff);color:var(--text,#12263F);
}
.v10-q-text{width:130px}
.v10-q-sel:focus,.v10-q-text:focus{outline:0;border-color:var(--nhs,#1E86C8)}
.v10-q-count{font-size:12px;color:var(--muted,#93A0B6);margin-left:4px;font-variant-numeric:tabular-nums}
.v10-q-count.none{color:#A8446A;font-weight:600}
.v10-q-clear{
  font:inherit;font-size:12px;cursor:pointer;margin-left:auto;
  border:1px solid var(--line,#DCE5EB);background:var(--surface,#fff);
  border-radius:999px;padding:5px 13px;color:var(--muted,#66748F);
}
.v10-q-clear:hover{border-color:var(--nhs,#1E86C8);color:var(--nhs,#1E86C8)}

/* The answer. A miss is pushed back rather than hidden — you should still see
   the shape of the whole thing you are filtering inside. */
.v10-q-on .graph-node.v10-q-miss{
  opacity:.13!important;filter:saturate(.2)!important;pointer-events:none;
  transition:opacity .35s ease,filter .35s ease;
}
.v10-q-on .graph-edge.v10-q-miss{opacity:.07!important;transition:opacity .35s ease}
.v10-q-on .graph-node.v10-q-hit{
  transition:opacity .35s ease,filter .35s ease,box-shadow .35s ease;
  z-index:12;
}
/* A ring on the hits, in the accent rather than each project's own colour, so
   "this is a search result" never reads as "this project changed colour". */
.v10-q-on .graph-node.project-node.v10-q-hit{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--nhs,#1E86C8) 34%,transparent),
             0 10px 26px -12px rgba(28,45,95,.45)!important;
}

@media(max-width:700px){
  .v10-q{gap:6px;padding:9px 11px}
  .v10-q-label{display:none}
  .v10-q-text{width:100px}
  .v10-q-clear{margin-left:0}
}