/* Evaluation panels follow the page's paper, rules, serif headings and blue model accent. */
.evaluation{margin-top:44px;scroll-margin-top:82px;overflow-anchor:none}
.evaluation .evaluation-heading{margin-top:0;min-height:30px}
.evaluation .evaluation-heading h3{max-width:none}
.evaluation-tabs{display:flex;gap:32px;margin-top:19px;border-bottom:1px solid var(--line)}
.evaluation-tabs button{border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:11px 0 12px;background:transparent;font-size:14px;line-height:1.3;text-align:left;color:var(--muted)}
.evaluation-tabs button:hover{color:var(--ink);background:transparent}
.evaluation-tabs button[aria-selected="true"]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}
.evaluation-panel{padding-top:2px;outline-offset:5px}
.evaluation-panel>.evaluation-caption{margin:16px 0 27px;line-height:1.7}
.metric-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.metric-family{min-width:0;--method-width:106px;--value-width:42px;--bar-gap:8px}
.metric-family-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--ink);margin-bottom:19px}
.metric-family-heading h4,.benchmark-heading h4{margin:0;font:400 22px/1.2 var(--serif);letter-spacing:-.02em}
.metric-family-heading>span{font-size:11px;color:var(--muted);white-space:nowrap}
.metric-chart+.metric-chart{margin-top:24px}
.metric-chart figcaption{display:flex;justify-content:flex-start;align-items:baseline;gap:6px;font-size:14px;font-weight:600;margin-bottom:10px}
.metric-direction{font-size:16px;font-weight:400;color:var(--muted)}
.metric-bars{position:relative;list-style:none;margin:0;padding:0;font-size:12px;line-height:1.2}
.metric-bars::before{content:"";position:absolute;left:calc(var(--method-width) + var(--bar-gap));right:calc(var(--value-width) + var(--bar-gap));top:0;bottom:0;background:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px var(--tick-step));border-right:1px solid var(--line);opacity:.65;pointer-events:none}
.metric-bars li{display:grid;grid-template-columns:var(--method-width) minmax(0,1fr) var(--value-width);gap:var(--bar-gap);align-items:center;position:relative;min-height:26px}
.metric-method{white-space:nowrap}
.metric-track{display:block;position:relative;height:9px;min-width:0}
.metric-fill{display:block;height:100%;background:#92a69f}
.metric-value{position:absolute;left:calc(var(--bar-end) + 6px);top:50%;transform:translateY(-50%);white-space:nowrap;text-align:left;font-size:13px;font-variant-numeric:tabular-nums;background:var(--paper);padding:1px 2px}
.metric-spotter .metric-method,.metric-spotter .metric-value{color:var(--spotter-ink);font-weight:600}
.metric-spotter .metric-fill{background:var(--spotter-ink)}
.metric-axis{position:relative;height:16px;margin:6px calc(var(--value-width) + var(--bar-gap)) 0 calc(var(--method-width) + var(--bar-gap));font-size:10px;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}
.metric-axis>span{position:absolute;top:0;transform:translateX(-50%)}
.metric-axis>span:first-child{transform:none}
.metric-axis>span:last-child{transform:translateX(-100%)}
.evaluation-key{padding-top:15px;margin-top:22px;border-top:1px solid var(--line)}
.benchmark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.benchmark-card{min-width:0}
.benchmark-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}
.benchmark-heading>span{color:var(--muted);font-size:11px}
.benchmark-scroll{overflow-x:auto;scrollbar-width:thin;outline-offset:3px}
.benchmark-table{width:100%;min-width:540px;border-collapse:collapse;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.35}
.benchmark-table th,.benchmark-table td{padding:8px 6px;white-space:nowrap;border-bottom:1px solid var(--line);font-weight:400}
.benchmark-table thead{font-size:10px;color:var(--muted)}
.benchmark-table thead tr:first-child th{border-top:1px solid var(--ink);text-align:center}
.benchmark-table thead th:first-child[rowspan],.benchmark-table tbody th{text-align:left}
.benchmark-table tbody th{font-size:12px;padding-left:7px}
.benchmark-table strong{font-weight:650}
.benchmark-table .spotter-result{background:#e9edf5}
.benchmark-table .spotter-result th{color:var(--spotter-ink)}
@media(max-width:1150px){
 .metric-families{gap:28px}
 .metric-family{--method-width:92px;--value-width:37px;--bar-gap:6px}
 .metric-bars{font-size:11px}
 .metric-family-heading{display:block}
 .metric-family-heading>span{display:block;margin-top:5px}
 .benchmark-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
 .metric-families{grid-template-columns:1fr;gap:32px}
 .metric-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;--method-width:106px;--value-width:42px;--bar-gap:8px}
 .metric-family-heading{grid-column:1/-1;display:flex}
 .metric-family-heading>span{margin-top:0}
 .metric-chart+.metric-chart{margin-top:0}
 .metric-bars{font-size:12px}
}
@media(max-width:650px){
 .evaluation{margin-top:34px;scroll-margin-top:105px}
 .evaluation .evaluation-heading h3{font-size:22px}
 .evaluation-tabs{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:14px;margin-top:16px}
 .evaluation-tabs button{font-size:12px;padding:10px 0;min-height:54px}
 .evaluation-panel>.evaluation-caption{margin:14px 0 22px;font-size:10px}
 .metric-family{display:block;--method-width:104px;--value-width:42px;--bar-gap:8px}
 .metric-family-heading{display:flex;margin-bottom:16px}
 .metric-family-heading h4,.benchmark-heading h4{font-size:21px}
 .metric-chart+.metric-chart{margin-top:24px}
 .metric-bars li{min-height:27px}
 .metric-chart figcaption{font-size:14px}
 .benchmark-grid{gap:28px}
 .benchmark-table tbody th{position:sticky;left:0;background:var(--paper);box-shadow:1px 0 var(--line)}
 .benchmark-table .spotter-result th{background:#e9edf5}
}