/* Compact summaries in the list; exact captures and full choices in the pin workspace. */
#benchmark-explorer .list-pinboard { padding: .7rem 0; margin: 0 0 1rem; border-block: 1px solid var(--hairline); scroll-margin-top: 5rem; }
#benchmark-explorer .list-pin-heading, #benchmark-explorer .list-pin-actions, #benchmark-explorer .list-case-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; }
#benchmark-explorer .list-pinboard h2, #benchmark-explorer .list-case h2 { margin: 0; font-size: .95rem; font-weight: 500; overflow-wrap: anywhere; }
#benchmark-explorer .list-pinboard h3, #benchmark-explorer .list-case h3 { margin: 0; font-size: .8rem; font-weight: 500; overflow-wrap: anywhere; }
#benchmark-explorer .list-pin-actions { justify-content: flex-end; }
#benchmark-explorer .list-pin-status, #benchmark-explorer .list-meta { margin: .4rem 0; color: var(--ink-muted); font-size: .75rem; overflow-wrap: anywhere; }
#benchmark-explorer .list-pin-workload { margin-top: .8rem; min-width: 0; }
#benchmark-explorer .list-pin-group { margin-top: .35rem; min-width: 0; }
#benchmark-explorer .list-pin-group + .list-pin-group { margin-top: 1.2rem; }
#benchmark-explorer .list-pin-columns { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; }
#benchmark-explorer .list-pin-columns > .list-row-note { margin-right: 6.5rem; text-align: right; }
#benchmark-explorer .list-pin-row { display: grid; grid-template-columns: 1.2rem minmax(7rem,1fr) minmax(7rem,auto) auto 1.5rem; align-items: center; gap: .6rem; padding: .5rem 0; border-top: 1px solid var(--hairline); }
#benchmark-explorer .list-pin-row-identity { display: flex; align-items: baseline; flex-wrap: wrap; gap: .1rem .6rem; min-width: 0; overflow-wrap: anywhere; }
#benchmark-explorer .list-pin-row-identity > .list-row-note, #benchmark-explorer .list-pin-row-identity > .list-row-warning { flex-basis: 100%; }
#benchmark-explorer .list-pin-row-value { text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#benchmark-explorer .list-pin-row .list-pin-details { grid-column: 1/-1; min-width: 0; }
#benchmark-explorer .list-pin-group > .list-options { margin-top: .4rem; }
#benchmark-explorer .list-pin-check { display: inline-flex; align-items: center; min-height: 2rem; font-size: .75rem; }
#benchmark-explorer .list-pin-detail-toggle, #benchmark-explorer .list-unpin { font-size: .75rem; }
#benchmark-explorer input[type=checkbox] { accent-color: var(--link); width: 1rem; height: 1rem; }
#benchmark-explorer .list-views { display: flex; }
#benchmark-explorer .list-views button + button { border-left: 0; }
#benchmark-explorer button[aria-pressed=true], #benchmark-explorer .list-active { color: var(--canvas); background: var(--ink-strong); border-color: var(--ink-strong); }
#benchmark-explorer button:disabled { opacity: .5; cursor: default; }
#benchmark-explorer #list-pin-jump { font-size: .75rem; }
#benchmark-explorer .list-scope { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: .7rem; }
#benchmark-explorer .list-case { padding: .9rem 0; border-bottom: 1px solid var(--hairline); min-width: 0; scroll-margin-top: 5rem; }
#benchmark-explorer .list-tags { display: flex; flex-wrap: wrap; gap: .5rem; }
#benchmark-explorer .list-tags button { color: var(--link); padding-block: 0; }
#benchmark-explorer .list-workload { margin-left: .7rem; font-size: .8rem; font-weight: 400; overflow-wrap: anywhere; }
#benchmark-explorer .list-case-context { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin: .4rem 0; color: var(--ink-muted); font-size: .7rem; }
#benchmark-explorer .list-select { display: inline-flex; flex-direction: column; gap: .25rem; min-width: 0; max-width: 100%; margin: .5rem .6rem .5rem 0; color: var(--ink-muted); font-size: .75rem; }
#benchmark-explorer .list-select select { width: 100%; max-width: 38rem; min-width: 0; padding: .4rem .5rem; border: 1px solid var(--hairline); border-radius: 0; color: var(--ink-strong); background: var(--canvas); font-size: .8rem; text-overflow: ellipsis; }
#benchmark-explorer .list-options summary, #benchmark-explorer .list-evidence summary { color: var(--link); cursor: pointer; font-size: .75rem; }
#benchmark-explorer .list-case-footer { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; margin-top: .3rem; }
#benchmark-explorer .list-case-footer:has(details[open]) { display: block; }
#benchmark-explorer .list-options[open], #benchmark-explorer .list-evidence[open] { margin-block: .7rem; }
#benchmark-explorer .list-histories { display: grid; gap: .35rem; }
#benchmark-explorer .list-history { display: grid; grid-template-columns: minmax(9rem,1fr) minmax(12rem,2fr) minmax(6rem,auto) auto; align-items: center; gap: .65rem; min-width: 0; }
#benchmark-explorer .list-history-name, #benchmark-explorer .list-row-name { min-width: 0; overflow-wrap: anywhere; }
#benchmark-explorer .list-history-value { text-align: right; }
#benchmark-explorer .list-current-value { font-size: .95rem; font-variant-numeric: tabular-nums; }
#benchmark-explorer .list-chart { position: relative; width: 100%; min-width: 0; min-height: 178px; }
#benchmark-explorer .list-chart svg { display: block; width: 100%; max-width: 100%; height: auto; overflow: visible; }
#benchmark-explorer .list-chart text { fill: var(--ink-muted); font: 11px var(--font-mono); }
#benchmark-explorer .list-chart a text { fill: var(--link); text-decoration: underline; text-underline-offset: 3px; }
#benchmark-explorer .list-history-plot { min-height: 92px; }
#benchmark-explorer .list-inline-plot { min-height: 32px; }
#benchmark-explorer .list-grid { stroke: var(--hairline); stroke-width: 1; }
#benchmark-explorer .list-reference { stroke: var(--ink-muted); stroke-width: 1; }
#benchmark-explorer .list-trend, #benchmark-explorer .list-range { stroke: var(--link); stroke-width: 1.5; }
#benchmark-explorer .list-runners { stroke: var(--ink-muted); stroke-dasharray: 2 4; }
#benchmark-explorer .list-proposals { stroke-dasharray: 5 4; }
#benchmark-explorer .list-point { fill: var(--link); stroke: var(--link); stroke-width: 1.5; }
#benchmark-explorer .list-proposed { fill: var(--canvas); }
#benchmark-explorer .list-mark, #benchmark-explorer [data-list-reference-row] { cursor: pointer; }
#benchmark-explorer .list-chart .list-history-hit { position: absolute; transform: translate(-50%,-50%); width: 28px; height: 32px; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; }
#benchmark-explorer .list-chart .list-history-hit:hover, #benchmark-explorer .list-chart .list-history-hit[aria-pressed=true] { background: transparent; color: inherit; }
#benchmark-explorer .list-identity { display: flex; flex-wrap: wrap; gap: .2rem .7rem; margin: .4rem 0; font-size: .7rem; color: var(--ink-muted); overflow-wrap: anywhere; }
#benchmark-explorer .list-compact-identity { margin: .1rem 0; gap: .2rem .5rem; }
#benchmark-explorer .list-proposal-label { color: var(--link); }
#benchmark-explorer .list-record-label { font-size: .8rem; overflow-wrap: anywhere; }
#benchmark-explorer .list-comparison-row { display: grid; grid-template-columns: minmax(9rem,1fr) minmax(3rem,1.3fr) minmax(3.8rem,auto) minmax(4.5rem,auto) auto; align-items: center; gap: .5rem; padding: .3rem .35rem; }
#benchmark-explorer .list-comparison-row:hover, #benchmark-explorer .list-is-reference { background: var(--surface-soft); }
#benchmark-explorer .list-reference-choice, #benchmark-explorer .list-reference-choice[aria-pressed=true] { padding: 0; color: var(--ink-strong); background: transparent; border: 0; text-align: left; font-size: .8rem; }
#benchmark-explorer .list-row-ratio { font-size: 1.1rem; font-weight: 500; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
#benchmark-explorer .list-row-ratio[data-rank=better] { color: light-dark(#28754d,#8ccea8); }
#benchmark-explorer .list-row-ratio[data-rank=worse] { color: light-dark(#ad493e,#edac99); }
#benchmark-explorer .list-row-median { font-size: .75rem; font-variant-numeric: tabular-nums; text-align: right; overflow-wrap: anywhere; }
#benchmark-explorer .list-absolute-value { font-size: 1rem; }
#benchmark-explorer .list-row-note { display: block; color: var(--ink-muted); font-size: .7rem; }
#benchmark-explorer .list-row-warning { grid-column: 1/-1; margin: .1rem 0; color: var(--ink-muted); font-size: .7rem; overflow-wrap: anywhere; }
#benchmark-explorer .list-chart-caption { margin: .2rem 0; color: var(--ink-muted); font-size: .7rem; }
#benchmark-explorer .list-help { margin: .35rem 0; }
#benchmark-explorer .list-duplicate { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; margin-block: .4rem; font-size: .75rem; }
#benchmark-explorer .list-case-pinned .list-duplicate { margin-block: 0; }
#benchmark-explorer .list-case-pinned h2 { font-size: .8rem; }
#benchmark-explorer .list-evidence-group { margin-top: .8rem; }
#benchmark-explorer .list-evidence-group h3 { overflow-wrap: anywhere; }
#benchmark-explorer .list-evidence-links { margin-block: .5rem; }
#benchmark-explorer .list-pin-button { min-width: 3rem; font-size: .75rem; padding: .3rem; }
#benchmark-explorer .list-table-wrap { max-width: 100%; overflow-x: auto; }
#benchmark-explorer .list-evidence-table { width: 100%; border-collapse: collapse; font-size: .75rem; table-layout: fixed; }
#benchmark-explorer .list-evidence-table td { overflow-wrap: anywhere; }
#benchmark-explorer .list-evidence-table th, #benchmark-explorer .list-evidence-table td { padding: .4rem .5rem; }
#benchmark-explorer .list-evidence-table[data-all-qualified=true] th:last-child { width: 4.5rem; }
#benchmark-explorer .list-evidence-table td > a { display: block; margin-bottom: .4rem; }
#benchmark-explorer .list-evidence-table td > button { margin-top: .4rem; }
#benchmark-explorer .list-metadata { margin-top: .8rem; }
#benchmark-explorer .list-metadata pre { padding: .6rem; color: var(--ink-muted); background: var(--surface-soft); white-space: pre-wrap; overflow-wrap: anywhere; font: .75rem/1.6 var(--font-mono); }
.preview-notice .preview-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem 1.2rem; }
@media(max-width: 48rem) {
 #benchmark-explorer .list-pin-actions { justify-content: flex-start; }
 #benchmark-explorer .list-select { width: 100%; margin-right: 0; }
 #benchmark-explorer .list-evidence-table { min-width: 35rem; }
 #benchmark-explorer .list-history { grid-template-columns: minmax(0,1fr) minmax(5rem,auto) auto; gap: .25rem .5rem; }
 #benchmark-explorer .list-history-plot { grid-row: 2; grid-column: 1/-1; }
 #benchmark-explorer .list-history .list-pin-button { grid-column: 3; grid-row: 1; }
}
@media(max-width: 34rem) {
 #benchmark-explorer .list-pin-columns > .list-row-note { display: none; }
 #benchmark-explorer .list-pin-row { grid-template-columns: 1.2rem minmax(0,1fr) minmax(0,1.35fr) 1.5rem; gap: .2rem .4rem; }
 #benchmark-explorer .list-pin-check { grid-column: 1; grid-row: 1/3; }
 #benchmark-explorer .list-pin-row-identity { grid-column: 2; grid-row: 1; }
 #benchmark-explorer .list-pin-row-value { grid-column: 3; grid-row: 1; }
 #benchmark-explorer .list-pin-detail-toggle { grid-column: 2/4; grid-row: 2; justify-self: end; }
 #benchmark-explorer .list-unpin { grid-column: 4; grid-row: 1/3; }
 #benchmark-explorer .list-pin-row .list-pin-details { grid-row: 3; }
 #benchmark-explorer .list-workload { display: block; margin: .2rem 0 0; }
 #benchmark-explorer .list-comparison-row { grid-template-columns: minmax(0,1fr) minmax(3.5rem,auto) minmax(3.5rem,auto) auto; gap: .2rem .35rem; }
 #benchmark-explorer .list-row-name { grid-column: 1; grid-row: 1; }
 #benchmark-explorer .list-row-ratio { grid-column: 2; grid-row: 1; font-size: 1rem; }
 #benchmark-explorer .list-row-median { grid-column: 3; grid-row: 1; }
 #benchmark-explorer .list-comparison-row .list-pin-button { grid-column: 4; grid-row: 1/3; }
 #benchmark-explorer .list-inline-plot { grid-column: 1/4; grid-row: 2; }
 #benchmark-explorer .list-row-warning { grid-row: 3; }
}
@media(pointer: coarse) {
 #benchmark-explorer .list-pin-button, #benchmark-explorer .list-reference-choice, #benchmark-explorer .list-pin-detail-toggle, #benchmark-explorer .list-unpin, #benchmark-explorer .list-pin-check { min-height: 44px; }
 #benchmark-explorer .list-options summary, #benchmark-explorer .list-evidence summary { min-height: 44px; display: flex; align-items: center; }
 #benchmark-explorer .list-chart .list-history-hit { width: 40px; height: 44px; }
}