/* Case category filter (/cases/) and category links on the top page. */
.case-filter{margin:0 0 32px}
.case-filter ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.case-filter a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--sub);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .25s,color .25s,background .25s}
.case-filter a:hover{border-color:var(--mint-d);color:var(--mint-ink)}
.case-filter a[aria-current="true"]{border-color:var(--mint-d);background:var(--mint-pale);color:var(--mint-ink)}
.case-filter a[aria-current="true"]::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint-d)}
.cases-list>.colc[hidden]{display:none!important}
@media(max-width:599px){
 .case-filter ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}
 .case-filter ul::-webkit-scrollbar{display:none}
 .case-filter li{flex:none}
}
.n .filt a{color:inherit;text-decoration:none}
.n .filt a:hover{color:var(--coral-ink)}
.n .filt a:focus-visible{outline:2px solid var(--mint-d);outline-offset:4px;border-radius:4px}
@media(max-width:1099px){
 .n #products .filt li{padding:0!important}
 .n #products .filt li>a{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 14px}
}