/* Use the component width, and break BETWEEN the complete switch group and region selector. */
.ranking-region-browser{container-type:inline-size;container-name:ranking-regions;width:100%;max-width:640px;margin:0 auto 14px;box-sizing:border-box;}
.ranking-region-browser [hidden]{display:none!important;}
.ranking-region-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;width:100%;}
.ranking-region-toggle{display:flex;align-items:center;gap:14px;flex:0 0 auto;max-width:100%;min-height:44px;margin:0;color:#334155;font-size:15px;font-weight:700;line-height:1.5;cursor:pointer;}
.ranking-region-toggle__label{white-space:nowrap;}
.ranking-region-switch{position:relative;display:inline-flex;align-items:center;flex:0 0 78px;width:78px;height:44px;direction:ltr;}
.ranking-region-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1;}
.ranking-region-switch__track{position:relative;display:block;width:78px;height:36px;border:1px solid #94a3b8;border-radius:999px;background:#e2e8f0;box-sizing:border-box;transition:background .15s,border-color .15s;}
.ranking-region-switch__knob{position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.24);transition:transform .15s;}
.ranking-region-switch__on,.ranking-region-switch__off{position:absolute;top:0;height:34px;line-height:34px;font-family:system-ui,sans-serif;font-size:12px;font-weight:800;}
.ranking-region-switch__on{left:12px;color:#fff;opacity:0;}
.ranking-region-switch__off{right:10px;color:#334155;}
.ranking-region-switch input:checked+.ranking-region-switch__track{background:#2563eb;border-color:#2563eb;}
.ranking-region-switch input:checked+.ranking-region-switch__track .ranking-region-switch__knob{transform:translateX(42px);}
.ranking-region-switch input:checked+.ranking-region-switch__track .ranking-region-switch__on{opacity:1;}
.ranking-region-switch input:checked+.ranking-region-switch__track .ranking-region-switch__off{opacity:0;}
.ranking-region-switch input:focus-visible+.ranking-region-switch__track{outline:3px solid #0f172a;outline-offset:3px;}
.ranking-region-select{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0;max-width:100%;}
.ranking-region-select label{color:#334155;font-size:15px;font-weight:800;line-height:1.5;white-space:nowrap;}
.ranking-region-select select{box-sizing:border-box;width:180px;min-width:0;max-width:100%;min-height:44px;padding:0 12px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;color:#1e293b;font:inherit;}
.ranking-user-region{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:400;line-height:1.45;overflow-wrap:anywhere;}
.ranking-result .ranking-table td:nth-child(2){overflow-wrap:anywhere;}
#ranking-modal-body .ranking-retry{min-height:44px;padding:8px 16px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#334155;font:inherit;cursor:pointer;}
@container ranking-regions (max-width:560px){
    .ranking-region-controls{flex-direction:column;align-items:flex-start;gap:10px;}
    .ranking-region-toggle{flex:0 0 auto;}
    .ranking-region-select{width:100%;flex:0 1 auto;}
    .ranking-region-select select{flex:1;width:auto;}
}
@supports not (container-type:inline-size){
    @media(max-width:600px){
        .ranking-region-controls{flex-direction:column;align-items:flex-start;}
        .ranking-region-select{width:100%;}
        .ranking-region-select select{flex:1;width:auto;}
    }
}
/* Long translations remain in their group; only exceptionally narrow screens may wrap words. */
@container ranking-regions (max-width:320px){
    .ranking-region-toggle{width:100%;gap:8px;}
    .ranking-region-toggle__label{white-space:normal;overflow-wrap:anywhere;}
}
@media(prefers-reduced-motion:reduce){.ranking-region-switch__track,.ranking-region-switch__knob{transition:none;}}
@media(forced-colors:active){
    .ranking-region-switch__track{border:2px solid ButtonText;background:Canvas;}
    .ranking-region-switch__knob{background:ButtonText;box-shadow:none;top:2px;left:2px;}
    .ranking-region-switch input:checked+.ranking-region-switch__track{background:Highlight;border-color:Highlight;}
    .ranking-region-switch input:checked+.ranking-region-switch__track .ranking-region-switch__knob{background:HighlightText;}
}