@scope(.ranking-page) to (:scope [data-ui-scope]){:where(:scope).ranking-page{width:100%}.ranking-filters{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-top:0}.filter-grid{gap:var(--space-3);grid-template-columns:1.25fr 1.25fr .8fr .8fr;display:grid}.filter-field{gap:var(--space-2);min-width:0;color:var(--muted);font-size:12px;font-weight:750;display:grid}.filter-field>label,.basis-field legend{color:var(--muted);font-size:12px;font-weight:750}}@scope(.ranking-page){.ranking-filters .custom-select-trigger,.ranking-filters .topic-select-trigger{background:var(--surface);min-height:48px}}@scope(.ranking-page) to (:scope [data-ui-scope]){.basis-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line);display:flex}.basis-field{border:0;min-width:0;margin:0;padding:0}.basis-group{width:max-content;max-width:100%;margin-top:var(--space-2);gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-soft);display:inline-flex;overflow-x:auto}.basis-group button{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--muted);font:inherit;white-space:nowrap;background:0 0;border:0;font-size:13px;font-weight:800}.basis-group button.active{background:var(--surface);color:var(--leaf-deep);box-shadow:var(--shadow-subtle)}.reset-link{min-height:44px;padding:0 var(--space-2);color:var(--leaf-deep);text-underline-offset:4px;align-items:center;font-weight:750;text-decoration:underline;display:flex}.selected-topics{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.selected-topics>span{margin-right:var(--space-1);color:var(--muted);font-size:12px;font-weight:750}.selected-topics button{min-height:44px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font:inherit;font-size:12px;font-weight:800}.result-heading{justify-content:space-between;align-items:end;gap:var(--space-6);margin-top:var(--space-18);display:flex}.result-heading h2{margin:0 0 var(--space-2);letter-spacing:-.045em;font-size:clamp(28px,3.6vw,40px);line-height:1.15}.scope-chip{min-height:36px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--unknown-bg);color:var(--unknown);flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.summary-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.summary-grid article{gap:var(--space-2);min-height:112px;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:grid}.summary-grid span{color:var(--muted);font-size:12px}.summary-grid strong{margin-block:var(--space-2) var(--space-1);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:25px;line-height:1.2}}@scope(.ranking-page) to (:scope [data-ui-scope]){.rank-list-heading,.rank-row{gap:var(--space-4);grid-template-columns:48px 72px minmax(170px,1.15fr) minmax(220px,1.3fr) 120px minmax(225px,1fr);align-items:center;display:grid}.ranking-card{margin-top:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.rank-list-heading{padding:var(--space-3) var(--space-5);background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:800}.rank-list{margin:0;padding:0;list-style:none}.rank-row{min-width:0;min-height:132px;padding:var(--space-5);transition:background-color .12s;position:relative}.rank-row+.rank-row{border-top:1px solid var(--line)}.rank-row:hover,.rank-row:focus-within{background:var(--surface-soft)}.rank-pick{z-index:1;place-items:center;min-width:44px;min-height:44px;display:grid;position:relative}.rank-pick>input{width:20px;height:20px;accent-color:var(--leaf-deep);margin:0 auto}.rank-number{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;font-size:25px;font-weight:900;display:inline-flex}.rank-number small{color:var(--muted);margin:0;font-size:10px;font-weight:650;display:inline}.rank-company,.rank-change,.coverage,.rank-impact{gap:var(--space-1);min-width:0;display:grid}.rank-company a{color:var(--ink);letter-spacing:-.025em;font-size:18px;font-weight:850;text-decoration:none}.rank-company a:after{content:"";position:absolute;inset:0}.rank-company a:focus-visible{outline:none}.rank-company a:focus-visible:after{border-radius:inherit;outline:2px solid var(--focus);outline-offset:-2px}.rank-company span,.rank-change span,.coverage span{color:var(--muted);font-size:12px;line-height:1.45}.net{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.net strong{font-variant-numeric:tabular-nums;font-size:19px}.net span{color:var(--muted);font-size:11px}.score-sort-toggle{align-items:center;gap:var(--space-1);color:inherit;cursor:pointer;font:inherit;font-weight:inherit;background:0 0;border:0;padding:0;display:inline-flex}.score-sort-toggle b{font-size:14px}.score-sort-toggle:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--focus);outline-offset:3px}.mobile-score-sort{display:none}.mobile-score-sort .score-sort-toggle{min-height:44px}.dimension-components{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dimension-components span{gap:var(--space-1);min-width:0;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);background:var(--surface-soft);display:grid}.dimension-components b{color:var(--muted);font-size:10px}.dimension-components strong{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dimension-components strong.good{color:var(--good)}.dimension-components strong.harm{color:var(--danger)}.rank-impact details{margin-top:var(--space-2);color:var(--muted);font-size:12px}.rank-impact summary{cursor:pointer;align-items:center;min-height:32px;padding:0;font-weight:750;display:inline-flex}.rank-impact ul{gap:var(--space-1);margin:var(--space-1) 0 0;padding:0;list-style:none;display:grid}.rank-impact li{justify-content:space-between;gap:var(--space-2);display:flex}.rank-change strong{font-size:14px}.coverage-warning{align-items:center;gap:var(--space-4);grid-template-columns:minmax(100px,120px) minmax(0,105px);min-width:0;display:grid}.coverage{min-width:0}.coverage progress{appearance:none;border-radius:var(--radius-pill);background:var(--surface-soft);border:0;width:100%;height:5px;display:block;overflow:hidden}.coverage progress::-webkit-progress-bar{background:var(--surface-soft)}.coverage progress::-webkit-progress-value{background:var(--leaf)}.coverage progress::-moz-progress-bar{background:var(--leaf)}.warning{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--unknown-bg);color:var(--unknown);white-space:nowrap;justify-self:start;font-size:11px;font-weight:800}.warning.alert{background:var(--danger-bg);color:var(--danger)}}@scope(.ranking-page) to (:scope [data-ui-scope]){.compare-selection{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);background:var(--surface-soft);color:var(--ink);display:flex}.compare-selection h2,.compare-selection p{margin:0}.compare-selection h2{letter-spacing:-.02em;font-size:15px}.compare-selection p{margin-top:calc(var(--space-1) / 2);color:var(--muted);font-size:13px}.compare-selection button,.result-state button,.result-state a{min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);font:inherit;border:0;font-weight:850}.compare-selection button:disabled{cursor:not-allowed;background:var(--unknown-bg);color:var(--unknown)}.excluded{margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:0;overflow:hidden}.excluded summary{min-height:56px;padding:0 var(--space-6);cursor:pointer;align-items:center;font-weight:850;display:flex}.excluded ul{gap:var(--space-3);margin:var(--space-3) 0 0;padding:0 var(--space-6) var(--space-5);list-style:none;display:grid}.excluded li{gap:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--line);display:grid}.excluded li span{color:var(--muted);font-size:14px}.result-state{place-items:center;gap:var(--space-3);min-height:280px;margin-top:var(--space-6);padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;display:grid}.result-state h3,.result-state p{margin:0}}@media (width<=1040px){@scope(.ranking-page) to (:scope [data-ui-scope]){.filter-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-list-heading,.rank-row{grid-template-columns:40px 58px minmax(150px,1fr) minmax(200px,1.1fr) 100px minmax(100px,1fr)}.coverage-warning{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.warning{align-self:start}}}@media (width<=720px){@scope(.ranking-page) to (:scope [data-ui-scope]){.ranking-filters{padding:var(--space-5);grid-template-columns:1fr}.filter-grid,.summary-grid{grid-template-columns:1fr}.basis-row{flex-direction:column;align-items:flex-start}.basis-group{width:100%}.basis-group button{padding-inline:var(--space-2);flex:1 1 0}.reset-link{align-self:flex-end}.result-heading,.compare-selection{flex-direction:column;align-items:flex-start}.result-heading{margin-top:var(--space-14)}.scope-chip{align-self:flex-start}.summary-grid article{min-height:94px}.rank-list-heading{display:none}.mobile-score-sort{padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--muted);justify-content:flex-end;font-size:12px;font-weight:800;display:flex}.rank-row{gap:var(--space-3);min-height:0;padding:var(--space-5);grid-template-columns:44px 44px minmax(0,1fr)}.rank-company{grid-column:3}.rank-impact,.rank-change,.coverage-warning{grid-column:2/-1}.coverage-warning{grid-column:3;grid-template-columns:minmax(0,1fr)}.compare-selection button{width:100%}}}@scope(.topic-select) to (:scope [data-ui-scope]){:where(:scope).topic-select{width:100%;position:relative}.topic-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;text-align:left;display:flex}.topic-select-chevron{width:16px;height:16px;color:var(--muted);transform-origin:50%;flex:0 0 16px;place-items:center;transition:transform .12s;display:grid}.topic-select-trigger[aria-expanded=true] .topic-select-chevron{transform:rotate(180deg)}.topic-select-menu{z-index:130;top:calc(100% + var(--space-2));gap:var(--space-1);max-height:min(420px,70vh);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-popover);display:grid;position:absolute;left:0;right:0;overflow:auto}label{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;display:flex}label:hover{background:var(--surface-soft)}label:has(input:focus-visible){background:var(--surface-soft)}label:has(input:checked){background:var(--surface-soft)}label.overall{border-bottom:1px solid var(--line)}input{width:20px;height:20px;accent-color:var(--leaf-deep)}.topic-group-label{padding:var(--space-2) var(--space-2) var(--space-1);color:var(--muted);letter-spacing:.06em;font-size:11px;font-weight:800}}@media (prefers-reduced-motion:reduce){@scope(.topic-select) to (:scope [data-ui-scope]){.topic-select-chevron{transition:none}}}