/* Evaluation workspace. All surfaces follow the site's light/dark tokens. */
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.benchmark-hero { padding:64px 0 0; margin-bottom:64px; }
.benchmark-hero::after { display:none; }
.bench-kicker { display:flex; align-items:center; gap:12px 24px; flex-wrap:wrap; margin-bottom:28px; }
.bench-kicker .eyebrow { margin:0; }
.release-badge, .method-status { font:400 .64rem/1.5 var(--mono); color:var(--muted); }
.release-badge { border:1px solid var(--border-strong); border-radius:20px; padding:5px 10px; }
.benchmark-hero h1 { max-width:20ch; font-size:clamp(2.9rem,6.2vw,5.2rem); line-height:1.02; margin-bottom:24px; }
.benchmark-hero .lede { max-width:66ch; font-size:1.12rem; }
.benchmark-hero .cta-row { align-items:center; gap:12px 24px; }
.benchmark-hero .btn span { margin-left:24px; }
.bench-index { margin-top:46px; display:flex; flex-wrap:wrap; gap:16px 42px; padding:18px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); font:400 .66rem/1.5 var(--mono); color:var(--muted); }
.bench-index b { color:var(--accent); font-weight:400; margin-right:10px; }
.matrix-section,.metrics-section,.policy-references { margin-bottom:72px; scroll-margin-top:100px; }
.section-head h2 { font-size:clamp(1.65rem,3.1vw,2.3rem); }
.section-lede { margin:12px 0 0; max-width:70ch; color:var(--muted); font-size:.96rem; }
.section-head .text-link { flex-shrink:0; }
.matrix-panel { border:1px solid var(--border-strong); border-radius:8px; overflow:hidden; background:var(--surface); }
.matrix-toolbar { padding:17px 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.metric-switch { display:flex; gap:4px; padding:4px; background:var(--surface-2); border-radius:6px; }
.metric-switch button { border:0; border-radius:4px; background:transparent; color:var(--muted); padding:10px 13px; font:500 .82rem var(--font); cursor:pointer; }
.metric-switch button span { margin-left:8px; color:var(--muted); }
.metric-switch button[aria-pressed="true"] { background:var(--text); color:var(--bg); }
.metric-switch button[aria-pressed="true"] span { color:inherit; }
.matrix-context { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 18px; border-top:1px solid var(--border); color:var(--muted); font:400 .62rem/1.6 var(--mono); }
.matrix-context span span { margin:0 8px; color:var(--faint); }
.matrix-scroll { overflow:auto; }
.evaluation-matrix { width:100%; min-width:1010px; border-collapse:collapse; text-align:right; table-layout:fixed; }
.evaluation-matrix th,.evaluation-matrix td { border-top:1px solid var(--border); }
.evaluation-matrix th:first-child { width:30%; text-align:left; }
.evaluation-matrix thead th { padding:18px 15px; background:var(--surface-2); font:500 1.14rem/1.3 var(--mono); }
.evaluation-matrix thead th:first-child { font:400 .68rem/1.5 var(--mono); color:var(--muted); }
.evaluation-matrix thead small { display:block; font:400 .58rem/1.4 var(--font); color:var(--muted); margin-top:5px; letter-spacing:.02em; }
.evaluation-matrix tbody th { padding:14px 16px; font-weight:400; background:var(--surface); }
.body-identity { display:flex; gap:13px; align-items:center; }
.body-identity img { height:48px; width:44px; object-fit:contain; background:var(--tile); border-radius:4px; padding:4px; flex-shrink:0; }
.body-identity small { display:block; font:400 .55rem/1.4 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
.body-identity strong { font-size:.89rem; font-weight:500; display:block; line-height:1.3; }
.body-identity span { display:block; font-size:.76rem; color:var(--muted); margin-top:2px; }
.evaluation-matrix td { padding:0; border-left:1px solid var(--border); background:color-mix(in srgb,#538ba6 4%,var(--surface)); }
.matrix-cell { width:100%; height:88px; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:6px; padding:12px 15px; background:transparent; border:0; color:var(--muted); cursor:pointer; text-align:right; }
.matrix-cell:hover { background:color-mix(in srgb,#538ba6 12%,transparent); }
.matrix-cell:focus-visible { outline-offset:-3px; }
.cell-value { font:400 1.2rem/1.2 var(--mono); color:var(--faint); }
.cell-note { font:400 .57rem/1.3 var(--mono); }
.matrix-cell.measured .cell-value { color:var(--text); }
.matrix-cell.insufficient .cell-value { font-size:.8rem; color:var(--accent); }
.matrix-cell.na { cursor:default; opacity:.75; }
.matrix-cell.na:hover { background:transparent; }
.evaluation-matrix .human-column { background:color-mix(in srgb,var(--surface-2) 65%,var(--surface)); }
.evaluation-matrix thead .human-column { font-size:.83rem; }
.evaluation-matrix tfoot th { padding:16px; background:var(--surface-2); font-size:.84rem; font-weight:500; }
.evaluation-matrix tfoot th small { display:block; font:400 .58rem/1.5 var(--mono); margin-top:5px; color:var(--muted); }
.evaluation-matrix tfoot td { background:var(--surface-2); padding:16px 15px; font:400 .98rem/1.3 var(--mono); color:var(--accent); vertical-align:middle; }
.evaluation-matrix tfoot td small { display:block; margin-top:6px; font-size:.58rem; color:var(--muted); }
.rc-mini { display:inline-block; font:500 .59rem var(--mono); background:var(--text); color:var(--bg); padding:3px 4px; margin-right:6px; border-radius:2px; vertical-align:middle; }
.matrix-legend { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; padding:14px 18px; border-top:1px solid var(--border); color:var(--muted); font-size:.67rem; }
.matrix-legend > span:last-child { margin-left:auto; font-family:var(--mono); font-size:.58rem; }
.legend-dot { display:inline-block; width:7px; height:7px; border-radius:2px; margin-right:5px; }
.legend-dot.pending { border:1px solid var(--faint); }
.legend-dot.insufficient { background:var(--accent); }
.legend-dot.measured { background:#538ba6; }
.rc-analysis { display:grid; grid-template-columns:1fr 1.1fr; gap:60px; padding:36px; background:var(--surface-2); border:1px solid var(--border); border-radius:6px; margin-bottom:80px; }
.rc-analysis h2 { font-size:clamp(1.8rem,3.2vw,2.55rem); }
.rc-analysis p { font-size:.91rem; color:var(--muted); max-width:50ch; }
.rc-analysis-details { padding-left:32px; border-left:1px solid var(--border-strong); }
.rc-stamp { display:flex; align-items:center; gap:7px; color:var(--accent); font:400 .63rem var(--mono); margin-bottom:18px; }
.rc-stamp svg { width:17px; height:17px; }
.rc-analysis-details h3 { font-size:1.3rem; font-family:var(--display); }
.rc-analysis-details h3 span { float:right; color:var(--accent); }
.analysis-equation { padding:15px 0; margin-bottom:12px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); font:400 .78rem/1.5 var(--mono); }
.rc-analysis .analysis-fine { font-size:.77rem; margin:0; }
.metric-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--border); border-radius:6px; overflow:hidden; }
.metric-cards article { display:flex; flex-direction:column; padding:26px; background:var(--surface); }
.metric-cards article + article { border-left:1px solid var(--border); }
.metric-symbol { display:block; font:500 2rem/1.3 var(--mono); margin-bottom:26px; letter-spacing:-.05em; }
.metric-symbol span { float:right; font-size:.85rem; color:var(--accent); }
.metric-cards h3 { font-size:1.08rem; }
.metric-cards p { font-size:.88rem; color:var(--muted); }
.metric-cards code { font-size:.65rem; line-height:1.7; padding:16px 0 20px; margin-top:auto; }
.metric-bottom { font:400 .6rem/1.5 var(--mono); color:var(--muted); border-top:1px solid var(--border); padding-top:13px; }
.benchmark-methodology { margin-top:24px; }
.benchmark-methodology details p { max-width:95ch; font-size:.92rem; }
#publication-rules { scroll-margin-top:100px; }
.policy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.policy-grid > a { text-decoration:none; border:1px solid var(--border); border-radius:6px; padding:24px; display:flex; flex-direction:column; }
.policy-grid > a:hover { border-color:var(--border-strong); background:var(--surface); }
.policy-id { display:block; font:500 1.6rem var(--mono); margin-bottom:20px; }
.policy-id > span { float:right; font:400 1rem var(--mono); color:var(--accent); }
.policy-grid strong { font-size:.86rem; font-weight:500; }
.policy-grid p { font-size:.83rem; color:var(--muted); margin:8px 0 20px; }
.policy-kind { font:400 .6rem var(--mono); color:var(--muted); text-transform:uppercase; letter-spacing:.06em; margin-top:auto; }
.leaderboard-tab[aria-pressed="true"] { border-bottom-color:var(--accent); color:var(--text); }
.leaderboard-table { min-width:1200px; }
.leaderboard-table .leaderboard-state { padding:35px; height:150px; }
.leaderboard-state strong { display:block; color:var(--text); font-weight:500; margin-bottom:8px; }
.leaderboard-table td { font-size:.8rem; }
.leaderboard-table td small { font-size:.69rem; }
.leaderboard-table .score-cell { font-size:.9rem; }
.field-help { color:var(--muted); font-size:.73rem; font-weight:400; line-height:1.5; }
.matrix-dialog { width:min(570px,calc(100% - 32px)); padding:32px; border:1px solid var(--border-strong); border-radius:8px; background:var(--surface); color:var(--text); max-height:85vh; }
.matrix-dialog::backdrop { background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }
.dialog-close { float:right; background:var(--surface-2); border:1px solid var(--border); border-radius:4px; color:var(--text); padding:6px 10px; cursor:pointer; }
.matrix-dialog h2 { font-size:1.85rem; margin:22px 0 16px; }
.matrix-dialog p { font-size:.94rem; color:var(--muted); }
.matrix-dialog dl { margin:20px 0; }
.matrix-dialog dl > div { display:flex; justify-content:space-between; gap:24px; border-top:1px solid var(--border); padding:10px 0; font-size:.84rem; }
.matrix-dialog dt { color:var(--muted); }
.matrix-dialog dd { margin:0; text-align:right; }
.matrix-dialog .btn { margin-top:10px; }
@media(min-width:1200px) { body:has(.benchmark-hero) { --maxw:1360px; } }
@media(max-width:850px) { .matrix-toolbar { align-items:stretch; flex-direction:column; } .matrix-toolbar .select-label { display:flex; align-items:center; justify-content:space-between; } .rc-analysis { gap:28px; padding:28px; } .metric-cards article { padding:20px; } }
@media(max-width:640px) { .benchmark-hero { padding-top:36px; margin-bottom:40px; } .bench-kicker { gap:12px; margin-bottom:24px; } .bench-index { gap:10px; flex-direction:column; margin-top:30px; } .benchmark-hero .lede { font-size:1rem; } .release-badge { font-size:.56rem; } .matrix-context { font-size:.57rem; } .metric-switch button { font-size:.74rem; padding:10px; flex:1; } .metric-switch button span { display:none; } .matrix-toolbar { padding:12px; } .matrix-legend { padding:12px; gap:10px; } .matrix-legend > span:last-child { margin-left:0; flex-basis:100%; } .rc-analysis { grid-template-columns:1fr; padding:24px; gap:26px; } .rc-analysis-details { border-left:0; padding-left:0; border-top:1px solid var(--border-strong); padding-top:24px; } .metric-cards,.policy-grid { grid-template-columns:1fr; } .metric-cards article+article { border-left:0; border-top:1px solid var(--border); } .metric-symbol { margin-bottom:20px; } .metric-cards article { padding:24px; } .metric-cards code { padding:8px 0 18px; } .policy-id { margin-bottom:14px; } .matrix-section,.metrics-section,.policy-references,.rc-analysis { margin-bottom:56px; } }

.bench-index a { text-decoration:none; }
.benchmark-hero { padding-top:42px; margin-bottom:44px; }
.benchmark-hero h1 { font-size:clamp(2.7rem,5vw,4.3rem); }
.benchmark-hero .bench-index { margin-top:30px; }
.leaderboard-more { display:block; width:100%; padding:12px; border:0; border-top:1px solid var(--border); background:var(--surface-2); color:var(--text); cursor:pointer; font:500 .8rem var(--font); }
.leaderboard-more:hover { background:var(--bg); }
.leaderboard-table th { font-size:.58rem; letter-spacing:.06em; }
.leaderboard-table td { padding:13px 14px; }
.leaderboard-table td strong { font-size:.95rem; font-weight:500; }
.leaderboard-table .interval-cell { font:400 .66rem var(--mono); white-space:nowrap; }
.leaderboard-table .rank-cell { width:48px; }
.evaluation-matrix td:has(.preview),.evaluation-matrix td:has(.measured) { background:color-mix(in srgb,#4387aa var(--cell-heat,20%),var(--surface)); }
.matrix-cell.preview .cell-value { color:var(--text); }
.evaluation-matrix th:first-child { width:32%; }
.body-identity strong { font-size:.85rem; line-height:1.4; }
.matrix-scale { display:flex; align-items:center; gap:7px; }
.matrix-scale i { height:7px; width:60px; background:linear-gradient(90deg,color-mix(in srgb,#4387aa 10%,var(--surface)),color-mix(in srgb,#4387aa 48%,var(--surface))); }
.baseline-label { font-size:.7rem; }
.embodiment-pair { display:flex; align-items:center; gap:4px; flex-shrink:0; }
.embodiment-pair img { width:36px; height:44px; }
.body-identity .embodiment-pair > span { margin:0; font:400 .65rem var(--mono); }
.matrix-scroll-hint { display:none; }
@media(max-width:640px) { .evaluation-matrix th:first-child { width:250px; } .body-identity { gap:9px; } .embodiment-pair img { width:26px; height:36px; } .body-identity strong { font-size:.76rem; } .matrix-scroll-hint { display:block; margin:0; padding:9px 18px; border-top:1px solid var(--border); color:var(--muted); font:400 .6rem var(--mono); } }

.matrix-controller-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid var(--border); }
.matrix-controller-bar > span { font:400 .65rem var(--mono); color:var(--muted); }
.controller-intro { margin:32px 0 18px; }
.controller-intro h3 { font-family:var(--display); font-size:1.3rem; margin-bottom:8px; }
.controller-intro p { color:var(--muted); font-size:.9rem; max-width:80ch; }
.benchmark-data-control { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 16px; }
.benchmark-data-control p { margin:0; font-size:.76rem; color:var(--muted); }
.benchmark-data-control .select-label { flex-shrink:0; }
@media(max-width:640px) { .benchmark-data-control { align-items:stretch; flex-direction:column; gap:12px; } .benchmark-data-control .select-label { display:flex; align-items:center; justify-content:space-between; } }
@media(max-width:640px) { .matrix-controller-bar { align-items:stretch; flex-direction:column; gap:10px; padding:12px; } }

/* protocol-flow figure ("How XEbench scores one policy"), rendered by benchmark/viz/viz.js; the list is the no-JS fallback */
.metrics-section .viz-frame { margin:0 0 24px; border:1px solid var(--border); background:var(--surface); padding:20px 20px 14px; }
.viz-frame figcaption { margin-top:12px; font:400 .7rem/1.55 var(--mono); color:var(--muted); }
.viz-frame > [data-viz].vz { margin-bottom:0; }
[data-viz="protocol-flow"] { --vz-h:358px; min-height:var(--vz-h, 0px); }
[data-viz="protocol-flow"]:not(.vz) { height:var(--vz-h, auto); overflow:auto; }
.flow-static { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; counter-reset:flow; }
.flow-static li { position:relative; padding:14px 16px 16px; border:1px solid var(--border-strong); background:var(--bg); counter-increment:flow; }
.flow-static li::before { content:counter(flow, decimal-leading-zero); display:block; font:400 .62rem var(--mono); color:var(--accent); margin-bottom:6px; }
.flow-static b { display:block; font:600 1.02rem var(--display); }
.flow-static span { display:block; margin-top:4px; color:var(--muted); font-size:.82rem; }
@media(max-width:900px) { .flow-static { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:849px) { [data-viz="protocol-flow"] { --vz-h:308px; } }
@media(max-width:640px) {
  [data-viz="protocol-flow"] { --vz-h:257px; }
  .metrics-section .viz-frame { padding:14px 12px 10px; }
  .flow-static { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .flow-static li { padding:8px 10px 10px; }
  .flow-static b { font-size:.9rem; }
  .flow-static span { font-size:.72rem; line-height:1.35; }
}