/* /start-here/protocols/ find-a-peptide filter and jump list (Task #1769). */
.proto-find { margin: 8px 0 14px; max-width: 520px; }
.proto-find-label { display: block; font-size: 12.5px; font-weight: 700; color: var(--faint); margin-bottom: 6px; }
.proto-find input { width: 100%; font: inherit; font-size: 16px; color: var(--ink); background: var(--field); border: 1px solid var(--field-border); border-radius: 12px; padding: 11px 14px; min-height: 46px; }
.proto-find input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.proto-find-status { min-height: 1.2em; margin: 6px 0 0; font-size: 13px; color: var(--muted); }
.proto-jump { display: flex; flex-wrap: wrap; gap: 6px 8px; margin: 0 0 22px; }
.proto-jump a { font-size: 13px; text-decoration: none; color: var(--ink); background: var(--field); border: 1px solid var(--hairline); border-radius: 99px; padding: 5px 11px; }
.proto-jump a:hover, .proto-jump a:focus-visible { border-color: var(--accent); color: var(--accent-text); }
.proto-find-none { margin: 18px 0; color: var(--muted); }
#proto-grid [data-search][hidden], .proto-find[hidden], .proto-find-none[hidden] { display: none; }
#proto-grid > [id] { scroll-margin-top: 90px; }
/* Phones get the search only; the full jump list would be another long scroll. */
@media (max-width: 719px) { .proto-jump { display: none; } }