.run-browser { scroll-margin-top: 20px; }
.platform-rank { width: calc(100% + 20px); appearance: none; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.platform-rank + .platform-rank { border-top: 1px solid #F5F0EA; }
.platform-rank .ptx small { white-space: normal; }
.platform-rank .pct.unscored { font: 12px var(--font-mono); color: var(--ink-3); }
.bench-main .cat-head { align-items: center; padding-bottom: 20px; gap: 12px 20px; }
.cat-head .run-controls { flex: 0 0 auto; width: max-content; margin-left: auto; max-width: 100%; }
.cat-head .deploy-filters { display: grid; grid-template-columns: max-content 190px 190px; align-items: end; gap: 12px; }
@media (max-width: 1040px) {
  .cat-head .run-controls { width: 100%; margin-left: 0; }
  .cat-head .deploy-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cat-head .deploy-experiments { grid-column: 1 / -1; }
}
.run-browser .benchmark-rankings :is(button,a):focus-visible { outline: 2px solid var(--brick); outline-offset: 3px; }
.run-list-title { margin: 28px 0 16px; }
.run-platform-score { font: 500 18px/1.3 var(--font-display); }
.attribution-issues { display: grid; gap: 24px; }
.attribution-issue { padding: 20px 0 0; border-top: 1px solid var(--bg-2); min-width: 0; }
.attribution-label { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; font: 500 12px/1.6 var(--font-mono); color: var(--ink-3); }
.attribution-label b { font-weight: 500; }
.attribution-issue[data-cause="platform"] .attribution-label { color: var(--brick); }
.attribution-issue h4 { margin: 12px 0 8px; font: 600 17px/1.4 var(--font-sans); }
.attribution-issue details { margin-top: 16px; }
.attribution-issue summary { font-size: 14px; cursor: pointer; }
.review-eyebrow { margin: 0 0 8px; font: 500 12px/1.5 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--brick); }
.run-browser .panel-heading h2 { font: 500 25px/1.25 var(--font-display); }
.run-browser .section-copy { font-size: 16px; max-width: 760px; }
.run-controls { padding: 0; }
.run-controls[hidden] { display: none; }
/* Same control geometry, tokens, and states as model-comparison.css. */
.deploy-filters { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 16px; }
.deploy-filter-field { min-width: 0; flex: 0 1 230px; }
.deploy-experiments { flex: 0 1 auto; }
.deploy-filter-label { display: block; margin-bottom: 8px; font: 500 10px/1.5 var(--font-mono); letter-spacing: .7px; text-transform: uppercase; color: #78746e; }
.deploy-filters button, .deploy-picker summary { font: inherit; cursor: pointer; color: inherit; }
.deploy-filters svg { width: 16px; height: 16px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.4; }
.deploy-filters img { width: 20px; height: 20px; flex-shrink: 0; object-fit: contain; }
.deploy-pairs { display: flex; min-height: 46px; box-sizing: border-box; padding: 3px; background: white; border: 1px solid #d7d1ca; border-radius: 8px; gap: 3px; }
.deploy-pairs button { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 12px; background: transparent; border: 0; border-radius: 4px; font-size: 12px; white-space: nowrap; color: #67615b; }
.deploy-pairs button[aria-pressed=true] { background: #f7efe8; color: #8f4325; box-shadow: 0 1px 3px #30251b10; }
.deploy-pairs button:hover { background: #faf5ef; }
.deploy-pairs small { font: 10px var(--font-mono); color: #78746e; }
.deploy-pair-logos { display: flex; gap: 4px; }
.deploy-pair-logos img { width: 16px; height: 16px; }
.deploy-picker { position: relative; }
.deploy-picker[open] { z-index: 15; }
.deploy-picker > summary { height: 46px; box-sizing: border-box; display: flex; align-items: center; gap: 14px; padding: 0 14px; background: white; border: 1px solid #d7d1ca; border-radius: 8px; list-style: none; box-shadow: 0 2px 3px #31201004; }
.deploy-picker summary::-webkit-details-marker { display: none; }
.deploy-picker[open] > summary { border-color: #d45c29; box-shadow: 0 0 0 3px #e8783020; }
.deploy-picker-value { display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; font-size: 13px; }
.deploy-picker-value > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deploy-picker-menu { position: absolute; top: calc(100% + 7px); left: 0; width: max(100%, 240px); max-width: calc(100vw - 48px); box-sizing: border-box; padding: 8px; border: 1px solid #d7d1ca; border-radius: 8px; background: white; box-shadow: 0 16px 36px #24180920; }
.deploy-picker-menu button { display: flex; align-items: center; width: 100%; min-height: 44px; gap: 10px; text-align: left; padding: 10px; font-size: 13px; background: transparent; border: 0; border-radius: 4px; }
.deploy-picker-menu button:hover, .deploy-picker-menu button[aria-pressed=true] { background: #f7efe8; }
.deploy-check { margin-left: auto; color: var(--brick); }
.deploy-filters :is(button,summary):focus-visible { outline: 2px solid var(--brick); outline-offset: 3px; }
@media (max-width: 760px) {
  .deploy-filter-field { flex: 1 1 180px; }
  .deploy-experiments { flex-basis: 100%; }
  .deploy-pairs { flex-wrap: wrap; }
  .deploy-pairs button { flex: 1 1 auto; }
  .deploy-picker-menu { width: 100%; min-width: 0; }
}
.run-row { position: relative; display: grid; grid-template-columns: minmax(105px,.65fr) minmax(150px,1.2fr) minmax(120px,.8fr) minmax(160px,1fr) 15px; gap: 12px; align-items: center; width: 100%; min-height: 52px; padding: 8px 12px; border: 0; border-top: 1px solid var(--bg-2); background: transparent; color: var(--ink); text-align: left; cursor: pointer; font: 14px/1.4 var(--font-sans); }
.run-row:hover { background: #FAF5EF; }
.run-row strong { font-weight: 650; }
.run-row small { display: block; color: var(--ink-3); font: 12px/1.4 var(--font-mono); }
.run-row .run-platform-score small { display: inline; white-space: nowrap; }
.run-stack { display: flex; align-items: center; gap: 7px; margin-top: 4px; }
.run-stack img { width: 17px; height: 17px; object-fit: contain; }
.run-model-name { display: flex; align-items: center; gap: 8px; }
.run-model-name img { width: 22px; height: 22px; object-fit: contain; }
.score-empty { color: var(--ink-3); }
.run-provider { display: flex; align-items: center; gap: 10px; }
.run-provider img { width: 22px; height: 22px; object-fit: contain; }
.run-arrow { color: var(--brick); font-size: 22px; }
.review-badge { display: inline-block; width: fit-content; padding: 4px 8px; border: 1px solid #D8CFC6; font: 500 12px/1.5 var(--font-mono); color: var(--ink-2); background: #F8F5F1; }
.review-badge[data-verdict="faithful"] { background: #EDF4EF; color: #285B3E; border-color: #C5D9CB; }
.review-badge[data-verdict="partial"], .review-badge[data-verdict="placeholder"], .review-badge[data-verdict="no_deployment"] { background: #FBEEE7; color: #9A370F; border-color: #E8CDBE; }
.run-row .review-badge { font-size: 12px; }
.review-state { margin: 18px 0 0; font-size: 14px; line-height: 1.6; color: var(--ink-3); }
.run-dialog { padding: 0; border: 1px solid #D8CFC6; width: min(1000px, calc(100% - 40px)); max-width: none; max-height: calc(100dvh - 40px); margin: auto; background: #F8F5F1; color: var(--ink); overflow: auto; overscroll-behavior: contain; box-shadow: 0 24px 100px #09080830; }
.run-dialog::backdrop { background: #09080880; backdrop-filter: blur(3px); }
body:has(.run-dialog[open]) { overflow: hidden; }
.review-dialog-bar { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 10px 24px; border-bottom: 1px solid #E9E2DB; background: #fff; }
.review-dialog-bar .review-eyebrow { margin: 0; }
.review-dialog-bar button { display: flex; align-items: center; gap: 18px; min-height: 44px; padding: 8px 12px; border: 0; background: transparent; color: var(--ink); font: 14px var(--font-sans); cursor: pointer; }
.review-dialog-bar button span { font-size: 24px; }
.review-hero { padding: 28px; background: #fff; border-bottom: 1px solid #E9E2DB; }
.review-identity { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.review-identity img { width: 40px; height: 40px; object-fit: contain; padding: 6px; border: 1px solid #E9E2DB; }
.review-identity h2 { margin: 0; font: 500 27px/1.3 var(--font-display); }
.review-context { color: var(--ink-3); font: 12px/1.8 var(--font-mono); }
.review-stack .run-stack { margin: 0; gap: 10px; }
.review-stack img { width: 22px; height: 22px; }
.review-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #E9E2DB; font: 14px/1.5 var(--font-sans); }
.review-url-status { color: var(--ink-2); }
.review-score-status { display: flex; align-items: baseline; gap: 10px; margin-left: auto; color: var(--ink-3); }
.review-score-status strong { font: 500 21px/1.3 var(--font-display); color: var(--brick); }
.review-findings { margin: 0; padding-left: 18px; font: 16px/1.65 var(--font-sans); color: var(--ink-2); overflow-wrap: anywhere; }
.review-findings li + li { margin-top: 8px; }
.review-dimension .review-findings { font-size: 14px; }
.review-body { padding: 24px 28px 28px; background: #fff; }
.review-section { min-width: 0; }
.review-section h3 { font: 500 22px/1.3 var(--font-display); margin: 0 0 14px; }
.review-prose { margin: 0; max-width: 65ch; font: 1rem/1.65 var(--font-sans); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink-2); }
.review-evidence { margin: 12px 0 0; }
.review-evidence > p { margin: 0 0 10px; font: 500 12px/1.5 var(--font-mono); text-transform: uppercase; letter-spacing: .04em; color: var(--ink-3); }
.review-evidence ul { margin: 0; padding: 0; list-style: none; }
.review-evidence li { font: 14px/1.7 var(--font-sans); overflow-wrap: anywhere; color: var(--ink-2); }
.review-evidence li + li { margin-top: 9px; }
.review-evidence li > p { margin: 6px 0; }
.command-evidence { margin-top: 6px !important; border-bottom: 1px solid var(--bg-2); }
.command-evidence > summary { display: flex; align-items: center; gap: 10px; padding: 10px 12px; min-height: 24px; color: var(--brick); }
.command-evidence > summary::before { content: '+'; font: 18px var(--font-mono); }
.command-evidence[open] > summary::before { content: '−'; }
.command-evidence > summary small { margin-left: auto; color: var(--ink-3); font: 12px var(--font-mono); }
.command-output { padding: 12px; background: #FBF9F7; }
.command-output > p { margin: 0 0 8px; color: var(--ink-3); font: 12px var(--font-mono); }
.command-output pre { margin: 0; max-height: 300px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.65 var(--font-mono); color: var(--ink); }
.review-correction { border-left: 3px solid var(--brick); }
.review-correction .review-eyebrow { color: var(--brick); }
.review-original { border-top: 1px dashed #D8CFC6; margin-top: 20px; padding-top: 16px; }
.review-original summary, .review-dimension summary { cursor: pointer; font-size: 14px; line-height: 1.5; }
.review-original[open] summary { margin-bottom: 16px; }
.review-workflow-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
.review-total { white-space: nowrap; font: 500 30px/1 var(--font-display); color: var(--brick); }
.review-total small { font: 12px var(--font-mono); color: var(--ink-3); }
.review-dimensions { margin-top: 20px; display: grid; gap: 20px; }
.review-dimension { border-top: 1px solid var(--bg-2); padding: 16px 0 0; min-width: 0; }
.review-dimension header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; font-size: 14px; }
.review-dimension header b { font: 500 17px var(--font-display); white-space: nowrap; }
.review-meter { height: 3px; background: #ECE6DF; margin: 0 0 14px; }
.review-meter span { display: block; height: 100%; background: var(--brick); }
.review-dimension .review-prose { font-size: 14px; line-height: 1.65; }
.review-dimension details { margin-top: 12px; }
.run-browser :is(button,select,a):focus-visible, .run-dialog :is(button,summary,a):focus-visible { outline: 2px solid var(--brick); outline-offset: 3px; }
@media (max-width: 760px) {
  .run-row { grid-template-columns: 1fr 1fr 15px; gap: 6px 12px; padding-block: 8px; }
  .run-provider { grid-column: 1; } .run-project { grid-column: 2; } .run-arrow { grid-column: 3; grid-row: 1 / 3; }
  .run-model-name { grid-column: 1; } .run-verdict { grid-column: 2; }
  .review-dialog-bar { padding-inline: 14px; }
  .review-hero, .review-body { padding: 20px 16px; }
  .review-dimensions { grid-template-columns: 1fr; }
  .review-identity h2 { font-size: 23px; }
}
@media (max-width: 480px) { .run-dialog { width: 100%; max-height: 100dvh; height: 100dvh; border: 0; } .run-row { padding-inline: 0; } }

/* Readable board metadata. Scope to the benchmark, not other board pages. */
.bench-main .crumbs, .bench-main .tier,
.benchmark-rankings .panel > header h2, .benchmark-rankings .pmeta,
.benchmark-rankings .pfoot, .benchmark-rankings .prow .rk,
.benchmark-rankings .prow .ptx small,
.deploy-filter-label, .deploy-pairs small { font-size: .75rem; color: var(--ink-3); }
.bench-main .tier, .benchmark-rankings .prow.first .pct { color: var(--brick-2); }
.benchmark-rankings .panel > header h2 { margin: 0; font-family: var(--font-mono); font-weight: 500; letter-spacing: .07em; text-transform: uppercase; }
.benchmark-rankings .panel.lead > header h2 { color: var(--ink); }
.benchmark-rankings .panel.lead > header h2::before { content: ''; display: inline-block; width: 7px; height: 7px; background: var(--brick); margin-right: 6px; vertical-align: 1px; }
#site-footer .footer-col-title { font-size: .75rem; color: #aaa39b; }
.benchmark-rankings .panel > header { flex-wrap: wrap; row-gap: 6px; }
.benchmark-rankings .prow { min-height: 58px; }
.benchmark-rankings .pfoot { flex-wrap: wrap; }
.benchmark-rankings .prow .ptx small { letter-spacing: 0; line-height: 1.5; }
.command-evidence > summary > span { min-width: 0; overflow-wrap: anywhere; }
.command-evidence > summary small { flex-shrink: 0; }
.review-prose + .review-evidence { margin-top: 14px; }
.review-original > summary { padding-block: 6px; min-height: 32px; }
@media (prefers-reduced-motion: reduce) {
  .bench-main *, .bench-main *::before, .bench-main *::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
}

/* Dense run table and right-side session drawer, matching the leaderboard.
   Layer order: page, picker (15), native dialog top layer, sticky drawer bar (2). */
.bench-header { padding-block: 10px; }
.bench-main .cat-head { padding-block: 12px; }
.bench-main .crumbs { padding-top: 10px; padding-bottom: 0; }
.deploy-filter-label { margin-bottom: 4px; }
.deploy-pairs { min-height: 36px; padding: 2px; }
.deploy-pairs button { padding: 6px 9px; }
.deploy-picker > summary { height: 36px; padding-inline: 10px; }
.benchmark-rankings { grid-template-columns: minmax(0, 1fr); margin-bottom: 14px; }
.benchmark-rankings .panel { padding: 12px 18px; }
.benchmark-rankings .panel > header { margin-bottom: 8px; }
.benchmark-rankings .prow { min-height: 44px; padding-block: 5px; }
.benchmark-rankings .prow.big .ptx b { font-size: 16px; }
.benchmark-rankings .prow .pct { font-size: 20px; }
.benchmark-rankings .prow .tlogo { width: 27px; height: 27px; }
.benchmark-rankings .prow .tlogo img { width: 20px; height: 20px; }
.benchmark-rankings .pfoot { padding-top: 10px; margin-top: 10px; }
#runs.board-panel { padding: 0 14px 6px; }
.run-browser .panel-heading { padding: 12px 0 10px; }
.run-browser .panel-heading h2 { font-size: 18px; }
.run-row, .run-table-head { display: grid; grid-template-columns: minmax(100px,.8fr) minmax(240px,1.7fr) minmax(135px,1fr) 85px 95px 16px; gap: 12px; align-items: center; padding: 7px 8px; }
.run-table-head { color: var(--ink-3); font: 12px/1.5 var(--font-mono); border-top: 1px solid var(--bg-2); }
.run-row { min-height: 38px; font-size: 13px; line-height: 1.4; }
.run-row > span { min-width: 0; }
.run-project { display: flex; align-items: center; gap: 12px; }
.run-project > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.run-row .run-stack { margin: 0; flex-shrink: 0; gap: 5px; }
.run-row .run-stack img { width: 15px; height: 15px; }
.run-row .run-model-name img, .run-row .run-provider img { width: 18px; height: 18px; }
.run-row .run-provider, .run-row .run-model-name { gap: 7px; }
.run-row .run-model-name > span { white-space: nowrap; }
.run-platform-score { font: 500 13px/1.4 var(--font-mono); }
.run-url { color: var(--ink-3); font: 12px/1.4 var(--font-mono); }
.run-arrow { font-size: 17px; }
.run-row[aria-current=true] { background: #F7EEE6; }
.run-dialog { position: fixed; inset: 0 0 0 auto; margin: 0 0 0 auto; width: min(900px, 86vw); height: 100dvh; max-height: 100dvh; border: 0; border-left: 1px solid var(--ink); background: #fff; box-shadow: -10px 0 26px #09080838; }
.run-dialog::backdrop { background: #09080847; backdrop-filter: none; }
.review-dialog-bar { padding: 6px 16px; background: var(--bg); border-color: var(--bg-3); z-index: 2; }
.review-dialog-bar button { min-height: 30px; padding: 4px 9px; font-size: 12px; border: 1px solid var(--bg-3); background: #fff; }
.review-dialog-bar button:hover { color: var(--brick); border-color: var(--brick); }
.review-dialog-bar button:disabled { opacity: .35; cursor: default; }
.review-navigation { display: flex; align-items: center; gap: 5px; }
.review-hero { padding: 12px 16px; }
.review-identity { gap: 9px; margin: 0; flex-wrap: wrap; }
.review-identity > img { width: 22px; height: 22px; padding: 0; border: 0; }
.review-identity > strong { font-size: 13px; }
.review-identity h2 { font: 600 15px/1.4 var(--font-sans); padding-left: 10px; border-left: 1px solid var(--bg-3); }
.review-stack { margin-left: auto; }
.review-stack .run-stack { gap: 6px; }
.review-stack img { width: 17px; height: 17px; }
.review-identity .review-stack img { padding: 0; border: 0; }
.review-status { margin-top: 10px; padding: 0; border: 0; gap: 8px 16px; font-size: 12px; }
.review-status .run-model-name img { width: 16px; height: 16px; }
.review-score-status { gap: 8px; }
.review-score-status strong { font: 500 14px var(--font-mono); }
.review-tabs { display: flex; gap: 20px; padding: 0 16px; border-bottom: 1px solid var(--bg-2); }
.review-tabs button { padding: 10px 0 8px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--ink-3); font: 600 13px var(--font-sans); cursor: pointer; }
.review-tabs button[aria-selected=true] { color: var(--brick); border-bottom-color: var(--brick); }
.review-body { padding: 14px 16px 24px; }
.review-body[hidden], #trace-panel[hidden] { display: none; }
.review-section h3 { font-size: 17px; margin: 0 0 8px; }
.attribution-issues { gap: 12px; }
.attribution-issue { padding-top: 10px; }
.attribution-issue h4 { margin: 5px 0; font-size: 14px; }
.review-prose { font-size: 14px; line-height: 1.55; max-width: 75ch; }
.attribution-label { font-size: 12px; }
.review-evidence { margin-top: 8px; }
.review-evidence ul { display: flex; flex-wrap: wrap; gap: 5px 10px; }
.review-evidence li, .review-evidence li + li { margin: 0; font-size: 12px; }
.command-evidence { display: inline-flex; gap: 8px; align-items: baseline; margin: 0 !important; padding: 2px 0; border: 0; background: transparent; color: var(--brick); cursor: pointer; font: 12px/1.5 var(--font-mono); text-align: left; }
.command-evidence small { color: var(--ink-3); }
.command-evidence:hover { text-decoration: underline; }
.review-original { margin-top: 12px; padding-top: 8px; }
.review-original > summary { padding: 3px 0; min-height: 24px; font-size: 13px; }
.review-original[open] summary { margin-bottom: 8px; }
.review-dimensions { gap: 12px; margin-top: 10px; }
#run-trace > .review-state { margin: 16px; }
.review-state button { padding: 5px 10px; background: #fff; border: 1px solid var(--bg-3); color: var(--brick); font: inherit; cursor: pointer; }
#run-trace { padding: 0 16px 20px; }
#platform-results { min-height: 246px; }
#run-list { min-height: 468px; }
@media (max-width: 1040px) {
  .run-row, .run-table-head { grid-template-columns: 105px minmax(155px,1.4fr) minmax(135px,1fr) 65px 80px 16px; gap: 8px; }
  .run-project { gap: 8px; }
  .run-project .run-stack { display: none; }
}
@media (max-width: 760px) {
  .run-dialog { width: 100%; border: 0; }
  .run-row, .run-table-head { grid-template-columns: minmax(85px,.8fr) minmax(110px,1.2fr) minmax(100px,1fr) 45px 14px; padding-inline: 0; gap: 7px; }
  .run-row .run-provider, .run-row .run-project, .run-row .run-model-name, .run-row .run-verdict, .run-row .run-arrow { grid-column: auto; grid-row: auto; }
  .run-url, .run-table-head > :nth-child(5) { display: none; }
  .run-row .run-provider img, .run-row .run-model-name img { width: 16px; height: 16px; }
  .run-row, .run-row strong { font-size: 12px; }
  .review-stack { margin-left: 0; }
}
@media (max-width: 480px) {
  .run-row, .run-table-head { grid-template-columns: 24px minmax(0,1.2fr) minmax(0,1fr) 35px 12px; gap: 6px; }
  .run-row .run-provider strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .run-table-head > :first-child { overflow: hidden; font-size: 0; }
  .run-row .run-model-name { gap: 4px; }
  .run-row .run-model-name > span { overflow: hidden; text-overflow: ellipsis; }
  .review-url-status { flex-basis: 100%; order: 3; }
  .review-status { gap: 6px; }
  .review-identity h2 { font-size: 14px; }
}
