.instrument-card { --muted: #686474; --line: #ddd8cc; }
.ref-marker { font: 600 10.5px 'JetBrains Mono',monospace; border: 1px solid var(--line); border-radius: 4px; padding: 3px 6px; margin: 0 4px 0 0; cursor: pointer; color: #7153a7; background: transparent; }
.source-missing { font-size: 10.5px; padding: 2px 5px; border: 1px dashed #a19ba9; border-radius: 4px; opacity: .8; }
.instrument-card :focus-visible, [data-instrument]:focus-visible { outline: 2px solid #9b76dd; outline-offset: 3px; }
.instrument-card p, .instrument-card span { overflow-wrap: anywhere; }
.instrument-card .scope-table { overflow: auto; grid-template-columns: minmax(70px,1.2fr) repeat(4,minmax(80px,1fr)) !important; }
.instrument-card .goes-table { grid-template-columns: 75px repeat(3,minmax(90px,1fr)) !important; }
@media (max-width: 767px) {
  .instrument-card > div { padding-left: 16px !important; padding-right: 16px !important; }
  .instrument-card h2 { font-size: 26px !important; }
  .instrument-card .scope-table { max-width: 100%; }
  .instrument-card [style*="grid-template-columns:148px"] { grid-template-columns: minmax(80px,30%) minmax(0,1fr) !important; gap: 8px !important; }
  .instrument-card [style*="grid-template-columns:max-content"] { grid-template-columns: minmax(0,1fr) !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}