.obk .ob-case-compare{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:48px;align-items:center;padding-block:42px;scroll-margin-top:160px}
.ob-case-compare .ob-case-copy{display:grid;gap:18px;max-width:38em;min-width:0}
.obk .ob-case-compare h2{font-size:clamp(27px,2.8vw,36px);line-height:1.2;max-width:16em}
.ob-case-compare p{font-size:16px;line-height:1.7}
.ob-case-compare .ob-case-note{padding:14px 16px;border-left:2px solid #FF8B00;background:#FFFEFA;font-size:14px;line-height:1.6}
.ob-case-compare .ob-case-links{font-size:14px}
.ob-case-links a{text-decoration:underline;text-underline-offset:3px}
.ob-case-media{width:100%;max-width:260px;justify-self:end;display:grid;gap:10px;min-width:0}
.ob-case-stage{position:relative;aspect-ratio:var(--ob-case-ratio,3/4);overflow:hidden;border:1px solid #CFCFC6;background:#ECE8DF;touch-action:pan-y;user-select:none;cursor:ew-resize}
.ob-case-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.ob-case-before{clip-path:inset(0 50% 0 0)}
.ob-case-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}
.ob-case-divider:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff;border-radius:50%;background:#1E211E;color:#fff;font:400 20px/1 system-ui,sans-serif}
.ob-case-label{position:absolute;top:10px;max-width:48%;padding:5px 6px;background:#FFFEFAF2;color:#1E211E;font-size:10px;font-weight:600;line-height:1.4;pointer-events:none}
.ob-case-label--before{left:7px}.ob-case-label--after{right:7px}
.ob-case-range-label{display:grid;gap:2px;font-size:12px;line-height:1.5;color:#5E605A}
.ob-case-range{display:block;width:100%;height:36px;margin:0;padding:0;accent-color:#FF8B00;cursor:ew-resize;touch-action:pan-y}
.ob-case-range:focus-visible{outline:2px solid #1E211E;outline-offset:2px}
@media(max-width:680px){.obk .ob-case-compare{grid-template-columns:1fr;gap:24px;align-items:start;padding-block:32px}.ob-case-compare .ob-case-copy{gap:14px}.obk .ob-case-compare h2{font-size:28px}.ob-case-media{max-width:250px;justify-self:center}}