/* Compare (G5.1 slice 18): one question, 2 to 4 answers side by side with the names hidden until
   the vote. Built on Customize's tokens (customize.css), like Research and Notes. */
.cp-body{max-width:1240px}
.cp-lead{font-size:calc(var(--fs)*14/15);line-height:1.55;color:var(--cz-mut);margin:6px 0 16px;max-width:76ch}
.cp-new{background:var(--cz-panel);border:1px solid var(--cz-line);border-radius:14px;padding:14px 16px;margin:0 0 18px}
.cp-prompt{width:100%;box-sizing:border-box;resize:vertical;min-height:72px;font-size:calc(var(--fs)*14/15);line-height:1.5}
.cp-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:10px 0 8px}
.cp-pick{display:flex;align-items:center;gap:6px;min-width:0}
.cp-pick b{flex:none;width:18px;text-align:center;color:var(--cz-mut);font-size:calc(var(--fs)*12/15)}
.cp-pick select.cz-input{flex:1 1 auto;max-width:none;min-width:0}
.cp-x{background:transparent;border:0;color:var(--cz-mut);cursor:pointer;font-size:calc(var(--fs)*14/15);padding:4px 6px;border-radius:6px}
.cp-x:hover{color:var(--red);background:var(--err-bg)}
.cp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cp-grow{flex:1}
.cp-all{font-size:calc(var(--fs)*12.5/15);color:var(--cz-mut);display:flex;align-items:center;gap:6px}
.cp-note{font-size:calc(var(--fs)*12/15);margin-top:6px;line-height:1.45}
.cp-note:empty{display:none}
.cp-round{margin:0 0 20px}
.cp-round-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cp-asked{background:var(--cz-panel);border:1px solid var(--cz-line);border-radius:12px;padding:10px 14px;margin:10px 0;font-size:calc(var(--fs)*14/15);line-height:1.5;white-space:pre-wrap;word-break:break-word}
.cp-panes{display:grid;gap:12px;align-items:stretch}
.cp-panes.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cp-panes.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cp-panes.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1300px){.cp-panes.n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.cp-panes.n2,.cp-panes.n3,.cp-panes.n4{grid-template-columns:1fr}}
.cp-pane{background:var(--cz-panel);border:1px solid var(--cz-line);border-radius:14px;display:flex;flex-direction:column;min-width:0}
.cp-pane.won{border-color:color-mix(in srgb,var(--teal) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--teal) 25%,transparent)}
.cp-pane-h{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--cz-line);flex-wrap:wrap}
.cp-pane-h b{font-size:calc(var(--fs)*14/15)}
.cp-model{font-size:calc(var(--fs)*12/15);color:var(--cz-teal-ink);word-break:break-all}
.cp-chip{font-size:calc(var(--fs)*11/15);font-weight:600;padding:2px 8px;border-radius:10px;border:1px solid var(--cz-line);color:var(--cz-mut);margin-left:auto;white-space:nowrap}
.cp-chip.failed{color:var(--red);border-color:var(--err-line)}
.cp-chip.answering{color:var(--notice-ink);border-color:var(--notice-line)}
.cp-pane-b{padding:10px 12px;font-size:calc(var(--fs)*14/15);line-height:1.55;white-space:pre-wrap;word-break:break-word;flex:1;max-height:60vh;overflow:auto}
.cp-pane-b.err{color:var(--red);font-size:calc(var(--fs)*13/15)}
.cp-detail{display:block;color:var(--cz-mut);font-size:calc(var(--fs)*11.5/15);margin-top:6px}
.cp-think{margin:0 0 8px;font-size:calc(var(--fs)*12.5/15);color:var(--cz-mut)}
.cp-think summary{cursor:pointer;user-select:none}
.cp-think div{white-space:pre-wrap;margin-top:4px;border-left:2px solid var(--cz-line);padding-left:8px}
.cp-pane-f{padding:8px 12px;border-top:1px solid var(--cz-line);display:flex;gap:8px;justify-content:flex-end}
.cp-pane-f:empty{display:none}
.cp-vote{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0 4px}
.cp-vote .muted{font-size:calc(var(--fs)*13/15)}
.cp-voted{font-size:calc(var(--fs)*14/15);line-height:1.5}
.cp-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;margin-top:10px;align-items:start}
@media (max-width:860px){.cp-cols{grid-template-columns:1fr}}
.cp-card{background:var(--cz-panel);border:1px solid var(--cz-line);border-radius:14px;padding:14px 16px;min-width:0}
.cp-card-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.cp-small{font-size:calc(var(--fs)*12/15);margin:0 0 8px;line-height:1.45}
.cp-table{width:100%;border-collapse:collapse;font-size:calc(var(--fs)*13/15)}
.cp-table th,.cp-table td{padding:6px 6px;border-bottom:1px solid var(--cz-line);text-align:right;white-space:nowrap}
.cp-table th:first-child,.cp-table td:first-child{text-align:left;white-space:normal;word-break:break-all}
.cp-table th{color:var(--cz-mut);font-weight:500;font-size:calc(var(--fs)*12/15)}
.cp-hist{display:flex;align-items:flex-start;gap:8px;padding:8px 4px;border-bottom:1px solid var(--cz-line);cursor:pointer}
.cp-hist:hover,.cp-hist:focus{background:color-mix(in srgb,var(--teal) 5%,transparent);outline:none}
.cp-hist-t{flex:1;min-width:0}
.cp-hist-q{font-size:calc(var(--fs)*13.5/15);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.cp-hist-m{font-size:calc(var(--fs)*11.5/15);color:var(--cz-mut);margin-top:2px;word-break:break-all}
.cp-empty{font-size:calc(var(--fs)*13/15);color:var(--cz-mut);padding:8px 2px}