/* Page Instruments (gabarit F). */
.search {
  width: 100%; max-width: 560px; height: 54px; display: flex; align-items: center; gap: 10px; padding: 0 18px;
  border-radius: 999px; border: 1px solid var(--line-strong); background: #FFFFFF; color: var(--ink-3);
}
.search:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 58, 237, .12) }
.search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: 400 16px var(--sans); color: var(--ink) }
.filters { display: flex; flex-wrap: wrap; gap: 8px }
.filter {
  height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 16px; border-radius: 999px; cursor: pointer;
  border: 1px solid var(--line-strong); background: #FFFFFF; font: 500 14px var(--sans); color: var(--ink-2);
}
.filter span { font: 500 11px var(--mono); color: var(--ink-3) }
.filter.on { border-color: var(--accent); background: rgba(124, 58, 237, .07); color: var(--ink) }
.filter.on span { color: var(--accent-ink) }
.instr-table { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums }
.instr-table th { text-align: left; font: 500 11px var(--mono); color: var(--ink-3); padding: 4px 20px 12px; border-bottom: 1px solid var(--line) }
.instr-table td { padding: 14px 20px; border-bottom: 1px solid var(--line); vertical-align: top }
.instr-table tr:last-child td { border-bottom: 0 }
.instr-table td b { display: block; font-weight: 600 }
.instr-table td:first-child b { font-family: var(--mono) }
.instr-table .sub { display: block; font-size: 12.5px; color: var(--ink-3); margin-top: 2px }
.instr-table .sub.gap { color: var(--accent-ink) }
.empty { margin: 0; padding: 24px 20px; color: var(--ink-2) }
.note { margin: 0; font-size: 13px; line-height: 1.6; color: var(--ink-3); max-width: 960px }
.ask { display: flex; flex-wrap: wrap; align-items: center; gap: 24px 48px; padding: clamp(24px, 3vw, 40px); background: var(--tint); border-radius: 28px }
@media (max-width: 599.98px) {
  .instr-table th:nth-child(2), .instr-table td:nth-child(2) { display: none }
  .instr-table th, .instr-table td { padding-left: 14px; padding-right: 14px }
}