/* A full-window light table. Information is available, never competing for space. */
.image-viewer-open{overflow:hidden}
dialog.editorial-viewer{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;background:#061b23;color:#e9efe9;overflow:hidden;box-shadow:none}
dialog.editorial-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.editorial-viewer::backdrop{background:#061b23}
.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px max(22px,env(safe-area-inset-right)) 12px max(22px,env(safe-area-inset-left));background:#0c242d;z-index:2;border-bottom:1px solid #e4efe815}
.viewer-header>div{min-width:0}.viewer-header>div>span{display:block;font-size:9px;letter-spacing:.08em;color:#a0b7b5;margin-bottom:5px}
.viewer-header h2{font:19px/1.35 Georgia,serif;letter-spacing:0;margin:0;color:#eef1e5}
.editorial-viewer button{display:flex;align-items:center;justify-content:center;gap:10px;background:none;color:#dce8e3;min-width:44px;min-height:44px;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.3;flex-shrink:0}
.editorial-viewer button:hover{background:#dce9df14}.editorial-viewer button:disabled{opacity:.3;cursor:default}
.viewer-header>button{border:1px solid #afc9c433}.viewer-header>button>span{font-size:23px}
.viewer-canvas{position:relative;overflow:hidden;min-width:0;min-height:0;background:#061b23;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none;cursor:default;outline-offset:-4px}
.viewer-canvas[data-ready=true]:not([data-zoomed=true]):after{content:'Scroll or double-click to zoom';position:absolute;bottom:14px;left:50%;transform:translateX(-50%);pointer-events:none;background:#061b23c9;color:#d1e0d9;padding:7px 12px;border-radius:20px;font-size:11px;white-space:nowrap}
@media(pointer:coarse){.viewer-canvas[data-ready=true]:not([data-zoomed=true]):after{content:'Pinch or double-tap to zoom'}}
.viewer-canvas[data-zoomed=true]{cursor:grab}.viewer-canvas[data-dragging=true]{cursor:grabbing}
.viewer-canvas .viewer-art{position:absolute;display:block;max-width:none;max-height:none;object-fit:contain;transform-origin:center;will-change:transform;pointer-events:none;opacity:0}
.viewer-canvas[data-ready=true] .viewer-art{opacity:1}
.viewer-loading{position:absolute;inset:40% 20px auto;text-align:center;font-size:14px;color:#adc2bc}
.viewer-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px max(22px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#0c242d;border-top:1px solid #e4efe815;z-index:2}
.viewer-gallery,.viewer-zoom{display:flex;align-items:center;gap:5px}
.viewer-gallery>span{font-size:12px;font-variant-numeric:tabular-nums;min-width:46px;text-align:center;color:#aac0b8}
.viewer-gallery button{font-size:23px}
.viewer-zoom{background:#19323a;border:1px solid #e0efdf19;border-radius:9px;padding:2px}
.viewer-zoom output{width:55px;text-align:center;font-size:12px;color:#dce8e1;font-variant-numeric:tabular-nums}
.viewer-zoom [data-viewer-in],.viewer-zoom [data-viewer-out]{font-size:23px}
.viewer-zoom .viewer-fit{border-left:1px solid #afc9c433;border-radius:0}
.viewer-info-toggle{justify-self:end}
.viewer-info-toggle[aria-expanded=true]{background:#dce9df24}
.viewer-info{position:absolute;top:78px;right:18px;bottom:85px;width:min(395px,calc(100% - 36px));z-index:3;background:#f5f4eb;color:#264d43;border:1px solid #c9d4c0;border-radius:12px;box-shadow:0 12px 60px #0008;display:flex;flex-direction:column;overflow:hidden}
.viewer-info>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:12px 14px 12px 22px;border-bottom:1px solid #d4dfcd}
.viewer-info>header h3{font-size:14px;margin:0;letter-spacing:0}.viewer-info>header button{color:#30564b;font-size:24px}
.viewer-info-copy{padding:22px;overflow-y:auto;overscroll-behavior:contain}
.viewer-info-copy>h3{font:25px/1.25 Georgia,serif;margin:0 0 16px}.viewer-info-copy>h4{margin:25px 0 12px;font-size:12px}
.viewer-info-copy p,.viewer-info-copy .editorial-credit p{color:#516d60;font-size:13px!important;line-height:1.8!important;margin-bottom:15px}
.viewer-info-copy a{color:#315d4f;text-decoration:underline;overflow-wrap:anywhere}
.viewer-info-copy .art-label-list{margin:20px 0}.viewer-info-copy .art-label-list dd{font-size:13px}
.viewer-info-copy .viewer-pixels{font-size:11px!important;border-top:1px solid #ccd8c4;padding-top:16px}
@media(max-width:700px){
 .viewer-header{padding:8px 12px;gap:12px}.viewer-header h2{font-size:16px}.viewer-header>div>span{font-size:8px}.viewer-header>button{font-size:0;padding:8px;gap:0}
 .viewer-toolbar{grid-template-columns:1fr 1fr;gap:3px 10px;padding:6px 10px calc(6px + env(safe-area-inset-bottom))}.viewer-zoom{grid-column:1/-1;grid-row:1;justify-self:center}.viewer-gallery{grid-row:2}.viewer-info-toggle{grid-row:2;font-size:12px!important}
 .viewer-info{top:72px;right:10px;bottom:120px;width:calc(100% - 20px)}.viewer-info-copy{padding:18px}
}
@media(max-height:500px) and (min-width:600px){
 .viewer-header{padding:5px 14px}.viewer-header>div>span{display:none}.viewer-header h2{font-size:16px}.viewer-toolbar{grid-template-columns:1fr auto 1fr;padding:5px 12px;gap:8px}.viewer-gallery,.viewer-zoom,.viewer-info-toggle{grid-row:auto;grid-column:auto}.viewer-info{top:57px;bottom:63px}
}
