.benchmark-browser{min-width:0}
.benchmark-model-index{display:none}
.model-jump-picker{display:flex;align-items:center;gap:9px;flex:0 1 310px;min-width:190px;color:var(--olive);font-size:12px}
.model-jump-picker>span{white-space:nowrap}
.model-jump-picker select{min-width:0;width:100%;height:36px;padding:6px 28px 6px 10px;border:1px solid #ccd3c0;border-radius:5px;background:var(--white);color:var(--ink);font:inherit;text-overflow:ellipsis;cursor:pointer}
.model-jump-picker[hidden],.benchmark-model-index[hidden]{display:none}
.model-jump-picker select:focus-visible,.model-index-list a:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.model-row h3:focus{outline:none}
.model-row .model-label h3[tabindex="-1"]:focus-visible{outline:2px solid var(--copper);outline-offset:5px;border-radius:2px}
@media(max-width:950px){
  .model-jump-picker{gap:10px;margin-top:8px;min-width:0;font-size:12px}
  .model-jump-picker select{height:40px;font-size:16px;padding-block:7px}
}
/* Keep model navigation visible throughout the desktop layout. */
@media(min-width:951px){
  .benchmarks-page{--benchmark-index-width:clamp(196px,15vw,224px);--benchmark-index-gap:clamp(16px,1.25vw,24px)}
  .benchmark-browser{display:grid;grid-template-columns:minmax(0,1fr) var(--benchmark-index-width);align-items:start;gap:var(--benchmark-index-gap)}
  .control-bottom .prompt-filters{flex:1;min-width:0}
  .control-bottom>.gallery-navigation{margin-right:calc(var(--benchmark-index-width) + var(--benchmark-index-gap))}
  .benchmark-browser>.benchmark-table{grid-column:1;grid-row:1;width:100%;min-width:0}
  .benchmark-model-index{display:flex;flex-direction:column;position:sticky;top:calc(var(--control-height) + 12px);min-height:0;max-height:min(calc(100dvh - var(--control-height) - var(--compare-tray-clearance,0px) - 28px),var(--model-index-available-height,100dvh));padding:16px 8px 8px;border:1px solid transparent;border-radius:10px;background:var(--paper)}
  .benchmark-model-index{grid-column:2;grid-row:1}
  .benchmark-model-index.is-past-gallery{visibility:hidden}
  .benchmark-model-index h2{flex:none;margin:0 12px 12px;font-size:12px;line-height:1.4;letter-spacing:.01em;font-weight:650;color:var(--olive)}
  .model-index-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bec7ae transparent;list-style:none;margin:0;padding:3px 5px 3px 3px}
  .model-index-list li{margin:0;padding:0}
  .model-index-list a{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;padding:3px 10px 3px 13px;border-radius:5px;font-size:12px;line-height:1.45;color:#656e5d;text-decoration:none;transition:background .15s,color .15s}
  .model-index-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .model-index-icon{display:grid;place-items:center;width:16px;height:16px;overflow:hidden;border-radius:3px}
  .model-index-icon img{display:block;width:16px;height:16px;object-fit:contain}
  .model-index-icon.is-thumbnail img{filter:blur(1.2px);opacity:.85}
  .model-index-icon.is-monogram{background:hsl(var(--avatar-hue) 26% 83%);color:hsl(var(--avatar-hue) 25% 35%)}
  .model-index-icon.is-monogram::before{content:attr(data-initials);font-size:8px;font-weight:650;line-height:1;filter:blur(1px);opacity:.85}
  .model-index-list a:hover{background:#e9eddf;color:var(--olive)}
  .model-index-list a[aria-current]{background:#e2e8d6;color:#354b2d;font-weight:650}
  .model-index-list a[aria-current]::before{content:"";position:absolute;left:3px;top:10px;bottom:10px;width:2px;border-radius:2px;background:#6e855c}
  .model-jump-picker{display:none}
}
@media(prefers-reduced-motion:reduce){.model-index-list a{transition:none}}