/* Quick browsing outside; the full illustration and evidence unfold inside. */
.case-gallery{gap:0 32px}
.case-card:not([open])>summary{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:center;border-top:1px solid var(--line);padding-block:24px}
.case-card:not([open]) .case-art{aspect-ratio:3/2;border-radius:4px}
.case-card:not([open]) .case-summary{padding:0}
.case-card:not([open]) .case-name{gap:8px;align-items:center}
.case-card:not([open]) .case-name h3{margin:0;font-size:19px;line-height:1.3}
.case-card:not([open]) .case-action{width:30px;height:30px}
.case-card:not([open]) .case-action svg{width:16px;height:16px}
.case-card:not([open]) .case-summary>p{font-size:15px;line-height:1.5;margin-top:8px;max-width:32ch}
.case-card:not([open]) .case-state{font-size:13px;line-height:1.5;margin-top:10px}
.case-card[open] .case-summary>p{max-width:34ch}
@media(min-width:700px) and (max-width:999px){.case-gallery{grid-template-columns:1fr}.case-card:not([open])>summary{grid-template-columns:160px minmax(0,1fr);gap:28px}.case-card:not([open]) .case-name h3{font-size:23px}}
@media(min-width:1000px){.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:0}.case-card:not([open])>summary{grid-template-columns:156px minmax(0,1fr);gap:22px;min-height:206px}.case-card:not([open]) .case-name h3{font-size:22px}.case-card:not([open]) .case-summary>p{font-size:15px}}
@media(max-width:350px){.case-card:not([open])>summary{grid-template-columns:78px minmax(0,1fr);gap:14px}.case-card:not([open]) .case-name h3{font-size:18px}}