.repair-compare{margin:0;min-width:0}
.repair-compare__stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e7e9eb;isolation:isolate;touch-action:pan-y;cursor:ew-resize}
.repair-compare__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--compare-focus,50% 50%);transform:scale(var(--compare-zoom,1));transform-origin:var(--compare-focus,50% 50%);pointer-events:none;user-select:none}
.repair-compare__after,.repair-compare__before{position:absolute;inset:0;width:100%;height:100%}
.repair-compare__before{clip-path:inset(0 calc(100% - var(--compare-position,50%)) 0 0);z-index:1}
.repair-compare__label{position:absolute;top:16px;z-index:2;padding:6px 12px;border-radius:7px;font-size:13px;font-weight:750;line-height:1.3;pointer-events:none}
.repair-compare__label--before{left:16px;background:#fff;color:#171b20}
.repair-compare__label--after{right:16px;background:#efb132;color:#171b20}
.repair-compare__divider{position:absolute;top:0;bottom:0;left:var(--compare-position,50%);z-index:3;width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 9px #0004;pointer-events:none}
.repair-compare__handle{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#efb132;box-shadow:0 2px 12px #0003;color:#171b20;font:700 28px/1 system-ui;letter-spacing:4px;padding-left:4px}
.repair-compare__range{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.repair-compare__stage:focus-within{outline:3px solid #c58514;outline-offset:-3px}
.repair-compare__caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 16px;padding:11px 16px;background:#f5f6f7;color:#535d68;font-size:12px;line-height:1.4}
.repair-compare__caption>span:first-child{font-weight:650;color:#333e49}
.home-result__note{margin:-3px 0 16px;color:#66717d;font-size:14px;line-height:1.55}
.case-report>.container>.repair-compare{max-width:980px;margin:0 auto;border:1px solid #dfe3e7;border-radius:18px;overflow:hidden}
.case-comparison-note{max-width:980px;margin:18px auto 0;color:#66717d;font-size:15px;line-height:1.6}
@media(max-width:600px){.repair-compare__label{top:12px;font-size:12px;padding:5px 10px}.repair-compare__label--before{left:12px}.repair-compare__label--after{right:12px}.repair-compare__handle{width:42px;height:42px;font-size:24px}.repair-compare__caption{padding:10px 12px;font-size:11px}.home-result__note{font-size:13px}}