/* One supplementary evidence gallery, opt-in to the reading-case body only. */
.case-reading-presentation .case-screen-wall{display:grid;gap:var(--case-sp-proof);min-width:0}
.case-reading-presentation .case-wall-intro{display:grid;gap:16px;align-content:start;justify-items:start;min-width:0}
.case-reading-presentation .case-wall-intro p{font-size:var(--reading-body);line-height:var(--reading-body-line);color:var(--color-muted)}
.case-screen-wall{--wall-gap:20px}
/* Shadow gutters are already included in the visible 24/32 px row spacing. */
.case-wall-rows{display:grid;gap:4px;margin-block:-8px -12px;min-width:0}
.case-wall-row--mobile{margin-top:8px}
.case-wall-row{overflow-x:auto;overflow-y:hidden;min-width:0;overscroll-behavior-x:contain;scroll-behavior:auto;overflow-anchor:none;scrollbar-width:none;padding:8px 0 12px}
.case-wall-row::-webkit-scrollbar{display:none}
.case-wall-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:12px}
.case-wall-track,.case-wall-group{display:flex;gap:var(--wall-gap);width:max-content;align-items:stretch}
.case-wall-group{flex:none}
.case-page.case-reading-presentation .case-wall-row .case-media{position:relative;isolation:isolate;flex:0 0 300px;width:300px;min-width:0;max-width:none;align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:160px auto;gap:0;padding:6px 6px 0;overflow:hidden;border:1px solid var(--reading-card-border);border-radius:16px;background:var(--color-paper);box-shadow:var(--reading-gallery-shadow);box-sizing:border-box;cursor:pointer}
/* The native link covers the figure; only its preview clips the zoomed image. */
.case-page.case-reading-presentation .case-wall-row .case-media>.case-image-link{position:static;width:100%;height:160px;min-height:0;overflow:visible;border-radius:0;display:block;background:transparent;cursor:inherit;outline:none}
.case-wall-row .case-image-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}
.case-wall-preview{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:12px;background:var(--color-soft)}
.case-page.case-reading-presentation .case-wall-row .case-media:has(.case-image-link:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}
.case-reading-presentation .case-wall-row img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.case-page.case-reading-presentation .case-wall-row .case-media>figcaption{align-self:start;justify-self:start;width:fit-content;max-width:calc(100% - 16px);font:500 14px/20px var(--font-body);margin:12px 8px 14px;padding:6px 12px;min-height:32px;box-sizing:border-box;border:0;border-radius:999px;background:var(--color-soft);color:var(--color-ink);text-wrap:pretty;transition:color 160ms ease}
/* One visual state across the preview and caption; no extra Tab target. */
.case-page.case-reading-presentation .case-wall-row .case-media:has(.case-image-link:focus-visible)>figcaption{color:var(--color-accent)}
@media(hover:hover) and (pointer:fine){
 .case-page.case-reading-presentation .case-wall-row .case-media:hover>figcaption{color:var(--color-accent)}
 .case-page.case-reading-presentation .case-wall-row .case-media:hover .case-zoom{background:var(--color-accent);color:#fff}
}
.case-reading-presentation .case-wall-row .case-zoom{width:30px;height:30px;right:10px;bottom:10px}
.case-reading-presentation .case-wall-row .case-zoom svg{width:18px;height:18px}
.case-page.case-reading-presentation .case-wall-row--mobile .case-media{flex-basis:220px;width:220px;grid-template-rows:auto auto}
.case-page.case-reading-presentation .case-wall-row--mobile .case-media>.case-image-link{height:auto;aspect-ratio:1}
.case-wall-row--mobile .case-wall-preview{height:auto;aspect-ratio:1}
.case-reading-presentation .case-wall-row--mobile img{object-fit:contain;object-position:center}
.case-wall-clone{flex:none}
.case-wall-row[data-dragging]{cursor:grabbing;user-select:none}
.case-wall-row[data-dragging] a{cursor:grabbing}
.case-page.case-reading-presentation .case-wall-row[data-dragging] .case-media{cursor:grabbing}
@media(max-width:1099.98px){.case-wall-row{scroll-snap-type:x proximity}.case-wall-original{scroll-snap-align:start}}
/* A drifting row is positioned by the controller; snapping would fight it. */
.case-wall-row.is-moving{scroll-snap-type:none}
@media(max-width:809.98px){
 .case-screen-wall{--wall-gap:16px}
 .case-wall-rows{gap:0}
 .case-page.case-reading-presentation .case-wall-row .case-media{flex-basis:260px;width:260px;grid-template-rows:140px auto;border-radius:14px}
 .case-page.case-reading-presentation .case-wall-row .case-media>figcaption{margin:10px 6px 12px;max-width:calc(100% - 12px)}
 .case-wall-preview{border-radius:10px}
 .case-page.case-reading-presentation .case-wall-row .case-media>.case-image-link{height:140px}
 .case-page.case-reading-presentation .case-wall-row--mobile .case-media{flex-basis:200px;width:200px;grid-template-rows:auto auto}
 .case-page.case-reading-presentation .case-wall-row--mobile .case-media>.case-image-link{height:auto}
}