/* Keep model selection, facets and sorting visually distinct. */
.control-top{flex-wrap:wrap;gap:10px}
.control-top .bench-search{flex:1 1 260px}
.control-top .model-picker summary,.control-top .reset-button{min-height:44px;height:44px}
.top-sort-controls{display:flex;align-items:center;gap:7px;margin-left:auto;min-width:0}
.top-sort-controls[hidden]{display:none}
.top-sort-controls .sort-picker{gap:8px}
.top-sort-controls .benchmark-sort-select{width:clamp(170px,14vw,225px);max-width:225px;min-height:44px;height:44px;font-size:12px}
.top-sort-controls .sort-direction{min-height:44px}
.model-filter-picker{position:relative;flex:none}
.model-filter-picker>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #bac8af;border-radius:7px;background:#edf2e7;color:#344d31;font-size:12px;font-weight:600;list-style:none;cursor:pointer}
.model-filter-picker>summary::-webkit-details-marker{display:none}
.model-filter-picker>summary:after{content:'+';font-size:18px;font-weight:400;margin-left:3px}
.model-filter-picker[open]>summary:after{content:'−'}
.model-filter-picker>summary svg{width:18px;height:18px;fill:#edf2e7;stroke:currentColor;stroke-width:1.5}
.model-filter-picker>summary:hover{background:#e4ecd9;border-color:#93a780}
#model-filter-count{display:grid;place-items:center;min-width:20px;height:20px;padding-inline:4px;border-radius:50%;background:var(--olive);color:white;font-size:11px}
#model-filter-count[hidden]{display:none}
.model-filter-panel{position:absolute;right:0;top:52px;z-index:20;width:310px;max-width:calc(100vw - 24px);max-height:65vh;overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid #cbd6bf;border-radius:10px;background:#fffefa;box-shadow:0 12px 40px #262b2920}
.model-filter-panel fieldset{min-width:0;margin:0;padding:0;border:0}
.model-filter-panel fieldset+fieldset{margin-top:20px}
.model-filter-panel legend{height:32px;line-height:32px;padding:0;font-size:12px;font-weight:650;color:var(--ink)}
.model-filter-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:-32px;margin-bottom:6px}
.model-filter-actions button{min-width:42px;min-height:28px;padding:4px 6px;border:0;border-radius:5px;background:transparent;color:var(--olive);font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.model-filter-actions button:hover{background:#edf2e7}
.model-filter-actions button:disabled{color:#899181;cursor:default;text-decoration:none}
.model-filter-choice{display:flex;align-items:center;gap:11px;min-height:44px;margin-top:4px;padding:8px 10px;border:1px solid transparent;border-radius:7px;font-size:13px;line-height:1.4;cursor:pointer}
.model-filter-choice:hover{background:#f0f3e9}
.model-filter-choice:has(input:checked){border-color:#d6e0cb;background:#edf2e7}
.model-filter-choice input{appearance:none;position:relative;flex:none;width:18px;height:18px;margin:0;border:1.5px solid #a0af93;border-radius:4px;background:#fffefa;cursor:pointer}
.model-filter-choice input:checked{background:var(--olive);border-color:var(--olive)}
.model-filter-choice input:checked:after{content:'';position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
.model-filter-footer{position:sticky;bottom:-16px;margin:16px -16px -16px;padding:12px 16px;border-top:1px solid #dce3d3;background:#fffefa}
.model-filter-footer button{min-height:40px;width:100%;border:1px solid #cbd6bf;border-radius:7px;background:#f0f3e9;color:var(--olive);font:inherit;font-size:12px;font-weight:550;cursor:pointer}
.model-filter-footer button:disabled{opacity:.5;cursor:default}
.model-filter-picker>summary:focus-visible,.model-filter-panel button:focus-visible,.model-filter-choice input:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.model-filter-choice:focus-within{box-shadow:0 0 0 2px #4b624415}

@media(min-width:951px) and (max-width:1100px){
  .control-top:has(.kind-filter:not([hidden])) .bench-search{flex-basis:100%}
}

@media(max-width:950px){
  .control-top{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .control-top .bench-search{grid-column:1/-1}
  .control-top .model-picker{grid-column:1/-1;grid-row:2}
  .model-filter-picker{grid-column:1/-1;grid-row:3}
  .model-filter-picker>summary{min-height:44px;font-size:14px}
  .model-filter-picker>summary:after{margin-left:auto}
  .model-filter-panel{position:static;width:100%;max-width:none;max-height:none!important;overflow:visible;margin-top:8px;box-shadow:none}
  .model-filter-panel legend{height:44px;line-height:44px}
  .model-filter-actions{margin-top:-44px}
  .model-filter-actions button{min-height:44px;min-width:44px;font-size:12px}
  .model-filter-choice{min-height:44px;font-size:14px}
  .model-filter-footer{position:static}
  .model-filter-footer button{min-height:44px;font-size:14px}
  .control-top .reset-button{grid-column:1/-1;grid-row:4;justify-self:end;padding-inline:12px}
  .control-top .kind-filter{grid-column:1/-1;grid-row:5}
}
@media(forced-colors:active){
  .model-filter-choice input{appearance:auto}
  .model-filter-choice input:checked:after{display:none}
  .model-filter-choice:has(input:checked){border-color:Highlight}
}