/* Binary inspector (141e). Site tokens only; row edges use the visual kit's --st-k colours so they match the map. */
.bi-tool { max-width: 1100px; min-width: 0; }
.tool-ui .bi-lede { color: var(--color-muted); font-size: .92rem; margin: -.5rem 0 .75rem; }
.bi-drop { border: 2px dashed var(--color-border); border-radius: var(--radius-panel); padding: 1rem; background: var(--color-surface); }
.bi-drop.is-over { border-color: var(--color-link); }
.bi-drop input[type=file] { max-width: 100%; }
.bi-samples { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .6rem; color: var(--color-muted); }
.bi-samples span { flex-basis: 100%; }
.bi-samples button { padding: 10px 14px; min-height: 44px; }
.bi-status { margin: .75rem 0 .25rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.bi-status:empty, .bi-note:empty, .bi-notes:empty { display: none; }
.bi-summary { font-weight: 700; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; margin-bottom: .1rem; }
.bi-title { margin-top: 0; overflow-wrap: anywhere; }
.bi-arch { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: .5rem 0; }
.bi-arch[hidden] { display: none; }
.bi-arch-label { color: var(--color-muted); font-size: .9rem; }
.bi-chip { min-height: 44px; padding: 6px 14px; border-radius: var(--radius-pill); background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); font-size: .9rem; }
.bi-chip:not(:disabled):not([aria-pressed=true]):hover { background: var(--color-surface-raised); }
.bi-chip[aria-pressed=true] { background: var(--color-accent); color: var(--color-on-accent); border-color: var(--color-accent); }
.bi-facts { display: grid; grid-template-columns: minmax(8rem, max-content) minmax(0, 1fr); gap: .3rem 1rem; margin: .75rem 0; padding: .75rem 1rem; background: var(--color-surface); border: 1px solid var(--line); border-radius: 7px; }
.bi-facts dt { color: var(--color-muted); font-size: .9rem; }
.bi-facts dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.bi-notes { color: var(--color-muted); font-size: .9rem; }
.bi-h { font-size: 1.05rem; margin: 1.25rem 0 .4rem; }
.bi-box { max-height: min(24rem, 60vh); overflow: auto; border: 1px solid var(--line); border-radius: 7px; background: var(--color-surface); overscroll-behavior: contain; }
.bi-box:focus-visible { outline: 3px solid var(--color-link); outline-offset: 2px; }
.bi-table { width: 100%; border-collapse: collapse; font: 13px/1.45 var(--font-label); font-variant-numeric: tabular-nums; }
.bi-table th { position: sticky; top: 0; background: var(--color-surface-raised); color: var(--color-muted); font-weight: 400; text-align: left; padding: 6px 8px; white-space: nowrap; }
.bi-table td { padding: 6px 8px; border-top: 1px solid var(--line); white-space: nowrap; }
.bi-table .bi-num { text-align: right; }
.bi-table .bi-name { white-space: nowrap; }
#bi-sections tr { cursor: pointer; }
#bi-sections tr:hover { background: var(--color-surface-raised); }
#bi-sections tr.is-selected { background: color-mix(in srgb, var(--color-link) 25%, transparent); outline: 2px solid var(--color-link); outline-offset: -2px; }
#bi-sections td:first-child { border-left: 4px solid var(--bi-kind, var(--line)); }
.bi-k-code { --bi-kind: var(--st-k0); } .bi-k-data { --bi-kind: var(--st-k1); } .bi-k-resources { --bi-kind: var(--st-k2); }
.bi-k-other { --bi-kind: color-mix(in srgb, var(--color-muted) 55%, var(--color-surface)); }
.bi-small { max-width: 32rem; border: 1px solid var(--line); }
.bi-more { margin-top: 1rem; }
.bi-more summary { cursor: pointer; font-weight: 700; min-height: 44px; display: flex; align-items: center; }
.bi-links { margin-top: 1.25rem; min-width: 0; }
.bi-links label { font-size: .9rem; color: var(--color-muted); }
.bi-links input[type=search] { width: 100%; max-width: 28rem; min-height: 44px; margin: 0 0 .25rem; }
.bi-names { list-style: none; margin: .25rem 0 .5rem; padding: 0; font: 13px/1.6 var(--font-label); overflow-wrap: anywhere; }
.bi-names li { padding: 1px 0; }
#bi-imports details { border-top: 1px solid var(--line); padding: .25rem 0; }
#bi-imports summary { cursor: pointer; min-height: 40px; display: list-item; padding: .5rem 0 .25rem; overflow-wrap: anywhere; }
#bi-imports .bi-names { padding-left: 1.25rem; max-height: 20rem; overflow: auto; }
.bi-exports { max-height: 20rem; overflow: auto; }
.bi-note { color: var(--color-muted); font-size: .9rem; margin: .35rem 0 0; overflow-wrap: anywhere; }
.bi-names .bi-note, summary .bi-note { font-size: inherit; margin: 0; }
.bi-pad { padding: .75rem; }
.bi-out { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.bi-out button { min-height: 44px; }
@media (max-width: 520px) {
  .bi-table .bi-wide, .bi-flagwords { display: none; }
  .bi-table { font-size: 12px; }
  .bi-table th, .bi-table td { padding: 6px 5px; }
  .bi-facts { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .bi-facts dd { margin-bottom: .45rem; }
}