/* Paired inputs remain visible next to the two unaltered predictions. */
#comparison .comparison-tabs{gap:8px;margin-bottom:22px}
#comparison .comparison-tab{padding:8px 13px;line-height:1.4}
#comparison .comparison-context{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 15px}
#comparison .comparison-context h3{font-family:var(--hand);font-size:22px;font-weight:400;margin:0}
#comparison .comparison-context span{font-size:11px;color:var(--muted);line-height:1.5}
#comparison .comparison-layout{grid-template-columns:164px minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
#comparison .comparison-input{display:grid;grid-template-columns:1fr;gap:12px;min-width:0;grid-column:auto}
#comparison .comparison-background,#comparison .comparison-input .reference-thumb{display:flex;flex-direction:column;width:100%;padding:5px;margin:0;border:1px solid var(--line);border-radius:10px;background:#fffefb;overflow:hidden;box-sizing:border-box}
#comparison .comparison-background img,#comparison .comparison-input .reference-thumb img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#fff}
#comparison .comparison-input .reference-label{display:block;width:100%;font-size:13px;line-height:1.4;padding:4px 0 1px}
#comparison .comparison-panel{min-width:0}
#comparison .comparison-panel .image-button{display:block;width:100%;aspect-ratio:var(--comparison-ratio,1);background:#fff;border-radius:9px;overflow:hidden}
#comparison .comparison-panel .image-button img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#comparison .comparison-observation{margin:18px 0 0;padding:12px 16px;border-left:3px solid var(--blue-line);border-radius:0 8px 8px 0;background:#f0f6f8;font-size:12px;line-height:1.8;color:var(--ink)}
@media(max-width:1000px){#comparison .comparison-layout{grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:13px}#comparison .comparison-context{display:block}#comparison .comparison-context span{display:block;margin-top:6px}}
@media(max-width:700px){#comparison .comparison-context h3{font-size:20px}#comparison .comparison-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px 10px}#comparison .comparison-input{grid-column:1/-1;grid-template-columns:110px 110px;justify-content:center;gap:15px}#comparison .comparison-input .reference-label{font-size:12px}#comparison .comparison-panel-label{font-size:14px}#comparison .comparison-observation{font-size:11px;line-height:1.75;padding:10px 12px}#comparison .comparison-tab{font-size:12px;padding:7px 10px}}

/* More selected comparisons retain compact, evenly aligned tab rows. */
#comparison .comparison-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}
#comparison .comparison-tab{text-align:center;min-height:40px}
@media(max-width:700px){#comparison .comparison-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* An editorial overlay marks the two user-identified shadow errors without altering predictions. */
#comparison .comparison-panel .image-button{position:relative}
.comparison-shadow-highlight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.comparison-shadow-highlight ellipse{fill:none;stroke:var(--peach);stroke-width:2.5px;stroke-dasharray:7 5;stroke-linecap:round;animation:shadow-breathe 2s ease-in-out infinite}
@keyframes shadow-breathe{0%,100%{opacity:.25}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.comparison-shadow-highlight ellipse{animation:none;opacity:.85}}