/* Keep every view selector next to the photograph, independent of copy length. */
.record-visual{position:sticky;top:16px;align-self:start;height:min(700px,calc(100dvh - 160px));min-height:380px;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;padding:16px}
.record-main-image{grid-column:2;grid-row:1;aspect-ratio:auto}
.record-main-image img{width:100%;height:100%;object-fit:contain}
.record-thumbnails{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:10px;overflow:auto}
.record-thumb{flex:0 0 auto;padding:5px;min-height:80px}.record-thumb img{height:58px}.record-thumb span{font-size:9px;text-align:center;padding:4px 0}.record-thumb:focus-visible{outline:3px solid #a33e1e;outline-offset:2px}
@media(max-width:800px){.record-visual{position:relative;top:auto;height:clamp(320px,62dvh,650px);min-height:0;grid-template-columns:62px minmax(0,1fr);gap:8px;padding:10px}.record-main-image img{height:100%}.record-thumbnails{overflow-y:auto;overflow-x:hidden}.record-thumb{min-height:66px}.record-thumb img{height:42px}.record-thumb span{font-size:8px}}