#completed-cases{background:#e7dfd4;padding:clamp(24px,5vh,60px) 0;min-height:100svh}#completed-cases .wrap{width:calc(100% - 2*var(--page-edge,6vw));max-width:none;margin:auto}#completed-cases .completed-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(20px,4vh,40px)}#completed-heading{font-family:"Times New Roman",serif;font-size:clamp(32px,4vw,64px);font-weight:700;line-height:1.05;margin:0}#completed-cases .completed-controls{display:flex;gap:12px}#completed-cases button{border:1px solid #171716;background:transparent;color:#171716;width:48px;height:48px;font-size:24px;cursor:pointer;border-radius:0}#completed-cases button:disabled{opacity:.25;cursor:default}#completed-cases .completed-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a99e90 transparent;padding-bottom:12px}#completed-cases .completed-card{border:1px solid #302c28;padding:18px;scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;background:transparent}#completed-cases .completed-document{height:clamp(220px,48svh,530px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f5f1ea;color:#171716;text-decoration:none;border:1px solid #d0c7bb;transition:background .2s}#completed-cases .completed-document:hover{background:#fffaf2}#completed-cases svg{width:70px;height:90px;fill:none;stroke:currentColor;stroke-width:1.4}#completed-cases .completed-document strong{font-family:"Times New Roman",serif;font-size:clamp(20px,2.1vw,32px);font-weight:400;line-height:1.15;text-align:center}#completed-cases .completed-case-no{font-size:12px;letter-spacing:.08em}#completed-cases .completed-open{font-size:13px;border-bottom:1px solid #970b2c;padding-bottom:5px;color:#970b2c}#completed-cases h3{font-family:"Times New Roman",serif;font-size:clamp(21px,2vw,30px);line-height:1.12;margin:20px 0 0;min-height:2.3em;font-weight:400}#completed-cases .completed-amount{height:28px;margin-top:10px;font-size:24px}#completed-cases .completed-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#625c54;margin-top:14px}#completed-cases a:focus-visible,#completed-cases button:focus-visible{outline:2px solid #970b2c;outline-offset:4px}@media(max-width:760px){#completed-cases .completed-track{grid-auto-columns:100%;gap:18px}#completed-heading{font-size:32px}#completed-cases button{width:38px;height:38px}#completed-cases .completed-document{height:42svh;min-height:210px}#completed-cases .completed-card{padding:15px}#completed-cases .completed-bottom{font-size:11px}#completed-cases .completed-controls{gap:8px}}@media(prefers-reduced-motion:reduce){#completed-cases *{scroll-behavior:auto!important;transition:none!important}}
#completed-cases #completed-heading{font-weight:700!important;font-family:"Times New Roman",serif!important}#completed-cases h3,#completed-cases .completed-document strong{font-family:"Times New Roman",serif!important}

#completed-cases .has-preview{background:white;padding:0;overflow:hidden}#completed-cases .has-preview img{width:100%;height:100%;object-fit:contain;display:block}

#completed-cases .completed-track{grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 20px)/2);gap:16px 20px}#completed-cases .completed-card{padding:10px;position:relative}#completed-cases .completed-document{height:clamp(120px,22svh,240px);min-height:0}#completed-cases h3{font-size:clamp(16px,1.5vw,22px);line-height:1.1;min-height:0;margin:10px 0 0}#completed-cases .completed-amount{height:8px;margin-top:4px}#completed-cases .completed-case-no{font-size:10px;margin-top:4px}#completed-cases .completed-top{margin-bottom:20px}@media(max-width:760px){#completed-cases .completed-track{grid-auto-columns:calc((100% - 12px)/2);gap:12px}#completed-cases h3{font-size:15px}#completed-cases .completed-card{padding:7px}#completed-cases .completed-document{height:21svh}#completed-heading{font-size:27px}}

#completed-cases .completed-amount{font-size:24px;font-weight:700;line-height:1.15;margin-top:8px;height:8px}#completed-cases .completed-amount:not(:empty){height:auto}#completed-cases h3{margin-top:5px}

/* Full document proportions, one row of two portrait cards. */
#completed-cases .completed-track{grid-template-rows:auto;grid-auto-columns:calc((100% - 24px)/2);gap:24px;width:min(100%,calc(76svh + 24px));margin-inline:auto;align-items:start}
#completed-cases .completed-card{padding:0;border:1px solid #302c28;background:transparent;overflow:visible}
#completed-cases .completed-document{height:auto;min-height:0;border:0;border-bottom:1px solid #302c28;aspect-ratio:auto;overflow:visible;background:#fff}
#completed-cases .has-preview img{width:100%;height:auto;max-height:none;object-fit:contain;display:block;margin:0}
#completed-cases .completed-amount{padding:0 12px;margin:14px 0 0;font-size:clamp(18px,2vw,26px);height:auto;line-height:1.2}
#completed-cases h3{padding:0 12px;margin:7px 0 14px;font-size:clamp(16px,1.6vw,22px);min-height:0}
#completed-cases .completed-case-no{padding:0 12px 12px;display:block}
@media(max-width:760px){#completed-cases .completed-track{width:100%;gap:12px;grid-auto-columns:calc((100% - 12px)/2)}#completed-cases .completed-amount{font-size:16px;padding-inline:8px}#completed-cases h3{font-size:15px;padding-inline:8px}#completed-cases .completed-document{height:auto;min-height:0}}

/* Equal document and caption frames for every case. */
#completed-cases .completed-card{display:grid;grid-template-rows:auto 48px 66px 30px;align-content:start;box-sizing:border-box}
#completed-cases .completed-document{aspect-ratio:210/297;width:100%;height:auto;min-width:0;min-height:0;display:block;overflow:hidden;box-sizing:border-box}
#completed-cases .has-preview img{width:100%;height:100%;object-fit:contain;max-height:none;background:white}
#completed-cases .completed-amount{align-self:center;margin:0;padding:8px 12px 0;line-height:1.2}
#completed-cases h3{margin:0;padding:6px 12px;line-height:1.15;align-self:start}
#completed-cases .completed-case-no{margin:0;padding:0 12px 10px;align-self:end}
@media(max-width:760px){#completed-cases .completed-card{grid-template-rows:auto 48px 92px 34px}#completed-cases .completed-amount{padding-inline:8px;font-size:15px}#completed-cases h3{padding-inline:8px;font-size:15px}#completed-cases .completed-case-no{padding-inline:8px;font-size:9px;letter-spacing:0}}

#completed-cases .completed-card{grid-template-rows:auto 48px 66px}@media(max-width:760px){#completed-cases .completed-card{grid-template-rows:auto 48px 92px}}