/* The journal's existing shared image viewer, now scoped to the reading chapter. */
.site-lightbox[open]{width:min(1440px,96vw);max-height:calc(100dvh - 24px);background:var(--ink);color:var(--paper);border:1px solid var(--brand-green);box-shadow:none;overflow:auto;overscroll-behavior:contain}
.site-lightbox .lightbox-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;padding:16px 22px;font:400 18px/1.4 var(--font-body);letter-spacing:0}
.lightbox-head [data-lightbox-context]{font:400 clamp(22px,2.4vw,34px)/1.1 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere}
.site-lightbox .lightbox-head button{font:400 18px/1.3 var(--font-body);min-height:48px;padding:10px 16px}
.site-lightbox .lightbox-stage{grid-template-columns:48px minmax(0,1fr) 48px;gap:16px;padding:16px 22px}
.lightbox-image-viewport{height:min(62dvh,820px);min-height:220px;overflow:auto;overscroll-behavior:contain;background:#171918;touch-action:pan-x pan-y pinch-zoom}
.site-lightbox .lightbox-image-viewport img{width:100%;height:100%;min-height:0;object-fit:contain;max-width:none;pointer-events:none;transform:none}
.site-lightbox[data-zoom=true] .lightbox-image-viewport img{width:180%;height:auto;min-height:100%;object-fit:contain}
.site-lightbox .lightbox-inspection-tools{display:flex;justify-content:flex-end;gap:12px 24px;flex-wrap:wrap;padding:0 86px 16px;align-items:center;color:var(--paper)}
.lightbox-inspection-tools button,.lightbox-inspection-tools a{font:400 18px/1.4 var(--font-body);min-height:48px;padding:10px 14px;color:var(--paper);border:1px solid #d6efc070;background:var(--ink);text-underline-offset:4px}
.lightbox-inspection-tools button[aria-pressed=true]{background:var(--brand-green);color:var(--ink)}
.site-lightbox>p{font:400 18px/1.6 var(--font-body);letter-spacing:0;padding:18px 24px;border-top:1px solid #d6efc055;max-width:none}
.lightbox-contact-sheet{display:flex;gap:10px;overflow:auto;scroll-snap-type:x proximity;padding:16px 24px 22px;border-top:1px solid #d6efc055;min-width:0}
.lightbox-contact-sheet[hidden]{display:none}
.lightbox-contact-sheet button{position:relative;flex:0 0 112px;height:82px;padding:4px;border:1px solid #d6efc070;background:var(--ink);scroll-snap-align:start;min-width:0}
.lightbox-contact-sheet button[aria-pressed=true]{border:3px solid var(--brand-green);padding:2px}
.lightbox-contact-sheet img{width:100%;height:100%;object-fit:contain;display:block}
.site-lightbox :is(button,a,[tabindex]):focus-visible{outline:3px solid var(--brand-green);outline-offset:3px;box-shadow:none}
/* Architecture gets room; the actual photographs, labels and media remain intact. */
@media(min-width:1000px){.werk-energie #einblicke .gallery-track{gap:32px;grid-auto-columns:min(74vw,1040px)}.werk-energie #einblicke .gallery-track>figure{width:100%;min-width:0}.werk-energie #einblicke .gallery-track figure>a{aspect-ratio:3/2;height:auto;display:block}.werk-energie #einblicke .gallery-track img{height:100%;width:100%;object-fit:contain;background:var(--paper)}.werk-energie #einblicke .gallery-track figcaption{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:20px 0}.werk-energie #einblicke .gallery-track figcaption p{max-width:58ch}}
@media(max-width:760px){
 .site-lightbox[open]{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);margin:auto}
 .site-lightbox .lightbox-head{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}
 .lightbox-head [data-lightbox-context]{font-size:26px;grid-column:1/-1}.lightbox-head [data-lightbox-position]{font-size:18px}
 .site-lightbox .lightbox-head button{font-size:20px}.site-lightbox .lightbox-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
 .site-lightbox .lightbox-stage>.lightbox-image-viewport{grid-column:1/-1;grid-row:1}.site-lightbox .lightbox-stage>[data-lightbox-prev]{grid-column:1;grid-row:2}.site-lightbox .lightbox-stage>[data-lightbox-next]{grid-column:2;grid-row:2}.lightbox-image-viewport{height:49dvh;min-height:200px}.site-lightbox .lightbox-inspection-tools{justify-content:flex-start;padding:12px 14px;gap:10px}
 .lightbox-inspection-tools button,.lightbox-inspection-tools a{font-size:20px;min-height:48px}.site-lightbox>p{font-size:20px;line-height:1.6;padding:16px}
 .lightbox-contact-sheet{padding:14px 16px;gap:10px}.lightbox-contact-sheet button{flex-basis:104px;height:78px}
}