/* Capability guidance stays distinct from the instrument's connection status. */
.midi-support-status{min-width:0;max-width:100%;margin:14px 0 10px;padding:13px 15px;border:1px solid #cbdce8;border-left:3px solid var(--accent);border-radius:7px;background:#edf3f7;overflow-wrap:anywhere}
.midi-support-status>strong{display:block;color:var(--ink);font-size:13px;font-weight:600;line-height:1.5}
.midi-support-status>p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.midi-support-status.unsupported,.midi-support-status.insecure,.midi-support-status.blocked{border-color:#e1d3b9;border-left-color:var(--gold);background:#f7f2e8}
.midi-support-help{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;max-width:100%;padding:8px 0;color:var(--accent);font:inherit;font-size:12px;line-height:1.6;text-align:left;white-space:normal;overflow-wrap:anywhere;background:none;text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){.midi-support-status{padding:12px 13px}.midi-support-status>strong{font-size:12px}.midi-support-status>p{font-size:11px}.midi-support-help{font-size:11px}}

.midi-compat-scroll{min-width:0;max-width:100%;margin:14px 0;border:1px solid var(--line);border-radius:7px;overflow-x:auto}
.midi-compat-table{width:100%;table-layout:fixed;border-collapse:collapse;color:var(--muted);font-size:12px;line-height:1.7}
.midi-compat-table th,.midi-compat-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.midi-compat-table th{background:#edf3f7;color:var(--ink);font-weight:600;line-height:1.5}
.midi-compat-table th:first-child,.midi-compat-table td:first-child{width:34%;color:var(--ink)}
.midi-compat-table tbody tr:last-child td{border-bottom:0}
@media(max-width:540px){.midi-compat-table th,.midi-compat-table td{padding:10px 8px}}