/* Compact comparison figures; prose and audit detail stay in disclosures. */
.post {padding-top:24px}
.post-header {margin-bottom:12px;padding-bottom:16px}
.post-header h1 {font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12;margin:8px 0}
.post-deck {font-size:1rem;line-height:1.5;margin:0}
.post-kicker {display:none}
.byline {margin:8px 0 0}
.chart-nav {display:flex;flex-wrap:wrap;gap:.4rem 1rem;padding:.6rem 0;border-bottom:1px solid #c5c5b8;font-size:.85rem}
.benchmark-charts {margin:1.6rem 0 2rem;scroll-margin-top:1rem}
.chart-section-heading {display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;border-top:2px solid #171813;padding-top:.65rem;margin-bottom:.6rem}
.prose .chart-section-heading h2 {font:600 1.3rem/1.3 Inter,sans-serif;letter-spacing:-.02em;margin:0}
.chart-section-heading>span {font-size:.8rem;color:#5a5e51}
.chart-panel {margin:.8rem 0 1.2rem;padding:1rem;background:#faf8f2;border:1px solid #c5c5b8;border-radius:3px;min-width:0}
.chart-panel h3 {font:650 1rem/1.3 Inter,sans-serif;margin:0}
.prose .chart-panel p {font-size:.8rem;line-height:1.5;margin:.3rem 0 .6rem}
.prose .chart-note {font-size:.82rem;line-height:1.5;margin:.5rem 0}
.chart-control {display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}
.chart-control label {font-size:.85rem;font-weight:650}
.chart-control select {max-width:100%;font:inherit;font-size:.85rem;color:#171813;background:#fff;padding:.4rem .6rem;border:1px solid #777566;border-radius:3px;min-height:36px}
.model-filter {gap:.35rem .6rem}
.model-filter small,.filter-count {font-size:.72rem;color:#5a5e51}
.model-filter small {margin-left:auto}
.filter-scope {display:inline-block;border:1px solid #b4bfae;border-radius:3px;padding:0 .35rem;margin-left:.3rem;font:600 10px/1.6 Inter,sans-serif;color:#35533b;background:#edf0e6;white-space:nowrap}
[hidden] {display:none!important}
.compact-chart {padding:12px}
.compact-chart-heading {display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.compact-chart-heading>span {font:11px 'DM Mono',monospace;color:#5d6255}
.prose .compact-chart figcaption p {font-size:11px;line-height:1.4;margin:3px 0 10px;max-width:none}
.prose .compact-score-list {display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--chart-columns),minmax(0,1fr));grid-template-rows:repeat(var(--chart-rows),22px);column-gap:18px;row-gap:1px;list-style:none;padding:0;margin:0;max-width:none}
.prose .compact-score-row {position:relative;isolation:isolate;display:grid;grid-template-columns:22px minmax(0,1fr) 56px;align-items:center;gap:3px;height:22px;max-width:none;margin:0;padding:0 5px;background:#eeece4;font:12px/22px Inter,sans-serif;color:#171813;overflow:hidden}
.compact-score-fill {position:absolute;inset:0 auto 0 0;height:100%;background:var(--bar-color);opacity:.24;z-index:-1;border-right:2px solid var(--bar-color);box-sizing:border-box}
.compact-name {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-rank {font:10px/1.2 'DM Mono',monospace;color:#555d54}
.compact-score-row strong {text-align:right;font:600 11px/1.2 'DM Mono',monospace;font-variant-numeric:tabular-nums}
.compact-chart-footer {display:flex;justify-content:space-between;gap:8px;margin-top:9px;padding-top:7px;border-top:1px solid #d7d4c8;font:10px/1.4 Inter,sans-serif;color:#5b6153}
.compact-chart-footer span:last-child {text-align:right}
.scatter-scroll {overflow-x:auto;padding-bottom:.2rem}
.pareto-plot {display:block;width:100%;min-width:500px;height:auto;overflow:visible}
.pareto-plot text {font:12px 'DM Mono',monospace;fill:#474a40}
.pareto-plot .axis-name {font:13px Inter,sans-serif;fill:#171813}
.chart-grid {stroke:#dcd9cf;stroke-width:1}
.frontier-line {fill:none;stroke:#a56b16;stroke-width:2.4;stroke-dasharray:6 4;pointer-events:none}
.chart-point {cursor:pointer;outline:none}
.point-hit {fill:transparent;stroke:none}
.chart-point.is-selected .point-mark {stroke:#171813;stroke-width:3}
.chart-point.is-selected .point-hit {stroke:#171813;stroke-width:1.3;stroke-dasharray:2 2}
.chart-point.is-muted {opacity:.18}
.point-hover-label {display:none}
.chart-point.is-selected .point-hover-label {display:block}
.chart-point.is-selected .frontier-rank {display:none}
.chart-point text {font-size:11px;paint-order:stroke;stroke:#faf8f2;stroke-width:3px;stroke-linejoin:round;pointer-events:none}
.prose .chart-detail {min-height:2.8em;background:#efede4;padding:.45rem .6rem;font-size:.78rem;overflow-wrap:anywhere;margin:.35rem 0}
.model-legend-heading {display:flex;align-items:center;justify-content:space-between;font-size:.8rem;margin:.5rem 0 .25rem}
.frontier-key {display:inline-flex;align-items:center;gap:6px;font:11px Inter,sans-serif;color:#6c4a1a}
.frontier-key::before {content:"";width:26px;border-top:2px dashed #a56b16}
.model-legend {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px}
.model-key {display:flex;align-items:center;gap:3px;min-width:0;min-height:24px;border:0;background:transparent;padding:2px 0;margin:0;font:11px/1.3 Inter,sans-serif;text-align:left;cursor:pointer;color:#171813;border-radius:2px}
.model-key svg {width:16px;height:16px;flex-shrink:0}
.model-key>span:last-child {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.legend-rank {font:10px 'DM Mono',monospace;color:#666b5e;flex-shrink:0}
.model-key:hover,.model-key[aria-pressed="true"] {background:#e5e3d8}
.model-key[aria-pressed="true"] {box-shadow:inset 0 -2px #484f42}
.model-key:focus-visible,.legend-reset:focus-visible,.scatter-scroll:focus-visible,.chart-list-scroll:focus-visible {outline:2px solid #245d57;outline-offset:2px}
.chart-list-scroll {max-height:none;overflow:visible;padding:0}
.prose .latency-list {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-width:none}
.prose .latency-list li {padding:5px 0;margin:0;border-bottom:1px solid #dfdcd1;max-width:none;min-width:0}
.chart-row-heading {display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:10px;line-height:1.4}
.chart-row-heading>span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.chart-row-heading strong {font:10px 'DM Mono',monospace;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}
.latency-axes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.latency-axis {height:1.3rem;position:relative;margin:.8rem 1.2rem .3rem;font:10px 'DM Mono',monospace;color:#555b4c}
.latency-axis span {position:absolute;transform:translateX(-50%);white-space:nowrap}
.latency-track {position:relative;height:11px;margin:3px 7px;background:repeating-linear-gradient(to right,#dfdcd1 0,#dfdcd1 1px,transparent 1px,transparent 25%)}
.latency-range {position:absolute;height:2px;top:4px;background:var(--key)}
.latency-range i {position:absolute;left:-3px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--key)}
.latency-range b {position:absolute;right:-1px;top:-3px;height:8px;width:2px;background:var(--key)}
.benchmark-methods,.chart-data-table {margin:.75rem 0;padding:.7rem 0;border-top:1px solid #c5c5b8;font-size:.9rem;line-height:1.6}
.benchmark-methods>summary,.chart-data-table>summary {cursor:pointer;font-size:.85rem;font-weight:650;line-height:1.5}
.benchmark-methods[open]>summary {margin-bottom:1rem}
.chart-data-table table {font-size:.8rem}
.chart-data-table td details {font-size:.75rem;max-width:28rem;min-width:12rem;white-space:normal;line-height:1.5;margin-top:.4rem;overflow-wrap:anywhere}
.chart-data-table td summary {cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.research-notes {margin-top:2rem}
#public-replication,#private-judge-suite {scroll-margin-top:1rem}
@media(max-width:720px){.model-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-score-row{font-size:11px!important}.compact-chart-footer{flex-direction:column;gap:2px}.compact-chart-footer span:last-child{text-align:left}}
@media(max-width:580px){.latency-axes{grid-template-columns:1fr}.latency-axes .latency-axis:last-child{display:none}.chart-panel{padding:10px}.prose .compact-score-list{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:22px}.prose .latency-list{grid-template-columns:1fr}.compact-chart-heading h3{font-size:.95rem}.chart-control select{font-size:.8rem}.chart-nav{font-size:.8rem}.model-key{min-height:30px}}
@media(prefers-reduced-motion:no-preference){.point-mark{transition:stroke-width .12s ease}}
@media print{.chart-control,.chart-nav{display:none}.compact-chart{break-inside:avoid}.compact-score-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact}.chart-detail{display:none}}
/* A compact workbench: one benchmark, one view, a self-contained chart card. */
.post-header{border:0;padding-bottom:8px;margin-bottom:8px}
.post-header h1{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.055em}
.post-deck{font-size:.92rem;color:#515e5b}
.byline{font-size:.72rem;color:#69706b}
.chart-nav{gap:5px;padding:8px;background:#e9ede8;border:1px solid #c6d1c8;border-radius:10px}
.chart-nav a{padding:8px 13px;border-radius:6px;text-decoration:none;font-weight:650;color:#344843;font-size:.8rem}
.chart-nav a[aria-current]{background:#173f3b;color:#fff;box-shadow:0 2px 0 #09231f}
.chart-nav a:last-child{margin-left:auto;font-weight:400;color:#61716b}
.benchmark-charts{margin:16px 0 22px}
.chart-section-heading{border:0;padding:0;margin-bottom:12px;justify-content:space-between}
.prose .chart-section-heading h2{font-size:1.16rem;color:#173f3b}
.chart-section-heading>span{font:11px 'DM Mono',monospace}
.explorer-controls{font-family:Inter,sans-serif}
.explorer-filters{display:flex;flex-wrap:wrap;gap:7px;align-items:end}
.explorer-filters label,.comparison-pickers label{display:flex;flex-direction:column;gap:4px;font:600 11px/1.3 Inter,sans-serif;color:#485d54}
.explorer-filters select,.explorer-filters input[type=number],.comparison-pickers select{font:500 12px/1.3 Inter,sans-serif;background:#fff;color:#17332b;border:1px solid #b9c9bf;border-radius:5px;padding:7px 9px;height:34px;box-sizing:border-box;max-width:100%}
.explorer-filters input[type=number]{width:116px}
.explorer-filters select{max-width:220px}
.explorer-filters input[aria-invalid=true]{border-color:#bc3c28;background:#fff1ed}
.explorer-filters .filter-reset{margin:0 0 1px;padding:7px 11px;font:12px Inter,sans-serif;color:#315f50;background:transparent;border:1px solid #b9c9bf;border-radius:5px;cursor:pointer}
.extra-filters{margin:8px 0 10px}
.extra-filters summary{width:fit-content;font:11px Inter,sans-serif;color:#526d5f;cursor:pointer;text-underline-offset:3px}
.extra-filters[open]{padding:9px 11px;background:#eff3ed;border-radius:6px}
.extra-filters[open] summary{margin-bottom:9px}
.explorer-filters .unknown-toggle{flex-direction:row;align-items:center;padding-bottom:7px;font-weight:400}
.explorer-filters small{font:10px/1.5 Inter,sans-serif;color:#56665c;max-width:280px}
.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #d8e0d6;padding-top:9px}
.view-tabs{display:flex;gap:3px;padding:3px;background:#e7ebe4;border-radius:7px}
.view-tabs button{margin:0;padding:6px 12px;border:0;border-radius:5px;background:transparent;color:#53675a;font:600 12px Inter,sans-serif;cursor:pointer}
.view-tabs button[aria-pressed=true]{background:#fff;color:#173f3b;box-shadow:0 1px 3px #244d3426}
.filter-count{font:11px 'DM Mono',monospace;color:#496653}
.chart-control{margin:9px 0}
.chart-control label{font-size:11px;color:#485d54}
.chart-control select{font-size:12px;padding:5px 8px;min-height:29px;border-color:#b9c9bf;border-radius:5px}
.chart-panel{background:#fffefb;border:1px solid #b4c2b7;border-radius:10px;padding:14px;margin:12px 0 14px;box-shadow:3px 4px 0 #d9dfd2;overflow:hidden}
.chart-panel>figcaption{background:#173f3b;color:#fff;margin:-14px -14px 12px;padding:13px 15px 11px;border-top:4px solid #e8b94f}
.chart-panel h3,.compact-chart-heading h3{color:#fff;font-size:1.05rem;letter-spacing:-.02em}
.prose .chart-panel figcaption p{color:#d3e4d9;font:11px/1.5 Inter,sans-serif;margin:4px 0 0;max-width:none}
.compact-chart-heading>span{color:#d3e4d9}
.filter-scope{background:#294f43;border-color:#577869;color:#ffe49b;white-space:normal;font-size:10px}
.prose .compact-score-row{background:#f0f3ed;border-radius:3px;color:#18382e;grid-template-columns:22px minmax(0,1fr) 62px;padding:0 7px}
.compact-score-fill{opacity:.19;border-right:2px solid var(--bar-color)}
.compact-score-row.is-leader{background:#e8f0df;box-shadow:inset 3px 0 #d9a62b}
.compact-score-row.is-leader .compact-score-fill{opacity:.3}
.compact-score-row strong{color:#173b2b;font-weight:750}
.compact-chart-footer{font-size:10px;color:#627065;border-color:#dbe0d5;margin-top:11px}
.model-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px 10px}
.model-key{min-height:22px;font-size:10px}
.model-key:hover,.model-key[aria-pressed=true]{background:#e5eddc}
.prose .chart-detail{background:#f0f4eb;border-left:3px solid #ddb553;border-radius:0 4px 4px 0;font-size:11px;min-height:0;padding:7px 9px}
.pareto-plot{max-height:360px}
.prose .latency-list li{padding:3px 0;border-color:#dfe5d9}
.chart-row-heading{font-size:11px}
.chart-row-heading strong{font-size:10px;color:#204735}
.latency-track{margin-top:2px;margin-bottom:2px}
.comparison-pickers{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end;margin-top:12px}
.comparison-pickers>span{padding-bottom:9px;font:italic 13px Georgia,serif;color:#84917f}
.comparison-pickers select{width:100%;border-top:3px solid #278884;height:38px}
.comparison-pickers label:last-child select{border-top-color:#a25caa}
.prose table.head-to-head{width:100%;table-layout:fixed;margin:0;border-collapse:collapse;font:12px/1.35 Inter,sans-serif}
.prose .head-to-head th,.prose .head-to-head td{padding:7px 10px;white-space:normal;border-bottom:1px solid #e0e7da;background:transparent;text-align:right;font-variant-numeric:tabular-nums}
.prose .head-to-head th:first-child{width:35%;text-align:left;font-weight:500;color:#53634f}
.prose .head-to-head thead th{font-size:13px;color:#173f3b;font-weight:700;vertical-align:top}
.prose .head-to-head .compare-0{border-bottom:3px solid #278884}
.prose .head-to-head .compare-1{border-bottom:3px solid #a25caa}
.prose .head-to-head td.better-value{background:#edf4e4;color:#1e613e;font-weight:750}
.prose .head-to-head tbody tr:first-child td{font:750 24px/1.3 Inter,sans-serif;color:#164d3c;background:#f1f5eb}
.comparison-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:10px;color:#67705f;font:10px/1.5 Inter,sans-serif}
.prose .explorer-empty,.comparison-empty{padding:20px;border:1px dashed #a8b89a;border-radius:8px;color:#526345;background:#f4f6ee;font-size:13px;max-width:none}
.benchmark-methods{font-size:13px;border-color:#d1dace}
.benchmark-methods>summary{color:#5b6c56;font-size:12px}
@media(max-width:720px){.chart-nav a{font-size:11px;padding:7px 8px}.chart-nav a:last-child{margin-left:0}.model-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.view-tabs button{font-size:11px;padding:6px 9px}.filter-count{font-size:10px}.comparison-notes{grid-template-columns:1fr}.prose .head-to-head th,.prose .head-to-head td{padding:6px;font-size:11px}.prose .head-to-head thead th{font-size:11px}}
@media(max-width:580px){.chart-panel{padding:12px}.chart-panel>figcaption{margin:-12px -12px 11px;padding:11px 12px}.explorer-filters{gap:6px}.explorer-filters input[type=number]{width:104px}.view-toolbar{flex-wrap:wrap}.view-tabs{flex:1}.view-tabs button{flex:1;padding:7px}.filter-count{margin-left:auto}.chart-section-heading{gap:6px}.chart-section-heading>span{font-size:10px}.comparison-pickers{gap:6px}.comparison-pickers select{font-size:11px}.prose .head-to-head tbody tr:first-child td{font-size:20px}}
@media print{.explorer-controls,.chart-control{display:none}.chart-panel{box-shadow:none;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.view-toolbar .save-chart{margin:0;padding:7px 9px;background:#173f3b;border:1px solid #173f3b;border-radius:5px;color:#fff;font:600 11px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.view-toolbar .save-chart:disabled{opacity:.4;cursor:default}
.explorer-controls :is(input,select,button):focus-visible{outline:2px solid #cf9e27;outline-offset:2px}