/* /rankings: the search and filter block. One search row, then filters grouped under short labels. */
.rankpg .rtools2{gap:12px}
.rankpg .rrow1 #rq{max-width:none; min-height:46px; border-radius:12px}
.rankpg .rfbody{display:grid; grid-template-columns:1.25fr 1fr; gap:18px 28px; align-items:start; background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 20px}
.rankpg .rg{display:flex; flex-direction:column; gap:8px; min-width:0}
.rankpg .rgl{font:700 13px/1.2 var(--ui,system-ui); color:var(--ink-2); letter-spacing:.01em}
.rankpg .rfbody .filters{gap:6px}
.rankpg .rfbody .fchip{min-height:36px; padding:0 13px; font-size:14px}
/* public/private as one connected control */
.rankpg .filters.seg{gap:0; flex-wrap:nowrap; align-self:flex-start; border:1px solid var(--line); border-radius:999px; overflow:hidden}
.rankpg .filters.seg .fchip{border:0; border-radius:0; min-height:36px; padding:0 18px}
.rankpg .filters.seg .fchip + .fchip{border-left:1px solid var(--line)}
/* the two dropdowns sit side by side under their own labels */
.rankpg .rsel{flex-direction:row; flex-wrap:wrap; gap:12px 16px; align-items:flex-end}
.rankpg .rgs{display:flex; flex-direction:column; gap:6px; padding:0; font-weight:400}
.rankpg .rgs select{font:inherit; font-size:14.5px; border:1px solid var(--line); border-radius:10px; padding:6px 10px; min-height:40px; background:#fff; min-width:150px}
.rankpg .rgn{flex-basis:100%; font-size:12.5px; line-height:1.4}
/* the ask box and the table notes stay quiet next to the tools */
.rankpg .ask{border-width:1px; border-radius:14px}
.rankpg .rnote{padding-top:4px}
@media (max-width:900px){.rankpg .rfbody{grid-template-columns:1fr}}
@media (min-width:641px){.rankpg .rfbtn{display:none}}
@media (max-width:640px){
  .rankpg .rfbody{display:none; padding:14px; gap:14px}
  .rankpg .rfbody.open{display:grid}
  .rankpg .rgs{flex:1 1 140px} .rankpg .rgs select{width:100%; min-width:0}
}