.case-card{width:100%;padding:0;border:1px solid var(--c-line,#ddd);font:inherit;text-align:left;appearance:none}
.case-card:focus-visible,.case-dialog button:focus-visible{outline:3px solid #149cdd;outline-offset:3px}
.case-empty{text-align:center;padding:40px;color:#555;grid-column:1/-1}
.case-dialog{margin:auto;width:min(1160px,calc(100% - 40px));max-height:calc(100dvh - 40px);padding:0;border:0;color:#181a20;background:#fff;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0006}
.case-dialog::backdrop{background:#071029bd}
.case-dialog-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e6e8ee}
.case-dialog-header span{font-size:13px;color:#152375;font-weight:700}
.case-dialog-close{border:0;background:#152375;color:#fff;width:40px;height:40px;cursor:pointer;font-size:24px}
.case-dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:28px}
.case-slide{position:relative;background:#f3f4f8;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}
.case-slide img{width:100%;height:100%;object-fit:contain}
.case-slide img[hidden],.case-slide button[hidden]{display:none}
.case-slide button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:48px;background:#142375df;color:white;border:0;font-size:25px;cursor:pointer}
.case-slide-prev{left:0}.case-slide-next{right:0}
.case-slide-counter{text-align:center;padding:10px;font-size:13px;color:#50586a;min-height:36px}
.case-slide-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 3px 10px}
.case-slide-thumbs button{flex:0 0 64px;padding:0;border:2px solid transparent;background:#f3f4f8;height:52px;cursor:pointer}
.case-slide-thumbs button[aria-current=true]{border-color:#152375}
.case-slide-thumbs img{width:100%;height:100%;object-fit:cover}
.case-dialog-title{font-size:clamp(22px,2.4vw,30px);line-height:1.5;margin:12px 0 18px;font-weight:800;overflow-wrap:anywhere}
.case-dialog-lead{line-height:1.9;margin:0 0 20px;white-space:pre-line;color:#50586a;overflow-wrap:anywhere}
.case-info{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}
.case-info th,.case-info td{padding:14px;border-bottom:1px solid #e6e8ee;vertical-align:top;overflow-wrap:anywhere}
.case-info th{width:32%;background:#f3f4f8;text-align:left;white-space:normal}
.case-info td{white-space:pre-line;color:#50586a}
.case-dialog-actions{margin-top:24px}.case-dialog-actions a{display:inline-block;background:#e60012;color:#fff;padding:12px 20px;font-weight:700;text-decoration:none}
@media(max-width:768px){.case-dialog{margin:auto;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.case-dialog-layout{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.case-dialog-header{padding:8px 16px}.case-info th,.case-info td{padding:12px 8px}.case-slide{aspect-ratio:4/3}.case-dialog-title{font-size:22px}}

.case-dialog-gallery,.case-dialog-info{min-width:0}

.case-dialog-layout{display:block;padding:32px clamp(20px,5vw,64px)}
.case-dialog-info{max-width:860px;margin:0 auto}
.case-article-body{font-size:15px;line-height:1.95;color:#424a59;overflow-wrap:anywhere}
.case-article-body p{margin:0 0 1.4em;white-space:normal}
.case-article-body img{display:block;max-width:100%!important;width:auto!important;height:auto!important;margin:20px auto}
.case-article-body a{color:#13207b;text-decoration:underline;overflow-wrap:anywhere}
.case-article-body figure,.case-article-body .wp-caption{width:auto!important;max-width:100%;margin:20px 0}
.case-article-body ul,.case-article-body ol{padding-left:1.5em;margin:16px 0}
.case-article-body h2,.case-article-body h3{line-height:1.6;margin:28px 0 16px}
@media(max-width:600px){.case-dialog-layout{padding:20px 16px}.case-article-body{font-size:14px}}