:root{--ink:#172238;--muted:#56647b;--paper:#f4f6fa;--line:#dce2ec;--blue:#245ce2;--teal:#087f80;--warn:#9b5c0b;--bad:#b52d40;--good:#18715c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}button,input,select{font:inherit}a{color:var(--blue);text-underline-offset:3px}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #92b6ff;outline-offset:3px}button{border:1px solid #c8d1e0;border-radius:7px;padding:8px 12px;background:#fff;color:var(--ink)}button:hover{background:#f0f4fc}button:disabled{opacity:.4;cursor:default}.quiet{background:transparent}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:1.1px;text-decoration:none}.brand-mark{background:var(--blue);color:#fff;border-radius:8px;width:28px;height:28px;display:grid;place-items:center;font-size:18px;letter-spacing:0}.topbar nav{display:flex;gap:24px}.topbar nav a{font-size:13px;text-decoration:none;color:var(--muted)}main{max-width:1536px;margin:0 auto;padding:0 4vw 50px}.hero{padding:44px 0 24px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}h1{font-size:clamp(32px,4.2vw,58px);letter-spacing:-2px;line-height:1.05;margin:14px 0}h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:7px 0 12px}h3{font-size:15px;margin:22px 0 10px}.lead{font-size:17px;color:var(--muted);line-height:1.65}.notice{padding:14px 18px;border:1px solid #ebcea1;border-radius:9px;background:#fff6e8;color:#754607;font-size:13px;line-height:1.6}.notice button{color:#794500;background:#fffaf0;margin-left:10px;padding:4px 8px}.dataset-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}.small{font-size:12px;line-height:1.7;color:var(--muted)}li{font-size:13px;line-height:1.8;padding-left:3px}ul{padding-left:18px}.settings-table{font-size:12px}.settings-table th,.settings-table td{padding:10px 8px;white-space:nowrap}.settings-table tbody tr:last-child td{border-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric{background:var(--ink);color:#fff;padding:22px;border-radius:10px;min-width:0}.metric-label{font-size:11px;color:#b7c5dc;text-transform:uppercase;letter-spacing:1px}.metric-value{font-size:29px;font-weight:750;letter-spacing:-1px;margin:10px 0 6px}.metric-note{font-size:11px;color:#b7c5dc;line-height:1.5}.section{margin:20px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.section-title h2{margin-bottom:8px}.switch{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:12px!important}.switch input{accent-color:var(--blue)}label{font-size:12px;color:var(--muted)}select{border:1px solid #ccd5e3;border-radius:7px;background:#fff;padding:8px;color:var(--ink);max-width:100%}.filter-row{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:15px 0}.filter-row label{display:flex;flex-direction:column;gap:5px}.filter-row .switch{padding-bottom:9px}.table-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 12px}.table-toolbar input[type=search]{flex:1;min-width:180px;max-width:480px;padding:9px 12px;border:1px solid #ccd5e3;border-radius:7px}.table-toolbar button,.table-toolbar summary{font-size:12px}.column-menu{position:relative}.column-menu summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid #ccd5e3;border-radius:7px}.column-options{position:absolute;right:0;top:40px;background:#fff;box-shadow:0 15px 40px #17223822;border:1px solid var(--line);border-radius:8px;padding:12px;z-index:7;width:260px;max-height:330px;overflow:auto}.column-options label{display:flex;gap:9px;align-items:center;padding:7px 4px;color:var(--ink)}.column-options input{accent-color:var(--blue)}.table-scroll{overflow:auto;width:100%;max-width:100%}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;text-align:left}th{background:#f0f3f9;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;color:#55647c;position:sticky;top:0;z-index:1}th button{font-size:inherit;text-transform:inherit;letter-spacing:inherit;border:0;background:transparent;padding:0;color:inherit;font-weight:700;text-align:left}td,th{border-bottom:1px solid #e5eaf1;padding:13px 11px;vertical-align:top}tbody tr:hover{background:#f7f9fd}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.cell-long{min-width:230px;max-width:430px;white-space:pre-wrap;overflow-wrap:anywhere}.cell-long>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.6}.cell-model{font-weight:650;white-space:nowrap}.subtext{font-size:10px;color:var(--muted);display:block;margin-top:4px;font-weight:400}.pill{display:inline-block;border-radius:5px;padding:4px 6px;font-size:10px;line-height:1.25;white-space:nowrap;background:#eaf0fc;color:#36537b}.pill.ok{background:#e5f4ed;color:#14634d}.pill.error{background:#fdebf0;color:#a52b40}.score{font-variant-numeric:tabular-nums;font-weight:750;border:0;border-radius:5px;padding:5px 7px;background:#e7f5ef;color:#176650;white-space:nowrap}.score.mid{background:#fff1d9;color:#8b5a0e}.score.low{background:#fdebef;color:#a52c42}.score.unknown{background:#edf0f5;color:#6d7b91}.pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:var(--muted)}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination select,.pagination button{font-size:11px;padding:6px 9px}.empty{padding:35px;color:var(--muted);text-align:center}.findings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.finding{padding:15px;border-radius:8px;background:#f5f7fb;border-left:3px solid #93a9d2}.finding.error{background:#fff0f2;border-color:#d05e70}.finding.warning{background:#fff8ed;border-color:#d5a54d}.finding.pass{background:#edf8f3;border-color:#4a9a7c}.finding h3{margin:0 0 7px;font-size:12px}.finding p{margin:0;font-size:11px;line-height:1.7;color:#546177}.audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.error-row{padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.error-row strong{font-size:14px;margin-right:8px}.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.download{border:1px solid var(--line);border-radius:8px;padding:15px;text-decoration:none;font-weight:650;font-size:12px}.download span{display:block;font-weight:400;color:var(--muted);font-size:10px;line-height:1.7;margin-top:6px}code{background:#eef1f6;border-radius:4px;padding:2px 4px;overflow-wrap:anywhere}#scatter svg{width:100%;height:auto;max-height:470px;display:block}.chart-grid{stroke:#e4e9f1}.chart-text{fill:#65738a;font-size:12px}.chart-label{fill:#25344e;font-size:11px;font-weight:600}footer{max-width:1536px;margin:auto;padding:0 4vw 35px;color:var(--muted);font-size:11px;line-height:1.7}footer span{display:block}dialog{border:0;border-radius:13px;padding:0;width:min(1080px,94vw);max-height:92vh;box-shadow:0 30px 100px #0006;color:var(--ink)}dialog::backdrop{background:#101c37a6}.dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;background:#f5f7fb;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}.dialog-header h2{margin:4px 0}.dialog-body{padding:24px}.case-picker-label{display:flex;gap:10px;align-items:center;margin-bottom:16px}.inspector-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.mini-metric{padding:13px;border:1px solid var(--line);border-radius:7px}.mini-metric strong{display:block;font-size:20px;margin-top:5px}.mini-metric span{font-size:10px;color:var(--muted)}.inspector-text{white-space:pre-wrap;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;background:#f7f9fc;padding:16px;border:1px solid #e3e9f2;border-radius:7px;max-height:440px;overflow:auto}.inspector-block details{border:1px solid var(--line);border-radius:7px;margin:10px 0;padding:13px}.inspector-block summary{font-weight:650;font-size:12px;cursor:pointer;line-height:1.6}.inspector-block pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace;max-height:450px;overflow:auto;background:#f7f9fc;padding:12px}.raw-links{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;margin:15px 0}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}[hidden]{display:none!important}@media(max-width:950px){.dataset-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.downloads{grid-template-columns:repeat(2,1fr)}.findings{grid-template-columns:1fr}.topbar nav{gap:15px}}@media(max-width:600px){main{padding:0 14px 25px}.topbar{padding:0 14px;height:60px}.brand{font-size:9px;letter-spacing:.3px}.topbar nav{gap:11px}.topbar nav a{font-size:11px}.topbar nav a:first-child{display:none}.hero{padding:30px 0 18px}h1{letter-spacing:-1px}.lead{font-size:14px}.panel{padding:17px}.metrics{gap:10px}.metric{padding:16px}.metric-value{font-size:24px}.audit-grid,.downloads{grid-template-columns:1fr}.table-toolbar input[type=search]{min-width:100%;max-width:none}.inspector-metrics{grid-template-columns:repeat(2,1fr)}.dialog-body{padding:16px}.dialog-header{padding:15px}.case-picker-label{align-items:start;flex-direction:column}.notice button{margin:6px 0 0}.column-options{left:0;right:auto}.filter-row label{max-width:100%}#scatter svg{min-width:620px}#scatter{overflow-x:auto}h2{font-size:19px}}
.table-scroll td:first-child{position:sticky;left:0;z-index:1;background:#fff}.table-scroll th:first-child{left:0;z-index:3}.table-scroll tbody tr:hover td:first-child{background:#f7f9fd}
.compact-hero{padding:24px 0 0}.compact-hero h1{font-size:30px;letter-spacing:-.8px;margin:8px 0}.compact-hero .lead{font-size:13px;line-height:1.5;margin:7px 0 12px}.compact-hero .notice{font-size:12px;padding:10px 14px}.difficulty-breakdown{margin-top:20px;padding-top:2px;border-top:1px solid var(--line)}.difficulty-breakdown h3{font-size:16px;margin-top:18px}.difficulty-breakdown .table-toolbar{margin-top:12px}.strategy-legend{display:flex;flex-wrap:wrap;gap:7px}.strategy-legend button{font-size:12px;padding:8px 11px}.strategy-legend button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.chart-series{transition:opacity .12s ease}.chart-series.chart-muted{opacity:.1}.chart-series.chart-emphasized .chart-label{font-weight:800}.dataset-grid{margin-top:24px}@media(prefers-reduced-motion:reduce){.chart-series{transition:none}}@media(max-width:600px){.compact-hero h1{font-size:26px}.compact-hero{padding-top:20px}}

/* Compact overview: controls live alongside headings, not above the data. */
.compact-hero{padding:12px 0 0}.compact-hero h1{font-size:20px;margin:0;line-height:1.3}
#summary,#cost-chart{padding:14px 18px;margin-top:12px}#summary .section-title,#cost-chart .section-title{margin-bottom:8px;gap:8px}#summary h2,#cost-chart h2{font-size:16px;margin:0}
.summary-controls,.difficulty-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.summary-controls .switch{font-size:11px}
.compact-toolbar{display:flex;gap:6px;margin:0!important}.compact-toolbar button,.compact-toolbar summary{font-size:11px;padding:4px 8px;min-height:0}.compact-toolbar .column-options{z-index:30}
.compact-table th,.compact-table td{padding:7px 9px;font-size:12px}.compact-table th button{font-size:11px}.compact-table .score{font-size:12px;padding:3px 7px;min-width:38px}.compact-table .cell-model{font-size:12px}.difficulty-count{font-size:10px;color:var(--muted);margin-left:5px}
.difficulty-breakdown{margin-top:12px;padding-top:10px}.difficulty-breakdown h3{font-size:13px;margin:0}.difficulty-heading{margin-bottom:7px}#scatter svg{max-height:280px}.strategy-legend button{font-size:11px;padding:5px 9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dataset-grid .notice{font-size:11px;padding:9px 11px;margin:10px 0}.dataset-grid .notice button{font-size:11px;padding:4px 7px}.metric-notes{font-size:12px;margin:12px 0}.metric-notes summary{cursor:pointer}
@media(max-width:650px){#summary,#cost-chart{padding:12px}.summary-controls{gap:8px}.compact-table .cell-model{white-space:normal;min-width:140px}.compact-toolbar .column-options{right:0;left:auto}.difficulty-heading{align-items:flex-start}.topbar{min-height:48px}}

.chart-experiment-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;margin-top:14px;align-items:stretch}.chart-experiment-row #cost-chart{margin:0;min-width:0}.experiment-panel{min-width:0;padding:16px}.experiment-panel h2{font-size:16px;margin:0}.experiment-panel li{font-size:12px;line-height:1.6}.experiment-panel .notice{font-size:11px;padding:8px 10px;margin:10px 0}.experiment-panel .notice button{font-size:11px;padding:4px 6px}.experiment-panel .small{font-size:11px}.chart-controls{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}.chart-controls label{font-size:11px;display:flex;align-items:center;gap:6px}.chart-controls select{font-size:11px;padding:5px 7px}#cost-chart .section-title{flex-wrap:wrap}#cost-chart .strategy-legend{gap:4px}#cost-chart .strategy-legend button{font-size:10px;padding:4px 6px}.compact-table .cell-model{white-space:normal;max-width:360px;min-width:220px}.dataset-grid{grid-template-columns:1fr;margin-top:16px}
@media(max-width:1000px){.chart-experiment-row{grid-template-columns:1fr}}@media(max-width:600px){#scatter svg{min-width:650px}.compact-table .cell-model{min-width:190px}.experiment-panel{padding:14px}}

/* Let the plot fill the comparison panel and keep point labels short. */
.chart-experiment-row{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}#cost-chart{display:flex;flex-direction:column}#scatter{flex:1;display:flex;align-items:center;min-height:350px}#scatter svg{max-height:none;width:100%;height:auto}.chart-label{font-size:13px}.chart-text{font-size:14px}
@media(max-width:1000px){.chart-experiment-row{grid-template-columns:1fr}#scatter{min-height:0}}

/* Improve chart contrast and keep labels close to their own points. */
.chart-grid.axis-grid{stroke:#b6c2d3;stroke-width:1.25}.chart-text{fill:#334155;font-weight:600}.chart-label{font-size:11px;fill:#172238;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.dataset-caption{font-size:11px;color:var(--muted);margin:2px 0 0}

.chart-experiment-row{grid-template-columns:minmax(0,2.2fr) minmax(290px,1fr)}.dataset-caption{font-size:12px;margin-top:4px}.dataset-caption strong{color:var(--ink);font-weight:750}.chart-axis{stroke:#475569;stroke-width:2}.chart-controls{gap:10px 14px}.chart-controls input[type=checkbox]{accent-color:var(--blue);margin:0}.chart-label{font-size:12px}@media(max-width:1000px){.chart-experiment-row{grid-template-columns:1fr}}

.benchmark-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.benchmark-tabs a{padding:7px 12px;border:1px solid #c8d1e0;border-radius:7px;background:#fff;text-decoration:none;font-size:12px;font-weight:650}.benchmark-tabs a[aria-current=page]{background:var(--blue);color:#fff;border-color:var(--blue)}

#difficulty-summary{padding:14px 18px;margin-top:14px}#difficulty-summary .difficulty-breakdown{border-top:0;margin-top:0;padding-top:0}

.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.comparison-subtitle{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.technique-notes{margin:7px 0 11px;padding-left:17px}.technique-notes li{font-size:11px;line-height:1.6}.technique-notes strong{font-weight:600}@media(max-width:650px){.comparison-subtitle{display:block;margin:4px 0 0}}
