@font-face{font-family:Inter;src:url('assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--bg:#fff;--surface:#fff;--soft:#f7f7f7;--ink:#222;--muted:#666;--line:#e2e2e2;--line-strong:#bbb;--accent:#285b8a;--focus:#285b8a;--gpt:#555;--claude:#555;--muse:#555;--grok:#555;--gemini:#555;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#fff;color:var(--ink);font:15px/1.75 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.025em;font-weight:600}h1{font-size:40px;font-weight:650;line-height:1.25}h2{font-size:27px}h3{font-size:17px}p{color:#444}svg{display:block}button svg,.button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1080px,calc(100% - 80px));margin-inline:auto}.prose{width:min(800px,calc(100% - 80px));margin-inline:auto}.section{padding-block:38px}.eyebrow,.figure-label{color:var(--muted);font-size:11px}.figure-label{display:block;margin-bottom:7px}.small-note{font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:12px;padding:10px 16px;background:#fff;color:var(--ink);border:1px solid var(--line-strong);z-index:100}.skip-link:focus{top:12px}
/* Benchmark headline, paper subtitle, and results in the opening section. */
.site-header{height:55px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--ink);font-size:15px;font-weight:650}.nav-inner nav{display:flex;gap:26px}.nav-inner nav a{font-size:12px;color:var(--muted)}.nav-inner nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.project-header{text-align:center;padding:40px 0 30px}.project-header h1{font-size:48px}.project-subtitle{font-size:20px;line-height:1.5;color:#444;margin-top:12px}.authors{font-size:14px;margin-top:16px;color:var(--ink)}.resource-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);border:1px solid var(--line-strong);border-radius:4px;padding:7px 14px;font-size:12px;min-height:36px;background:#fff}.button:hover{border-color:var(--ink);text-decoration:none;background:var(--soft)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:23px}.section-heading p{font-size:14px;margin-top:12px;max-width:850px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px}.method-section{border-top:1px solid var(--line)}.protocol-figure{margin:30px 0}.protocol-figure>a{display:block;width:100%;margin-inline:auto}.protocol-figure img{width:100%;height:auto;display:block}.protocol-figure figcaption{font-size:13px;line-height:1.85;color:var(--muted);margin:17px 0 0}.method-text{display:grid;grid-template-columns:1fr 1fr;gap:38px}.method-text p{font-size:13px;line-height:1.85;margin-top:10px}
/* Full-width result tables retain the published values and caveats. */
.results-section{padding:24px 0 36px}.hero>.results-section>.section-heading{margin-bottom:22px}.hero>.results-section>.section-heading h2{font-size:22px}.results-grid{display:grid;gap:35px}.panel{min-width:0}.ranking-panel{border-block:1px solid var(--line-strong)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0 15px}.panel-heading h3{font-size:18px}.panel-heading p{font-size:12px;margin-top:4px;color:var(--muted)}.view-toggle{display:flex;border:1px solid var(--line-strong);border-radius:3px;overflow:hidden}.view-toggle button{padding:9px;background:#fff;color:var(--muted);border:0}.view-toggle button.active{background:#eee;color:var(--ink)}.view-toggle button:hover{background:#f3f3f3}.ranking-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:16px}select{font-size:12px;background:#fff;border:1px solid var(--line-strong);border-radius:3px;padding:7px 26px 7px 10px;max-width:60%;cursor:pointer}.ranking-toolbar>span{font-size:11px;color:var(--muted);text-align:right}.rank-row,.rank-columns,.rank-axis{display:grid;grid-template-columns:36px 190px minmax(0,1fr) 73px 94px;gap:18px;align-items:center}.rank-columns{padding:10px 8px;border-block:1px solid var(--line);font-size:10px;color:var(--muted)}.rank-columns>span:nth-last-child(-n+2){text-align:right}.rank-row{padding:0 8px;min-height:40px;border-bottom:1px solid var(--line);font-size:12px}.rank-row:hover{background:var(--soft)}.rank-number{font-size:10px;color:var(--muted)}.rank-name{font-weight:500;line-height:1.5}.model-dot{display:none}.family-gpt,.family-claude,.family-muse,.family-grok,.family-gemini{--family-color:#555}.rank-track{height:39px;display:flex;align-items:center;background:repeating-linear-gradient(90deg,var(--line) 0,var(--line) 1px,transparent 1px,transparent 25%);border-right:1px solid var(--line)}.rank-bar{width:var(--value);height:3px;background:var(--family-color);position:relative}.rank-bar::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--family-color);position:absolute;right:-3px;top:-2px}.rank-value,.rank-cost{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.score-unit{font-size:10px;margin-left:2px;color:var(--muted)}.rank-cost{color:var(--muted);font-size:11px}.rank-axis{padding:6px 8px}.rank-axis>div{grid-column:3;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.rank-cost-note{font-size:10px;line-height:1.7;margin:12px 8px 16px;color:var(--muted)}.panel-footer{padding:11px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);font-size:10px;line-height:1.7;color:var(--muted)}.cost-panel{display:grid;grid-template-columns:180px minmax(0,1fr) 170px;column-gap:24px;align-items:start}.cost-panel .panel-heading{grid-column:1;grid-row:1;padding:0}.cost-panel .panel-heading h3{font-size:18px}.cost-panel .panel-heading p{font-size:11px;line-height:1.75;margin-top:10px}.chart-legend{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:10px;font-size:10px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:8px}.legend-line{width:20px;height:1px;background:var(--ink)}.legend-dot{width:5px;height:5px;background:#555;border-radius:50%}#cost-chart{grid-column:2;grid-row:1/4}#cost-chart svg{width:100%;height:auto;overflow:visible}.plot-grid{stroke:var(--line);stroke-width:1}.plot-label{fill:var(--muted);font:10px Inter,sans-serif}.plot-name{fill:var(--ink);font:10px Inter,sans-serif}.plot-point{fill:#555;stroke:#fff;stroke-width:2}.frontier-line{stroke:var(--ink);stroke-width:1.4;fill:none}.cost-insight{grid-column:3;grid-row:1/4;padding-left:20px;border-left:1px solid var(--line);align-self:stretch}.cost-insight>.eyebrow{font-size:10px}.operating-points{display:grid;gap:15px;margin-top:16px}.operating-points>div{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--line)}.operating-points span{font-size:10px;color:var(--muted)}.operating-points strong{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.operating-points small{font-size:12px}.cost-panel .panel-footer{grid-column:1/-1;margin-top:16px}.data-notes{border-bottom:1px solid var(--line);font-size:12px}.data-notes summary{cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;list-style:none;font-size:12px;color:var(--muted)}.data-notes summary::-webkit-details-marker{display:none}.data-notes summary span{font-size:18px;line-height:1}.data-notes[open] summary span{transform:rotate(45deg)}.data-notes>div{display:grid;gap:10px;padding-bottom:20px}.data-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.data-table th{padding:10px 8px;font-size:11px;text-align:left;font-weight:500;border-block:1px solid var(--line)}.data-table td{padding:10px 8px;border-bottom:1px solid var(--line)}.data-table td:nth-last-child(-n+2),.data-table th:nth-last-child(-n+2){text-align:right}
/* Interactive examples are presented as a task index and an annotated figure. */
.task-section>.container{border-top:1px solid var(--line);padding-top:32px}.task-explorer{display:grid;grid-template-columns:270px minmax(0,1fr);gap:35px;align-items:start}.index-label{display:flex;justify-content:space-between;padding:8px 39px 10px 39px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line-strong)}.task-grid{display:grid}.task-card{display:grid;grid-template-columns:22px 1fr 24px 13px;gap:8px;align-items:center;padding:15px 8px;min-height:51px;background:#fff;border:0;border-bottom:1px solid var(--line);text-align:left}.task-index-number,.task-index-count,.task-index-arrow{font-size:10px;color:var(--muted)}.task-index-name{font-size:11px}.task-index-arrow{visibility:hidden}.task-card[aria-pressed=true]{background:#f4f4f4;box-shadow:inset 2px 0 var(--ink)}.task-card[aria-pressed=true] .task-index-name{font-weight:600}.task-card[aria-pressed=true] .task-index-arrow{visibility:visible}.task-card:hover{background:var(--soft)}.task-feature{min-width:0}.feature-image{height:315px;position:relative;border:1px solid var(--line);padding:10px;background:#fff}.feature-image img{width:100%;height:100%;object-fit:contain;display:block}.preview-kind{position:absolute;bottom:16px;left:16px;padding:3px 7px;font-size:9px;color:var(--ink);background:#fff;border:1px solid var(--line)}.feature-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:16px}.feature-caption .figure-label{font-size:10px}.feature-caption h3{font-size:18px}.feature-caption p{font-size:12px;line-height:1.8;margin-top:10px}.feature-open{background:#fff;border:0;border-bottom:1px solid var(--line-strong);padding:3px 0 6px;font-size:11px;white-space:nowrap;color:var(--accent)}.feature-open span{margin-left:7px}.gallery-note{font-size:11px;line-height:1.7;margin-top:20px;color:var(--muted)}
/* Calibration and paper references. */
.validation-section{border-top:1px solid var(--line)}.calibration-table{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}.calibration-table caption{font-size:12px;color:var(--muted);text-align:left;padding-bottom:10px}.calibration-table th,.calibration-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.calibration-table thead th{font-size:11px;font-weight:500;border-top:1px solid var(--line-strong)}.calibration-table tbody th{font-weight:500}.research-note{font-size:12px;line-height:1.85;color:var(--muted);margin-top:18px}.paper-section{padding-bottom:45px}.paper-section h2{margin-bottom:17px}.paper-section p{font-size:14px;line-height:1.8}.paper-section .small-note{font-size:12px;margin-top:15px}.footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
/* Native modal for full task details. */
.icon-button{width:34px;height:34px;background:#fff;border:1px solid var(--line-strong);display:grid;place-items:center}.icon-button:hover{background:var(--soft)}dialog{width:min(880px,calc(100% - 32px));max-height:90dvh;padding:0;border:1px solid var(--line-strong);background:#fff;color:var(--ink)}dialog::backdrop{background:#0009}.dialog-close{position:absolute;top:12px;right:12px;font-size:24px;z-index:1}dialog>img{width:100%;max-height:52vh;object-fit:contain;display:block;background:#fff}.dialog-content{padding:26px}.dialog-content h2{font-size:25px;margin:10px 0 14px}.dialog-content p{font-size:13px}.dialog-metadata{display:flex;flex-direction:column;gap:6px;padding-top:15px;border-top:1px solid var(--line);margin-top:20px;font-size:11px;color:var(--muted)}body.dialog-open{overflow:hidden}.loading{padding:25px 0}.noscript{padding:20px;text-align:center}
@media(max-width:1000px){.container,.prose{width:calc(100% - 64px)}.prose{max-width:800px}h1{font-size:36px}.rank-row,.rank-columns,.rank-axis{grid-template-columns:26px 165px minmax(0,1fr) 65px 82px;gap:12px}.cost-panel{grid-template-columns:150px minmax(0,1fr) 150px;gap:20px}.cost-insight{padding-left:15px}.task-explorer{grid-template-columns:240px minmax(0,1fr);gap:25px}.task-card{gap:5px;padding-inline:6px}.task-index-name{font-size:10px}.feature-caption{display:block}.feature-open{margin-top:12px}}
@media(max-width:760px){.container,.prose{width:calc(100% - 44px)}.project-header{padding-top:34px}.project-header h1{font-size:40px}.project-subtitle{font-size:18px}h1{font-size:32px}.authors{font-size:14px}.method-text{gap:25px}.rank-row,.rank-columns,.rank-axis{grid-template-columns:23px 142px minmax(0,1fr) 60px 69px;gap:10px}.rank-name{font-size:11px}.rank-columns{font-size:9px}.cost-panel{grid-template-columns:140px minmax(0,1fr);gap:17px}.cost-insight{grid-column:1/-1;grid-row:4;padding:15px 0 0;border-left:0;border-top:1px solid var(--line)}.operating-points{grid-template-columns:repeat(3,1fr);gap:20px}.cost-panel .panel-footer{grid-row:5;margin-top:0}.chart-legend{grid-row:2/4;align-self:end;padding-bottom:20px}.task-explorer{grid-template-columns:210px minmax(0,1fr);gap:20px}.task-card{grid-template-columns:18px 1fr 20px 10px;gap:4px}.feature-image{height:260px}.feature-caption h3{font-size:17px}.calibration-table{font-size:11px}.calibration-table th,.calibration-table td{padding:10px 8px}.calibration-table thead th{font-size:10px}}
@media(max-width:560px){.container,.prose{width:calc(100% - 36px)}.site-header{height:50px}.nav-inner nav{gap:17px}.nav-inner nav a{font-size:10px}.brand{font-size:14px}.project-header{padding:28px 0 24px}.project-header h1{font-size:34px}.project-subtitle{font-size:16px;margin-top:12px}.results-section{padding-top:10px}h1{font-size:28px;line-height:1.3}.authors{font-size:13px;margin-top:18px}.resource-links{gap:8px;margin-top:19px}.button{font-size:11px;padding:6px 10px;gap:6px}.button svg{width:14px;height:14px}.section{padding-block:28px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:24px}.section-heading p{font-size:13px;margin-top:12px}.section-heading>.text-link,.section-heading>.small-note{display:inline-flex;margin-top:13px}.protocol-figure{margin-block:22px}.protocol-figure figcaption{font-size:12px;margin-top:13px}.method-text{grid-template-columns:1fr;gap:22px}.method-text h3{font-size:16px}.method-text p{font-size:12px}.panel-heading{padding-top:17px}.panel-heading h3{font-size:16px}.panel-heading p{font-size:10px}.figure-label{font-size:10px}.ranking-toolbar{align-items:flex-start;gap:12px}.ranking-toolbar>span{font-size:9px;max-width:132px;line-height:1.6}select{font-size:10px;padding:7px 20px 7px 7px}.rank-row,.rank-columns{grid-template-columns:18px minmax(0,1fr) 64px 59px;gap:7px;padding-inline:0}.rank-columns>span:nth-child(3){display:none}.rank-track,.rank-axis{display:none}.rank-columns{font-size:8px}.rank-name{font-size:10px}.rank-number{font-size:9px}.rank-value{font-size:11px}.rank-cost{font-size:10px}.rank-row{min-height:43px}.rank-cost-note{margin:12px 0;font-size:9px}.panel-footer{font-size:9px}.cost-panel{grid-template-columns:1fr;gap:16px}.cost-panel .panel-heading{grid-column:1;grid-row:1}.cost-panel .panel-heading h3{font-size:18px}.cost-panel .panel-heading p{font-size:12px}.chart-legend{grid-column:1;grid-row:2;flex-direction:row;padding:0;gap:20px}#cost-chart{grid-column:1;grid-row:3}.cost-insight{grid-column:1;grid-row:4}.operating-points{gap:12px}.operating-points span{font-size:9px}.data-notes summary{font-size:11px}.data-notes>div{font-size:11px}.data-table{font-size:10px}.data-table th{font-size:9px;padding:9px 4px}.data-table td{padding:9px 4px}.task-section>.container{padding-top:25px}.task-explorer{grid-template-columns:1fr;gap:22px}.index-label{display:none}.task-grid{grid-template-columns:1fr 1fr;gap:0 10px;border-top:1px solid var(--line)}.task-card{grid-template-columns:17px 1fr 18px;min-height:47px;padding:10px 5px;gap:4px}.task-index-name{font-size:9px}.task-index-number,.task-index-count{font-size:8px}.task-index-arrow{display:none}.feature-image{height:245px;padding:8px}.feature-caption p{font-size:11px}.gallery-note{font-size:10px}.calibration-table th,.calibration-table td{padding:9px 5px;font-size:10px;overflow-wrap:anywhere}.calibration-table thead th{font-size:9px}.calibration-table th:first-child{width:26%}.calibration-table caption{font-size:11px}.research-note{font-size:11px}.paper-section h2{font-size:24px}.paper-section p{font-size:13px}.paper-section .small-note{font-size:11px}.dialog-content{padding:20px}.dialog-content h2{font-size:23px}.dialog-content p{font-size:12px}.dialog-metadata{font-size:10px}.footer{font-size:10px}}
@media(max-width:360px){.project-header h1{font-size:30px}.project-subtitle{font-size:15px}.container,.prose{width:calc(100% - 28px)}h1{font-size:25px}.nav-inner nav{gap:13px}.rank-row,.rank-columns{grid-template-columns:16px minmax(0,1fr) 55px 55px;gap:5px}.rank-name{font-size:9px}.task-index-name{font-size:8px}.resource-links{gap:6px}.button{font-size:10px;padding-inline:8px}.calibration-table th,.calibration-table td{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Publication-style plots: family colors, direct labels, and a shared white canvas. */
:root{--gpt:#424b57;--claude:#bd8068;--muse:#4387c0;--grok:#8874b4;--gemini:#5d9878}
.family-gpt{--family-color:var(--gpt)}.family-claude{--family-color:var(--claude)}.family-muse{--family-color:var(--muse)}.family-grok{--family-color:var(--grok)}.family-gemini{--family-color:var(--gemini)}
.project-header{padding-bottom:20px}.resource-links{margin-top:22px}.results-section{padding-top:16px}.results-grid{gap:34px}.ranking-panel{border:1px solid var(--line);border-radius:6px;padding:0 30px}.panel-heading h2{font-size:24px;font-weight:600;letter-spacing:-.03em}.ranking-panel>.panel-heading{padding:25px 0 18px}.panel-heading p{font-size:12px}.chart-header-right{display:flex;align-items:center;gap:18px}.chart-signature{font-size:10px;color:var(--muted);white-space:nowrap}.chart-signature>span{font-size:9px;margin-left:5px;border:1px solid var(--line);border-radius:3px;padding:2px 4px}.ranking-toolbar{padding-bottom:20px}.ranking-toolbar>span{font-size:10px}.brand-icon{display:inline-block;width:21px;height:21px;object-fit:contain;flex-shrink:0}.table-model{display:flex;align-items:center;gap:9px}.table-model .brand-icon{width:17px;height:17px}
#ranking{padding:0 0 4px}#ranking .rank-row{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;min-height:47px;padding:0;border:0}#ranking .rank-row:hover{background:none}#ranking .rank-name{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500;line-height:1.35}#ranking .rank-track{display:flex;align-items:center;height:47px;margin-right:59px;border:0;background:repeating-linear-gradient(90deg,#ebedf0 0,#ebedf0 1px,transparent 1px,transparent 25%);border-right:1px solid #ebedf0}#ranking .rank-bar{height:27px;width:var(--value);background:var(--family-color);border-radius:0 4px 4px 0;position:relative}#ranking .rank-bar::after{display:none}#ranking .rank-value{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:10px;white-space:nowrap;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#333;text-align:left}#ranking .score-unit{font-size:11px;margin-left:2px;font-weight:400;color:#777}#ranking .rank-axis{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;padding:8px 0 0;margin-right:59px}#ranking .rank-axis>div{grid-column:2;display:flex;justify-content:space-between;color:#888;font-size:10px}#ranking .rank-cost-note{font-size:10px;margin:17px 0 14px;line-height:1.7;color:#777}.ranking-panel>.panel-footer{padding:13px 0;font-size:10px}
.results-grid .cost-panel{display:block;border:1px solid var(--line);border-radius:6px;padding:0 30px}.results-grid .cost-panel .panel-heading{display:flex;padding:25px 0 12px}.results-grid .cost-panel .panel-heading p{font-size:12px;margin-top:4px}.cost-panel .chart-header-right{flex-direction:column;align-items:flex-end;gap:12px}.cost-panel .chart-legend{display:flex;flex-direction:row;padding:0;gap:18px;font-size:10px}.legend-line{height:2px;background:#4a6073;width:22px}.results-grid #cost-chart{display:block;grid-column:auto;grid-row:auto;padding:6px 0 0}.results-grid #cost-chart svg{width:100%;height:auto;display:block}.plot-grid{stroke:#e9edf0;stroke-width:1}.plot-grid.vertical{stroke-dasharray:3 5}.plot-label{fill:#78818a;font:12px Inter,sans-serif;font-variant-numeric:tabular-nums}.plot-axis-title{fill:#59636d;font:13px Inter,sans-serif}.plot-name{fill:#303a43;font:13px Inter,sans-serif;font-weight:500;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.label-connector{fill:none;stroke:#bac2c9;stroke-width:1}.frontier-line{stroke:#4a6073;stroke-width:2;fill:none}.plot-point{fill:var(--family-color);stroke:#fff;stroke-width:2}.results-grid .cost-panel .panel-footer{margin-top:0;padding:13px 0;font-size:10px}
@media(max-width:1000px){.ranking-panel,.results-grid .cost-panel{padding-inline:24px}#ranking .rank-row,#ranking .rank-axis{grid-template-columns:177px minmax(0,1fr);gap:20px}#ranking .rank-name{font-size:12px}.chart-header-right{gap:12px}}
@media(max-width:760px){.ranking-panel,.results-grid .cost-panel{padding-inline:20px}#ranking .rank-row,#ranking .rank-axis{grid-template-columns:160px minmax(0,1fr);gap:15px}#ranking .rank-name{font-size:11px;gap:9px}#ranking .brand-icon{width:19px;height:19px}#ranking .rank-track,#ranking .rank-axis{margin-right:48px}#ranking .rank-value{font-size:12px;margin-left:7px}.chart-signature{display:none}.plot-name{font-size:14px}.plot-label{font-size:13px}.ranking-panel>.panel-heading,.results-grid .cost-panel .panel-heading{padding-top:22px}.panel-heading h2{font-size:23px}}
@media(max-width:560px){.ranking-panel,.results-grid .cost-panel{padding-inline:14px}.ranking-panel>.panel-heading,.results-grid .cost-panel .panel-heading{padding-top:18px}.panel-heading h2{font-size:22px}.panel-heading p,.results-grid .cost-panel .panel-heading p{font-size:10px;max-width:235px}.chart-header-right{gap:0}.view-toggle button{padding:7px}.ranking-toolbar{padding-bottom:16px}.ranking-toolbar>span{font-size:8px;max-width:115px}#ranking .rank-row{grid-template-columns:1fr;gap:0;min-height:66px;margin-bottom:3px}#ranking .rank-name{font-size:11px;gap:8px;padding-top:7px}#ranking .brand-icon{width:16px;height:16px}#ranking .rank-track{height:32px;margin-right:47px}#ranking .rank-bar{height:21px;border-radius:0 3px 3px 0}#ranking .rank-value{font-size:11px;margin-left:7px}#ranking .score-unit{font-size:9px}#ranking .rank-axis{grid-template-columns:1fr;gap:0;margin-right:47px;padding-top:3px}#ranking .rank-axis>span{display:none}#ranking .rank-axis>div{grid-column:1;font-size:9px}#ranking .rank-cost-note{font-size:9px;margin-top:13px}.ranking-panel>.panel-footer{font-size:8px;gap:10px}.results-grid .cost-panel .panel-heading{display:block}.cost-panel .chart-header-right{align-items:flex-start;margin-top:13px}.cost-panel .chart-legend{font-size:9px}.plot-label{font-size:10px}.plot-axis-title{font-size:11px}.plot-name{font-size:10px;stroke-width:4px}.results-grid .cost-panel .panel-footer{font-size:8px;display:flex;flex-direction:column;gap:3px}.table-model{gap:5px}.table-model .brand-icon{width:14px;height:14px}.data-table{font-size:9px}.data-table th{font-size:8px}}

/* All domains remain visible, including in screenshots and narrow layouts. */
.ranking-panel>.panel-heading{align-items:center;padding-bottom:19px}
.category-tabs{display:flex;flex-wrap:wrap;gap:0 7px;border-bottom:1px solid var(--line);margin-bottom:16px}
.category-tabs [role=tab]{flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:#fff;padding:10px 7px 11px;font-size:11px;line-height:1.5;color:#666;white-space:nowrap;margin-bottom:-1px}
.category-tabs [role=tab]:hover{color:#222;background:#fafafa}
.category-tabs [role=tab][aria-selected=true]{color:#222;font-weight:600;border-bottom-color:#222}
.category-tabs [role=tab]:focus-visible{outline-offset:-3px}
.ranking-panel .ranking-toolbar{gap:16px;padding-bottom:14px}
.ranking-panel .ranking-toolbar>span{font-size:10px;max-width:none}
.ranking-panel .ranking-toolbar>span:first-child{text-align:left}
@media(min-width:1100px){.category-tabs{justify-content:space-between;gap:0}.category-tabs [role=tab]{padding-inline:6px}}
@media(max-width:760px){.category-tabs{gap:0 5px}.category-tabs [role=tab]{font-size:10px;padding:9px 6px 10px}.ranking-panel .ranking-toolbar>span{font-size:9px}.ranking-panel>.panel-heading h2{font-size:22px}}
@media(max-width:560px){.ranking-panel>.panel-heading{gap:12px;align-items:flex-start}.ranking-panel>.panel-heading h2{font-size:21px;line-height:1.3}.category-tabs{gap:0 7px;margin-bottom:14px}.category-tabs [role=tab]{font-size:10px;padding:8px 5px 9px}.ranking-panel .ranking-toolbar{align-items:flex-start;gap:12px}.ranking-panel .ranking-toolbar>span{font-size:8px}.ranking-panel .ranking-toolbar>span:last-child{max-width:124px}}

.radar-panel{border:1px solid var(--line);border-radius:6px;padding:0 30px}
.radar-panel>.panel-heading{padding:25px 0 14px}
.radar-figure{margin:0;padding:0 0 12px}
.radar-figure a{display:block}
.radar-figure img{display:block;width:100%;height:auto}
.radar-mobile{display:none}
.radar-panel>.panel-footer{padding:13px 0;font-size:10px}
@media(max-width:1000px){.radar-panel{padding-inline:24px}}
@media(max-width:760px){.radar-panel{padding-inline:20px}}
@media(max-width:560px){.radar-panel{padding-inline:14px}.radar-panel>.panel-heading{padding-top:18px}.radar-desktop{display:none!important}.radar-mobile{display:grid;gap:8px}.radar-panel>.panel-footer{font-size:8px;flex-wrap:wrap;gap:3px 10px}}

.bottom-resources{margin-top:4px;padding:24px 0 38px}
.dialog-close{width:36px;height:36px;top:12px;right:12px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 5px #00000012}
.dialog-close svg{display:block;width:16px;height:16px;stroke-width:1.8;flex:none}
.dialog-close:hover{background:#f5f5f5;border-color:#aaa}

/* Interactive category profiles preserve the paper's axis order and rank groups. */
.radar-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;font-size:11px;color:var(--muted)}
#radar-reset{background:#fff;border:1px solid var(--line-strong);border-radius:3px;padding:6px 10px;white-space:nowrap;font-size:11px}
#radar-reset:hover:not(:disabled){background:var(--soft)}
.radar-interactive{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:23px}
.radar-group{min-width:0}
.radar-group h3{font-size:15px;text-align:center;font-weight:600}
.radar-plot{width:100%;height:auto;display:block;overflow:visible}
.radar-grid{stroke:#d8dde3;stroke-width:1;stroke-dasharray:3 5;fill:none}
.radar-spoke{stroke:#dde1e5;stroke-width:1;stroke-dasharray:3 5}
.radar-tick{font:10px Inter,sans-serif;fill:#89929a;paint-order:stroke;stroke:#fff;stroke-width:4px}
.radar-axis-label{font:12px Inter,sans-serif;fill:#444}
.radar-profile{stroke:var(--family-color);stroke-width:2.3;fill:var(--family-color);fill-opacity:.025;pointer-events:none}
.radar-profile-hit{fill:none;stroke:transparent;stroke-width:10;stroke-linejoin:round;pointer-events:stroke}
.radar-marker{stroke:var(--family-color);stroke-width:2;fill:#fff;pointer-events:none}
.point-hit{fill:transparent;stroke:transparent;cursor:pointer}
.radar-point:focus{outline:none}
.radar-point:focus .point-hit{stroke:var(--focus);stroke-width:1.5;fill:#fff}
.radar-plot.has-highlight .radar-series{opacity:.14}
.radar-plot.has-highlight .radar-series.highlighted{opacity:1}
.radar-series.highlighted .radar-profile{stroke-width:3;fill-opacity:.09}
.radar-readout{min-height:39px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 4px;font-size:10px;line-height:1.6;text-align:center;color:#666;margin-bottom:12px}
.radar-readout strong{font-weight:500;color:#333}
.radar-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}
.radar-legend-button{display:flex;align-items:center;gap:7px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 9px;font-size:11px;line-height:1.3;min-height:37px}
.radar-legend-button .brand-icon{width:16px;height:16px}
.radar-legend-button svg.radar-legend-swatch{width:23px;height:12px;stroke:var(--family-color);stroke-width:2;flex:none}
.radar-legend-button[aria-pressed=false]{color:#888;text-decoration:line-through}
.radar-legend-button[aria-pressed=false] .brand-icon,.radar-legend-button[aria-pressed=false] .radar-legend-swatch{opacity:.3}
.radar-legend-button:hover{border-color:var(--line-strong)}
@media(max-width:1000px){.radar-interactive{gap:15px}.radar-legend{grid-template-columns:1fr}.radar-legend-button{padding:7px 9px}.radar-axis-label{font-size:13px}}
@media(max-width:700px){.radar-interactive{grid-template-columns:1fr;gap:30px}.radar-legend{grid-template-columns:1fr 1fr}.radar-group h3{font-size:14px}.radar-controls{align-items:flex-start;gap:12px;font-size:10px}.radar-controls>span{max-width:220px}#radar-reset{font-size:10px;padding:5px 8px}.radar-axis-label{font-size:14px}.radar-tick{font-size:12px}.radar-readout{margin-top:-2px}}
@media(max-width:400px){.radar-legend{gap:6px}.radar-legend-button{font-size:9px;padding:7px 5px;gap:5px}.radar-legend-button svg.radar-legend-swatch{width:16px}.radar-legend-button .brand-icon{width:13px;height:13px}.radar-controls{flex-wrap:wrap}.radar-controls>span{max-width:none}}
.calibration-summary{font-size:13px;line-height:1.85;margin-top:20px;color:#444}.calibration-summary strong{font-weight:600}
@media(max-width:560px){.calibration-summary{font-size:12px}}
.radar-grid.radar-boundary{stroke:#c4cbd2;stroke-width:1.1;stroke-dasharray:none}
.radar-legend-button{border:0;border-radius:0;padding:7px 4px;min-height:33px}
.radar-legend-button:hover{background:none;text-decoration:underline;text-underline-offset:3px}
.radar-legend-button[aria-pressed=false]:hover{text-decoration:line-through}
.radar-interactive{margin-top:8px}
.radar-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px}
@media(max-width:1100px){.radar-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Scroll progress follows the paper's task → artifact → comparison → aggregation flow. */
.protocol-flow{display:block;width:100%;height:auto}
.protocol-flow .flow-edge-progress{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.protocol-flow .flow-particle{fill:#37658a;opacity:0;pointer-events:none}
.protocol-flow.flow-ready .flow-edge-base{opacity:.22}
.protocol-flow.flow-ready .flow-edge-progress{stroke:#37658a;stroke-width:2.8}
.protocol-flow.flow-ready .flow-stage{opacity:calc(.35 + var(--stage-progress,0) * .65)}
.protocol-flow .flow-stage-complete .card{stroke:#647d92;stroke-width:2}

@keyframes fab-bar-grow{from{width:0}to{width:var(--value)}}
@keyframes fab-bar-label{from{opacity:0}to{opacity:1}}
#ranking .bar-chart{isolation:isolate}
#ranking .rank-name,#ranking .rank-bar{position:relative;z-index:1}
#ranking .bar-chart.is-entering .rank-bar{animation:fab-bar-grow .58s cubic-bezier(.2,.7,.25,1) both}
#ranking .bar-chart.is-entering .rank-value{animation:fab-bar-label .32s .15s ease both}
#ranking .rank-bar{transform-origin:left center;transition:transform .15s ease,filter .15s ease}
#ranking .rank-track:hover .rank-bar,#ranking .rank-row:focus-visible .rank-bar{transform:scaleY(1.12);filter:brightness(.97)}
#ranking .rank-row:focus-visible{outline-offset:2px;border-radius:3px}
@media(prefers-reduced-motion:reduce){#ranking .rank-track:hover .rank-bar,#ranking .rank-row:focus-visible .rank-bar{transform:none}}
/* Keep diagram type restrained as the drawing expands to the full content width. */
.protocol-figure .protocol-flow .heading{font-size:23.75px}
.protocol-figure .protocol-flow .subheading{font-size:19.375px}
.protocol-figure .protocol-flow .body{font-size:20px}
.protocol-figure .protocol-flow .small,.protocol-figure .protocol-flow .index,.protocol-figure .protocol-flow .label{font-size:17.5px}
.protocol-figure .protocol-flow .tiny{font-size:16.25px}
.footer>div{font-size:15px;line-height:1.6}
.footer-contact{margin:0}
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand>img{display:block;flex-shrink:0}
@media(max-width:560px){.site-header{height:auto}.nav-inner{flex-wrap:wrap;gap:4px;padding-block:8px}.nav-inner nav{width:100%;justify-content:space-between}}
.not-found{padding:80px 0 120px;text-align:center}.not-found p{margin-top:16px}