/* Bounded option lists in the top filter panel; selection and source order stay intact. */
html body #filters .filter-search1066{display:flex;align-items:center;gap:6px;flex:1 1 100%;min-width:0;width:100%;margin:0 0 2px}
html body #filters .filter-search1066 input{flex:1;min-width:80px;width:100%;height:34px;padding:7px 10px;border:1px solid #cfd9e4;border-radius:6px;background:#fff;color:#202b36;font:400 12px/1.5 var(--sans);box-sizing:border-box}
#filters .filter-search1066 input::placeholder{color:#657183}
html body #filters .filter-search1066 button,html body #filters .filter-tail1066 button{appearance:none;min-height:32px;flex:none;padding:6px 8px;border:0;border-radius:5px;background:#edf2f6;color:#344151;font:600 11px/1.5 var(--sans);cursor:pointer;white-space:nowrap}
#filters .filter-search1066 button:hover,#filters .filter-tail1066 button:hover{background:#e1ede7;color:#086653}
#filters .filter-search1066 button:disabled{opacity:.45;cursor:default}
html body #filters .filter-tail1066{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:1 1 100%;width:100%;min-width:0;margin-top:2px}
#filters .filter-tail1066>span{font-size:11px;color:#657183;line-height:1.6}
html body #filters .filter-tail1066 button{color:#087462;background:transparent}
html body #filters .filter-empty1066{flex:1 1 100%;margin:2px 0;font-size:12px;line-height:1.7;color:#657183}
html body #filters .filter-expanded1066 .chips,html body #filters .filter-query1066 .chips{box-sizing:border-box;max-height:216px;overflow-y:auto;overscroll-behavior:contain;align-content:flex-start;padding:2px 4px 4px 2px;scrollbar-width:thin}
html body #filters .chips .chip[hidden],html body #filters .filter-search1066[hidden],html body #filters .filter-tail1066[hidden],html body #filters .filter-empty1066[hidden]{display:none!important}
html body #filters .rfold .filter-search1066,html body #filters .rfold .filter-tail1066,html body #filters .rfold .filter-empty1066{display:none!important}
#filters :is(.filter-search1066 input,.filter-search1066 button,.filter-tail1066 button):focus-visible{outline:3px solid #087f70;outline-offset:2px}
/* TOP RANKING is a record workspace, separate from the home portal. */
.top-ranking1066{margin:28px 0 32px;min-width:0}
.top-ranking-head1066{display:flex;justify-content:space-between;align-items:start;gap:24px;margin:0 0 24px;padding:0!important;min-height:0!important}
.top-ranking-head1066 h1{font:750 30px/1.3 var(--sans);letter-spacing:-.025em;margin:0 0 10px;color:#202b36}
.top-ranking-head1066 p{font-size:14px;line-height:1.8;color:#526072;margin:0;max-width:66ch}
.top-ranking-head1066>a{flex:none;margin-top:8px;color:#087462;font-size:13px;line-height:1.7}
.top-ranking-boards1066{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
html body .top-ranking-boards1066 .hboard{min-width:0;border:1px solid #dfe6ed;border-radius:12px;background:#fff;overflow:hidden;box-shadow:none}
.top-ranking-boards1066 .hb-h{padding:20px;border-bottom:1px solid #e5e8ed;gap:10px}
.top-ranking-boards1066 .hb-t{color:#202b36;font-size:18px}.top-ranking-boards1066 .hb-s{color:#657183;font-size:12px;line-height:1.6}
.top-ranking-boards1066 .hjbar{padding:10px 16px;gap:5px;flex-wrap:wrap;border-bottom:1px solid #e8edf2;background:#f8fafb}
.top-ranking-boards1066 .hjbtn{min-height:32px;padding:5px 7px;color:#526072;background:transparent;border:0;border-radius:5px}.top-ranking-boards1066 .hjbtn.on{background:#dfeee6;color:#086653}
.top-ranking-boards1066 .hjbtn .jico{width:22px;height:22px}
.top-ranking-boards1066 .hrow{padding:16px;min-height:76px;border-bottom:1px solid #e8edf2}.top-ranking-boards1066 .hb-list{max-height:none;overflow:visible}
.top-ranking-note1066{font-size:12px;color:#657183;line-height:1.8;margin:18px 0}
@media(max-width:900px){.top-ranking-boards1066{grid-template-columns:minmax(0,1fr);gap:24px}.top-ranking-head1066{flex-direction:column;gap:8px}.top-ranking-head1066>a{margin:0}}
@media(max-width:760px){.top-ranking-head1066 h1{font-size:25px}.top-ranking-head1066 p{font-size:13px}.top-ranking-boards1066 .hb-h{padding:16px}.top-ranking-boards1066 .hrow{padding:14px 12px}.top-ranking-boards1066 .hb-t{font-size:16px}.top-ranking-boards1066 .hjbar{padding:10px 12px}}

/* Reuse the approved light record vocabulary rather than legacy arcade styling. */
html body .top-ranking1066 .hboard::after,.top-ranking1066 .hb-t::before,.top-ranking1066 .hb-t::after,.top-ranking1066 .hb-s::before{display:none!important}
html body .top-ranking1066 .hb-h{background:#fff!important;border-color:#e2e8ef;display:flex;flex-direction:column;align-items:stretch}
html body .top-ranking1066 .hb-t{font:700 18px/1.5 var(--sans);letter-spacing:-.02em;color:#202b36!important;text-shadow:none}
html body .top-ranking1066 .hb-s{font:400 12px/1.7 var(--sans);letter-spacing:0;color:#657183!important}
html body .top-ranking1066 .hb-h .hdmbar{position:static;order:3;width:auto;justify-content:flex-start;align-self:start;background:transparent;padding:0;border:0}
html body .top-ranking1066 .hmtoggle{background:#edf1f5;border:0;padding:3px;border-radius:6px;gap:2px}
html body .top-ranking1066 .hmbtn{font:600 11px/1.4 var(--sans);min-height:30px;padding:6px 9px;border:0;border-radius:4px;background:transparent;color:#526072;text-shadow:none;box-shadow:none}
html body .top-ranking1066 .hmbtn.on{background:#fff;color:#087462;box-shadow:0 1px 3px #263b4a0f}
html body .top-ranking1066 .hb-list{background:#fff;padding:0 12px;scrollbar-color:auto}
html body .top-ranking1066 .hboard .hrow{display:flex!important;align-items:center;gap:10px;min-height:76px;background:#fff!important;border:0!important;border-bottom:1px solid #e8edf2!important;border-radius:0;margin:0;padding:14px 4px;font-family:var(--sans);color:#344151}
html body .top-ranking1066 .hrow:hover{background:#f4f9f6!important}
html body .top-ranking1066 .hrow :is(.hmedal,.hnum){background:transparent;border:0;box-shadow:none;color:#657183;font:600 12px/1.4 var(--sans);text-shadow:none;min-width:24px}
html body .top-ranking1066 .hrow.m1 .hmedal{color:#98650b}
html body .top-ranking1066 .hjob .jico{width:26px;height:26px;object-fit:contain}
html body .top-ranking1066 .hrow .nick{color:#202b36!important;font:650 14px/1.4 var(--sans);letter-spacing:0;text-shadow:none}
html body .top-ranking1066 .hrow :is(.hsrv,.hsrv-n){font:400 11px/1.5 var(--sans);color:#657183;letter-spacing:0}
html body .top-ranking1066 .hrow .hmeta{font:400 11px/1.7 var(--sans);color:#657183;margin-top:5px;letter-spacing:0}
html body .top-ranking1066 .hrow .hmeta :is(.mdung,.mboss,.mdiff){color:#526072}
html body .top-ranking1066 .hrow :is(.hv-dps,.hv-jci){font:750 20px/1.35 var(--sans);letter-spacing:-.02em;color:#087f70!important;text-shadow:none}
html body .top-ranking1066 .hrow .hv-u{font:400 10px/1.5 var(--sans);color:#657183}
html body .top-ranking1066 .hrow .hbar{height:2px;bottom:0;left:0;background:#cee4d9!important;box-shadow:none;opacity:1}
@media(max-width:760px){html body .top-ranking1066 .hrow .nick{font-size:13px}html body .top-ranking1066 .hrow :is(.hv-dps,.hv-jci){font-size:18px}.top-ranking1066 .hjob .jico{width:24px;height:24px}}

html body #filters .filter-large1066 .chips{display:flex;flex-wrap:wrap!important;overflow-x:hidden;max-width:100%}
html body #filters .filter-large1066 .chips .chip{flex:0 0 auto;min-width:0;max-width:100%;box-sizing:border-box}

html body #filters .frow{flex-wrap:wrap!important}
html body #filters .frow .chips{width:100%!important;flex-basis:100%}

html body #filters .rfold .fpick{display:block!important;flex:1;min-width:0;line-height:1.6;color:#526072;font-size:12px}

@media(min-width:761px){html body #filters .frow:not(.filter-large1066){align-items:center;gap:10px;padding-block:10px}html body #filters .frow:not(.filter-large1066) .flabel{flex:0 0 74px}html body #filters .frow:not(.filter-large1066) .chips{width:auto!important;flex:1 1 0;min-width:0}html body #filters .frow:not(.filter-large1066) .fpick{margin-left:0}}
@media(max-width:760px){
html body .top-ranking1066 .hboard .hrow{display:grid!important;grid-template-columns:22px 26px minmax(0,1fr);gap:8px 10px;align-items:start;padding:16px 2px}
.top-ranking1066 .hrow :is(.hmedal,.hnum){grid-column:1;grid-row:1/3;padding-top:5px}.top-ranking1066 .hrow .hjob{grid-column:2;grid-row:1;min-width:0}
html body .top-ranking1066 .hrow .hnick{grid-column:3;grid-row:1;min-width:0}.top-ranking1066 .hrow .hval{grid-column:2/4;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
html body .top-ranking1066 .hrow .hnl{display:flex;flex-wrap:wrap;gap:3px 6px;white-space:normal;overflow:visible;text-overflow:clip;max-width:none}
html body .top-ranking1066 .hrow .nick{max-width:100%;white-space:normal!important;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
html body .top-ranking1066 .hrow .hmeta,html body .top-ranking1066 .hrow .hmeta :is(.mdung,.mboss,.mdiff){display:inline;max-width:none;white-space:normal!important;overflow:visible;text-overflow:clip;line-height:1.7}
html body .top-ranking1066 .hrow .hmeta{display:block;margin-top:5px}.top-ranking1066 .hrow .hv-u{white-space:nowrap}
}

@media(max-width:760px){html body .top-ranking1066 .hrow .hmeta,html body .top-ranking1066 .hrow .hmeta :is(.mdung,.mboss,.mdiff){overflow-wrap:anywhere;word-break:normal}}
