/* ---------- 판결문 사례 ---------- */
.filters{margin-top:48px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.filter{height:48px;padding:0 26px;border-radius:999px;background:var(--card-2);font-size:15.5px;font-weight:600;color:var(--tx-2);transition:background .2s,color .2s,box-shadow .2s}
.filter:hover{color:#fff}
.filter.on{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
.cases__view{margin-top:40px;overflow:hidden;touch-action:pan-y;text-align:left}
.cases__track{display:flex;gap:48px;transition:transform .6s cubic-bezier(.65,0,.35,1)}
.cases__page{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:start}
.vcard{display:grid;grid-template-columns:38% minmax(0,1fr);min-height:260px;border-radius:20px;background:var(--card);overflow:hidden}
.vcard__doc{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--card-2)}
.vcard__doc i{display:block;width:100%;max-width:170px;aspect-ratio:600/768;border-radius:3px;background:linear-gradient(#e3e3e3,#e3e3e3) 50% 12%/46% 7px no-repeat,repeating-linear-gradient(#e9e9e9 0 4px,transparent 4px 13px) 50% 34%/74% 44% no-repeat,linear-gradient(#d84a5e,#d84a5e) 78% 86%/18% 14% no-repeat,#fafafa;opacity:.92}
.vcard__doc img{width:auto;height:auto;max-width:100%;max-height:220px;aspect-ratio:600/768;border-radius:2px;opacity:.94}
/* 간격 기준: 안쪽 여백 28 / 제목–요약 10 / 요약–자세히 14 / 자세히–펼친 글 10 / 결과 위 최소 24 */
.vcard__body{padding:28px;display:flex;flex-direction:column;min-width:0;container-type:inline-size}
.vcard h3{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.45}
.vcard__sum{margin-top:10px;font-size:15.5px;color:var(--tx-2);line-height:1.75}
.vcard details{margin-top:14px}
.vcard__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}
.vcard__more>div{min-height:0;overflow:hidden;opacity:0;transition:opacity .3s}
.vcard details.is-open .vcard__more{grid-template-rows:1fr}
.vcard details.is-open .vcard__more>div{opacity:1;transition-delay:.08s}
.vcard summary{list-style:none;display:inline-flex;line-height:1.4;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--mute);cursor:pointer;transition:color .2s}
.vcard summary:hover{color:var(--tx)}
.vcard summary::-webkit-details-marker{display:none}
.vcard summary svg{width:14px;height:14px;transition:transform .25s}
.vcard details.is-open summary svg{transform:rotate(180deg)}
.vcard details p{margin-top:10px;font-size:14.5px;line-height:1.75;color:var(--tx-2)}
.vcard__res{margin-top:auto;padding-top:24px;align-self:stretch;display:flex;align-items:center;gap:12px}
.vcard__res svg{flex:0 0 28px;width:28px;height:28px;margin-left:-4px;color:var(--res)}
.vcard__res span{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(17px,calc((100cqi - 46px) / 11.8),28px);line-height:1.25;letter-spacing:-.03em;color:var(--res);white-space:nowrap}
/* 결과 문구는 항상 한 줄: 카드 폭에 맞춰 글씨 크기가 자동으로 줄어듦 (가장 긴 문구 기준) */
.cases__nav{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:18px}
.cases__nav.is-single{display:none}
.arr{width:48px;height:48px;border-radius:50%;background:var(--card-2);display:grid;place-items:center;color:#fff;transition:background .2s}
.arr:hover{background:#333}
.arr:disabled{background:var(--card);color:rgba(255,255,255,.2);cursor:default}
.arr svg{width:20px;height:20px}
.cases__hint{display:none;margin-top:14px;font-size:13px;color:var(--mute)}
.cases__note{margin-top:26px;font-size:14px;color:var(--mute);line-height:1.7}