.browse{gap:var(--pad);padding:var(--pad);grid-template-columns:minmax(0,1fr) 22rem;align-items:start;display:grid}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.finder{margin-bottom:var(--pad)}.finder__field input{border:1px solid var(--line-strong);background:var(--panel);width:100%;font-family:var(--display);color:var(--ink);padding:.7rem .85rem;font-size:1rem}.finder__field input::placeholder{color:var(--muted)}.finder__types{flex-wrap:wrap;gap:.3rem;margin-top:.6rem;display:flex}.finder__types button{border:1px solid var(--line-strong);background:var(--panel);font-family:var(--mono);letter-spacing:.06em;color:var(--muted);cursor:pointer;padding:.25rem .6rem;font-size:.68rem}.finder__types button:hover{color:var(--ink)}.finder__types button[aria-pressed=true]{background:var(--rack);border-color:var(--rack);color:var(--rack-ink)}.results{max-height:calc(100vh - 15rem);margin:0;padding:0;list-style:none;overflow-y:auto}.results li+li{border-top:1px solid var(--line)}.results button{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:.6rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem .9rem;display:grid}.results button:hover{background:#f0f0ea}.results button[aria-current=true]{box-shadow:inset 3px 0 0 var(--ink);background:#e6e6df}.results__swatch{border:1px solid #15171b;width:.6rem;height:.6rem}.results__name{font-size:.9rem}.results__why{font-family:var(--mono);color:var(--muted);font-size:.67rem;display:block}.results__type{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:.66rem}.results__empty{color:var(--muted);padding:1.5rem .9rem;font-size:.87rem}.browse__record{top:var(--pad);max-height:calc(100vh - 2 * var(--pad));position:sticky;overflow-y:auto}@media (width<=900px){.browse{grid-template-columns:minmax(0,1fr)}.browse__record{max-height:none;position:static}.results{max-height:none}}