.benchmarks-page{padding-bottom:var(--compare-tray-clearance,0px)}
.compare-tray{position:fixed;z-index:18;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:grid;gap:8px;width:calc(100% - 24px);max-width:760px;padding:10px 14px 14px;border:1px solid #495343;border-radius:12px;background:var(--ink);color:var(--white);box-shadow:0 8px 40px #262b2940;font-size:13px}
.compare-tray[hidden]{display:none}
.compare-selection{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;min-height:36px}
.compare-selection small{margin-left:8px;color:#bec6b3;font-size:11px}
.compare-tray button{min-height:44px;border:1px solid transparent;border-radius:6px;padding:9px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.compare-tray button:disabled{opacity:.45;cursor:default}
.compare-tray button:focus-visible{outline:2px solid #e3eccb;outline-offset:3px}
#clear-compare{flex:none;padding:8px;color:#e2e8d5;background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#clear-compare:hover{color:white;background:#ffffff0d}
#compare-names{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
#compare-names li{min-width:0;max-width:100%}
#compare-names button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100%;border-color:#626f58;background:#354432;color:#f6f8ef;text-align:left;font-weight:500;line-height:1.35}
#compare-names button:hover{background:#46563f;border-color:#a1b58c}
.comparison-model-name{min-width:0;overflow-wrap:anywhere}
.comparison-remove-icon{flex:none;font-size:21px;line-height:1;color:#d4dfc7}
.compare-actions{display:flex;flex-wrap:wrap;gap:8px}
.compare-actions button{background:#dce5c8;color:#283622}
.compare-actions button:not(:disabled):hover{background:#edf3df}
#copy-compare,#share-compare{background:transparent;color:#e2e8d5;border-color:#626f58}
#copy-compare:not(:disabled):hover,#share-compare:not(:disabled):hover{background:#ffffff12;color:white}
#share-dialog{max-width:720px}
#share-url{font-family:inherit;line-height:1.5;resize:none;overflow-wrap:anywhere;white-space:pre-wrap}
.share-link-row{align-items:stretch}
#share-preview{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:8px;border:1px solid #d6ddca;background:#f1f0e6;margin:18px 0 0}
.share-preview-caption{display:flex;justify-content:space-between;gap:12px;margin:9px 0 23px;font-size:11px;color:var(--muted)}
.share-preview-caption a{color:var(--olive);text-underline-offset:3px}
@media(max-width:950px){
  .compare-tray{width:calc(100% - 16px);max-width:440px;padding:8px 10px 10px;bottom:max(8px,env(safe-area-inset-bottom));font-size:12px}
  #compare-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  #compare-names li:only-child{grid-column:1/-1}
  #compare-names button{padding:8px;gap:8px;font-size:12px}
  .compare-actions{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:6px}
  .compare-actions button{padding:8px 6px;font-size:12px}
  #share-dialog{max-height:calc(100dvh - 24px);overflow:auto}
}
@media(min-width:600px) and (max-width:950px) and (max-height:500px){
  .compare-tray{max-width:760px}
  #compare-names{grid-template-columns:repeat(4,minmax(0,1fr))}
}