.sort-pills{flex-wrap:wrap;gap:8px;display:flex}.sort-pill{border:1px solid var(--gold);color:var(--foreground);font-family:var(--font-ui), sans-serif;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:4px;padding:8px 18px;font-size:12px;transition:background .2s,color .2s}.sort-pill:hover{background:color-mix(in srgb, var(--gold) 10%, transparent)}.sort-pill--active{background:var(--gold-fill,var(--gold));color:var(--on-gold);font-weight:600}.sort-pill--active:hover{background:var(--gold-bright)}