.compare-choice { display:flex; align-items:center; justify-content:center; gap:12px; min-height:48px; cursor:pointer; color:#fff; }
.compare-choice input { width:22px; height:22px; accent-color:#ffff00; }
.sr-poster-card.is-compared { outline:3px solid #ffff00; outline-offset:2px; }
.compare-help { color:#ddd; margin:16px 0; }
#compare-tray { position:fixed; bottom:16px; left:50%; transform:translateX(-50%); z-index:95; display:flex; align-items:center; gap:16px; width:max-content; max-width:calc(100% - 24px); padding:12px; background:#101114; border:2px solid #ffff00; box-shadow:0 4px 20px #0009; }
#compare-tray[hidden] { display:none; }
.has-compare-tray { padding-bottom:110px; }
#equipment-compare { width: min(1100px, calc(100% - 24px)); max-width:calc(100% - 24px); max-height:85vh; max-height:85dvh; background:#101114; color:white; border:2px solid #e21d19; padding:20px; }
#equipment-compare:modal { overscroll-behavior:contain; }
#equipment-compare::backdrop { background:#000c; overflow:hidden; overscroll-behavior:contain; }
.compare-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:-20px; padding:12px 0; background:#101114; z-index:1; }
.compare-heading h2 { font-size:clamp(22px, 3vw, 32px); }
.compare-heading form { margin:0; }
#compare-machines { display:grid; grid-template-columns:repeat(var(--compare-columns, 3), minmax(0, 1fr)); gap:16px; }
.compare-machine { min-width:0; padding:14px; border:1px solid #555; }
.compare-machine img { width:100%; height:150px; object-fit:cover; }
.compare-machine h3 { font-size:20px; line-height:1.3; min-height:78px; overflow-wrap:anywhere; margin:12px 0; }
.compare-machine dl { margin:0 0 16px; }
.compare-machine dl div { border-top:1px solid #444; padding:10px 0; min-height:74px; }
.compare-machine dt { font-size:13px; color:#aaa; }
.compare-machine dd { margin:4px 0 0; font-weight:700; overflow-wrap:anywhere; }
.compare-machine .btn { width:100%; margin-top:8px; }
@media(max-width:760px) {
  #compare-tray { bottom:calc(66px + env(safe-area-inset-bottom, 0px)); width:calc(100% - 16px); gap:8px; padding:8px; flex-wrap:wrap; }
  #compare-tray #compare-count { font-size:13px; flex:1 1 100%; }
  #compare-tray #compare-open { flex:1; }
  #compare-tray .btn { min-height:44px; padding:8px; font-size:14px; }
  .has-compare-tray { padding-bottom:210px; }
  #compare-machines { grid-template-columns:1fr; }
  #equipment-compare { padding:12px; }
  .compare-heading { top:-12px; }
  .compare-machine h3 { min-height:0; }
  .compare-machine dl div { display:grid; grid-template-columns:100px 1fr; gap:8px; min-height:0; }
  .compare-machine dd { margin:0; }
}