/* Compact best-result comparisons, using the shared site palette. */
.benchmark-page .hero h1{max-width:24ch}
.benchmark-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;font-size:15px}
.benchmark-page .setup{grid-template-columns:repeat(3,minmax(0,1fr))}
.benchmark-key{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--muted);margin:22px 0 0}
.benchmark-key .baseline-mark::before{content:"";display:inline-block;width:2px;height:12px;background:var(--native);margin-right:8px;vertical-align:-1px}
.benchmark-table{min-width:0;table-layout:fixed}
.benchmark-table .model-col{width:34%}
.benchmark-table .value-col{width:19%}
.benchmark-table .baseline-col{width:17%}
.benchmark-table .comparison-col{width:30%}
.benchmark-table th,.benchmark-table td{padding:14px 16px}
.benchmark-table th.model{font-size:16px;letter-spacing:0;text-transform:none;white-space:normal;color:var(--ink);font-weight:600}
.benchmark-table th.model small{display:block;font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:400;color:var(--muted);margin-top:3px;line-height:1.4}
.benchmark-table .best-value{font-weight:600;color:var(--accent-ink)}
.benchmark-table .spread{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}
.benchmark-table .unit{display:block;font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;margin-top:3px}
.benchmark-table tbody tr:last-child th{border-bottom:0}
.benchmark-table .bar{min-width:0;gap:12px}
.benchmark-table .bar .track{height:9px;overflow:visible}
.benchmark-table .bar .track::after{content:"";position:absolute;left:50%;top:-3px;width:2px;height:15px;background:var(--native);transform:translateX(-1px)}
.benchmark-table .bar .pct{width:46px;flex:none;color:var(--accent-ink)}
.benchmark-table .bar .fill{border-radius:4px}
.benchmark-page .tablewrap{margin-top:18px}
.benchmark-page .gallery{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.benchmark-page .cap{margin-top:12px}
.benchmark-notes{margin-top:36px;border-top:1px solid var(--line);padding-top:20px;font-size:15px;color:var(--muted)}
.benchmark-notes summary{width:fit-content;cursor:pointer;color:var(--accent-ink);font-weight:600}
.benchmark-notes summary:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}
.benchmark-notes[open] summary{margin-bottom:14px}
.benchmark-page footer{margin-top:36px}
.benchmark-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (max-width:800px){
  .benchmark-table th,.benchmark-table td{padding:12px 10px}
  .benchmark-table th.r{font-size:12px}
}
@media (max-width:620px){
  .benchmark-page .setup{grid-template-columns:1fr}
  .benchmark-links{gap:6px 16px;font-size:14px}
  .benchmark-key{gap:5px 16px;font-size:13px}
  .benchmark-table,.benchmark-table tbody{display:block}
  .benchmark-table colgroup{display:none}
  .benchmark-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .benchmark-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;padding:16px;border-bottom:1px solid var(--line)}
  .benchmark-table tbody tr:last-child{border-bottom:0}
  .benchmark-table tbody th,.benchmark-table tbody td{display:block;min-width:0;border:0;padding:0;text-align:left}
  .benchmark-table th.model,.benchmark-table .comparison-cell{grid-column:1 / -1}
  .benchmark-table td.r::before{content:attr(data-label);display:block;font-family:"Source Sans 3",sans-serif;font-size:12px;font-weight:400;color:var(--muted);margin-bottom:4px}
  .benchmark-table .spread{display:inline;margin-left:5px}
  .benchmark-page .gallery{grid-template-columns:1fr}
}