.ranking-page{background:#f5f6f5}.ranking-main{padding:70px 0 100px}.ranking-main h1{margin:0;font-size:42px;line-height:1.2;letter-spacing:0}.ranking-intro{max-width:650px;margin:12px 0 30px;color:#62727a}.ranking-filters{display:grid;grid-template-columns:1fr 1fr auto auto;gap:12px;align-items:end;padding:16px;border:1px solid #e0e5e5;background:#fff}.ranking-filters label{color:#53636b;font-size:12px}.ranking-filters input,.ranking-filters select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #d3dcde;background:#fff;color:var(--ink);font:13px "Noto Sans Thai",sans-serif}.ranking-filters select:disabled{color:#9aa6aa;background:#f5f7f7}.ranking-list{margin:20px 0 0;padding:0;list-style:none;border:1px solid #e0e5e5;background:#fff}.ranking-list li{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid #e5ebeb}.ranking-list li:last-child{border-bottom:0}.ranking-place{font:600 22px "DM Sans",sans-serif;color:var(--blue)}.ranking-name{margin:0;font-size:16px}.ranking-detail{margin:2px 0 0;color:#728187;font-size:12px}.ranking-score{font:600 16px "DM Sans",sans-serif;color:var(--navy);text-align:right}.ranking-state{display:block!important;color:#62727a;font-size:13px}@media(max-width:900px){.ranking-filters{grid-template-columns:1fr 1fr}.ranking-filters button{min-height:44px}}@media(max-width:700px){.ranking-main{padding:45px 0 70px}.ranking-main h1{font-size:34px}.ranking-filters{grid-template-columns:1fr}.ranking-list li{grid-template-columns:42px 1fr}.ranking-score{grid-column:2;text-align:left}}