/* Photograph and record collections; original palette and typefaces retained. */
.record-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.record-index>button{display:flex;align-items:center;gap:12px;min-width:0;min-height:106px;padding:12px;border:1px solid #c8c5b4;background:#f3f0e5;text-align:left;color:var(--navy)}
.record-index>button.active{outline:1px solid #92772f;outline-offset:2px;background:#faf7ec}
.record-index>button>img{width:58px;height:74px;object-fit:contain;background:#e7e3d8;flex:0 0 58px}
.record-index>button>span:last-child{font:15px/1.25 var(--serif);min-width:0}
.record-index strong{display:block;font:11px/1.6 var(--mono);color:var(--forest);margin-bottom:4px}
.record-index small{display:block;font:10px/1.5 var(--sans);margin-top:6px;color:var(--muted)}
.collection-record-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
.collection-record-layout .record-large{position:sticky;top:24px}
.record-scan-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;min-height:44px}
.collection-record-layout .transcription dl>div{grid-template-columns:minmax(85px,.75fr) minmax(0,1.4fr);gap:12px}
.collection-record-layout dd,.lightbox-record-details dd,.index-record-detail dd{overflow-wrap:anywhere}
.collection-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.collection-preview .album-item,.collection-preview .album-item:nth-child(2),.collection-preview .album-item:nth-child(3){width:auto;padding-top:0;min-width:0}
.collection-preview .album-photo{height:100%;margin:0;transform:rotate(-.7deg)}
.collection-preview .album-item:nth-child(2n) .album-photo{transform:rotate(.7deg)}
.collection-preview .photo-mat{height:170px;aspect-ratio:auto}
.collection-preview .album-caption strong{font-size:22px;line-height:1.15;min-height:50px}
.collection-preview .photo-credit{font-size:10px;line-height:1.5;margin-top:14px}
.archive-card{scroll-margin-top:30px}
.archive-card .photo-credit{overflow-wrap:anywhere}
.archive-card .photo-credit a{display:inline-block;min-height:44px;padding:5px 0}
#lightbox{width:min(920px,94vw);box-sizing:border-box}
#lightbox .dialog-close{width:44px;height:44px;z-index:2}
#lightbox-content{min-width:0;overflow-wrap:anywhere}
#lightbox-content>img.original-lightbox{display:block;width:auto;height:auto;max-height:65vh;max-width:100%;object-fit:contain}
#lightbox-content a{display:inline-block;min-height:44px;padding:10px 0;line-height:1.5}
#lightbox-content .transcription{margin-top:22px}
#lightbox-content .transcription dl>div{grid-template-columns:minmax(95px,.7fr) minmax(0,1.5fr);gap:12px}
.index-record-detail h2{font-size:38px;line-height:1.15;color:var(--forest);margin-bottom:20px}
@media(max-width:1000px){.record-index{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-preview .photo-mat{height:230px}.collection-record-layout{gap:30px}}
@media(max-width:700px){.record-index{gap:10px;margin-bottom:18px}.record-index>button{padding:10px;gap:8px;min-height:136px;align-items:flex-start;flex-direction:column}.record-index>button>img,.record-index>button>span:last-child{font-size:15px}.record-index strong{margin-bottom:2px}.record-index small{font-size:10px}.collection-record-layout .record-large{position:static;margin-bottom:28px}.collection-record-layout .record-large img{height:300px}.collection-record-layout .transcription dl>div{grid-template-columns:82px minmax(0,1fr);gap:10px}.collection-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:0}.collection-preview .album-photo{width:100%;padding:8px 8px 10px}.collection-preview .photo-mat{height:154px}.collection-preview .album-caption{padding:12px 1px 0}.collection-preview .album-caption strong{font-size:20px;min-height:46px}.collection-preview .album-caption>span{font-size:9px;gap:5px}.collection-preview .photo-credit{font-size:9px;margin-top:10px}.archive-card .mono{font-size:12px}#lightbox{padding:54px 18px 22px;max-height:92dvh}#lightbox-content>img.original-lightbox{max-height:54dvh}#lightbox-content p{font-size:14px}.index-record-detail h2{font-size:30px}#lightbox-content .transcription{padding:16px 13px}#lightbox-content .transcription dl>div{grid-template-columns:85px minmax(0,1fr);gap:10px}}
@media(prefers-reduced-motion:reduce){.record-index button,.archive-image,.album-photo{transition:none!important;animation:none!important}}

.record-evidence{display:block;font:10px/1.5 var(--sans);color:var(--muted);margin-top:3px}

/* Originals can be enlarged inside the viewer without widening the page. */
.lightbox-image-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.lightbox-image-tools button{min-width:44px;min-height:44px;border:1px solid #bdc4b3;background:#fbf8ed;color:var(--forest);padding:9px 13px;font:12px var(--sans)}
.lightbox-image-tools button[aria-pressed=true]{background:#e4e7d9;border-color:#80916f}
.lightbox-image-tools button:disabled{opacity:.45;cursor:default}
.lightbox-image-tools [data-image-zoom-status]{font:11px var(--mono);color:var(--muted);margin-left:auto;min-width:40px;text-align:right}
.lightbox-image-stage{width:100%;height:min(50dvh,470px);min-height:180px;overflow:auto;overscroll-behavior:contain;border:1px solid #d1d2c4;background:#e7e5da;touch-action:pan-x pan-y;scroll-behavior:auto;scrollbar-width:thin}
.lightbox-image-stage:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.lightbox-image-stage.is-zoomed{cursor:grab}.lightbox-image-stage.is-dragging{cursor:grabbing}
.lightbox-image-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;position:relative}
#lightbox .lightbox-image-stage img.original-lightbox{display:block;max-width:none;max-height:none;width:auto;height:auto;margin:0;object-fit:contain;user-select:none;-webkit-user-drag:none}
#lightbox-content .lightbox-image-hint{font:11px/1.5 var(--sans);color:var(--muted);margin:9px 0 17px}
@media(max-width:700px){.lightbox-image-tools{gap:6px}.lightbox-image-tools button{font-size:11px;padding:8px 10px}.lightbox-image-tools [data-image-zoom-status]{font-size:10px}.lightbox-image-stage{height:44dvh;min-height:180px}}

/* Arrival indexes open as text details, alongside the scanned documents. */
.arrival-record-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 28px;padding-top:8px;border-top:1px solid var(--line);margin-bottom:38px}
.arrival-record-links h3{margin:0;font:11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.arrival-record-links>div{display:flex;flex-wrap:wrap;gap:4px 26px}
.arrival-record-links button{min-height:44px;font:14px/1.5 var(--sans);padding:10px 0;color:var(--forest)}
.arrival-record-links button:focus-visible{outline:2px solid var(--forest);outline-offset:4px}
@media(max-width:700px){.arrival-record-links{gap:2px;margin-bottom:28px}.arrival-record-links h3{flex-basis:100%}.arrival-record-links>div{gap:4px 22px}.arrival-record-links button{font-size:13px}}