.ranking-heading{justify-content:space-between}.ranking-heading h2{margin:0}.ranking-formula{padding:12px 16px;background:#edf4e6;border-radius:10px}.ranking-self{display:flex;flex-wrap:wrap;gap:24px 42px;align-items:center;padding:22px;background:#f0f5eb;border:1px solid var(--line);border-radius:12px;margin:20px 0}.ranking-self .metric small{font-size:14px;font-weight:400}.ranking-self p{margin:0}.ranking-current{background:#e8f2df}.rankings caption{text-align:left;padding:12px 0}.rankings .filters label{min-width:130px}.rankings .filters .ranking-course{flex:2 1 250px}.rankings select{max-width:100%;width:100%}.rankings .filters{align-items:end}.rankings .table-scroll{max-width:100%}.rankings table{min-width:560px}.rankings .pagination{margin-top:18px}.rankings :is(button,select){min-height:44px}.rankings button:focus-visible,.rankings select:focus-visible{outline:3px solid #477652;outline-offset:3px}@media(max-width:600px){.rankings.panel{padding:18px}.rankings .filters label{flex:1 1 110px;min-width:0}.rankings .filters .ranking-course{flex-basis:100%}.ranking-self{gap:18px;padding:16px}.ranking-self .metric{font-size:26px}.ranking-self>div:last-child{flex-basis:100%}.ranking-heading{align-items:start}.ranking-heading h2{font-size:21px}.ranking-formula{font-size:14px}}