/* Vertical sticking belongs outside the gallery's horizontal scroll area. */
.benchmarks-page{--control-height:0px;--benchmark-heading-height:0px}
.benchmark-table.single-view{max-width:920px;margin-inline:auto}
.gallery-header{position:sticky;top:var(--control-height);z-index:14;background:#fffefa;border-radius:12px 12px 0 0;box-shadow:0 5px 12px #2937240c}
.gallery-heading-scroll{overflow-x:auto;scrollbar-width:none;padding:12px 16px 10px;border:1px solid #d8ddce;border-bottom:0;border-radius:inherit}
.gallery-heading-scroll::-webkit-scrollbar{display:none}
.benchmark-table>.gallery-scroll{border-top:0;border-radius:0 0 12px 12px;padding-top:0}
.prompt-headings .sort-heading>small{white-space:pre-line;line-height:1.4}
.result-measure{display:none}
.result-card{scroll-margin-top:calc(var(--control-height) + var(--benchmark-heading-height) + 12px)}

@media(min-width:951px){
  /* Include the full grid in each scroll surface, including trailing padding. */
  .gallery-heading-scroll .prompt-headings,.benchmark-table #benchmark-results{min-width:min-content}
}

@media(max-width:950px){
  .gallery-header{display:none}
  .bench-controls{padding-top:env(safe-area-inset-top,0px)}
  /* Clip rounded corners without introducing an ancestor scroll container. */
  .model-row .result-card{overflow:clip}
  .model-row .result-heading{position:sticky;top:var(--control-height);z-index:5;min-height:80px;height:auto;padding-block:9px;background:#fffefa;border-bottom:1px solid #e2e7d8;gap:8px}
  .model-row .result-heading>span{min-width:0}
  .model-row .result-heading .result-measure{display:block;white-space:pre-line;font-size:12px;line-height:1.4;margin-top:3px;font-weight:400;color:var(--muted)}
  .model-row .result-share{flex:none}
}
