.case-tabs{display:flex;gap:12px;margin:0 0 25px;flex-wrap:wrap}.case-tab{padding:13px 20px;border:1px solid #cbd8cf;border-radius:6px;background:#f0f3ed;color:#2b504c;font-weight:700;font-size:14px;cursor:pointer}.case-tab[aria-selected=true]{background:#2b504c;color:#fff;border-color:#2b504c}.case-tab:focus-visible{outline:3px solid #a87349;outline-offset:3px}.case-panel[hidden]{display:none}.case-panel+.case-panel{margin-top:24px}.case-panel[hidden]+.case-panel{margin-top:0}.case-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-stage{margin:0;min-width:0;border:1px solid #d5dfd6;border-radius:12px;overflow:hidden;background:#fff}.case-stage>figcaption{position:static;background:#f2f5ee;font-size:14px;letter-spacing:normal;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-weight:700;color:#234a3e}.case-stage>figcaption>small{color:#8a9b91}.case-stage .case-image-link img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.case-pair-caption{color:#617266;font-size:13px;margin:16px 0 0}.case-stage .case-zoom{font-size:11px}.case-pair .case-image-link{background:#fff}
@media(max-width:760px){.case-pair{grid-template-columns:1fr;gap:18px}.case-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.case-tab{font-size:11px;padding:12px 7px;line-height:1.5}.case-stage>figcaption{padding:11px 14px}.case-stage .case-zoom{font-size:10px;bottom:10px;right:10px}.case-pair-caption{font-size:12px}}