/* Functional-neighbour tables stay compact and scroll within narrow entries. */
.functional-neighbors .fn-modality { margin: 14px 0 20px; }
.functional-neighbors .fn-modality h3 { margin: 10px 0 4px; font-size: 15px; font-weight: 600; color: var(--ink); }
.functional-neighbors .fn-table-scroll { max-width: 100%; overflow-x: auto; }
.functional-neighbors .measure-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.functional-neighbors .measure-table th,
.functional-neighbors .measure-table td { padding: 6px 10px; vertical-align: top; text-align: left; }
.functional-neighbors .measure-table th.num,
.functional-neighbors .measure-table td.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.functional-neighbors .fn-table td:first-child { white-space: nowrap; }
.functional-neighbors .fn-table td:nth-child(2) { max-width: 24rem; overflow-wrap: anywhere; }
.functional-neighbors .fn-na { color: var(--ink-soft); }
.functional-neighbors .fn-extra[hidden] { display: none; }
.functional-neighbors .fn-expand {
  margin: 8px 0; padding: 3px 10px; font: inherit; font-size: 13px; cursor: pointer;
  color: var(--teal); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
}
.functional-neighbors .fn-expand:hover { border-color: var(--teal); }
.functional-neighbors .fn-scatter { width: 320px; max-width: 100%; margin: 10px 0 0; }
.functional-neighbors .fn-scatter svg { width: 100%; height: auto; overflow: visible; }
.functional-neighbors .fn-scatter svg text { fill: currentColor; font-size: 10px; }
.functional-neighbors .fn-scatter circle { fill: var(--teal); opacity: .8; }
.functional-neighbors .fn-axis { fill: none; stroke: var(--ink-soft); stroke-width: 1; }
.functional-neighbors .fn-scatter figcaption { line-height: 1.45; }
.functional-neighbors .fn-about details { margin: 10px 0; }
.functional-neighbors .fn-about summary { cursor: pointer; }
@media (max-width: 640px) {
  .functional-neighbors .fn-table { min-width: 740px; }
}