/* Shared Bible gallery: side rail and dimensional artwork, no tracking changes. */
.hero-image{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}
.hero-image .cover-views{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;margin:0;flex-wrap:nowrap}
.hero-image .cover-views button{width:76px;padding:6px;gap:5px;font-size:11px;min-height:92px}
.hero-image .cover-views button img{width:60px;height:68px}
.hero-image .cover-stage{grid-column:2;grid-row:1;aspect-ratio:4/5;min-width:0;perspective:1100px;overflow:visible;background:transparent;padding:10% 10% 10% 12%}
.hero-image #cover-caption{grid-column:2;margin:0;font-size:11px}
.hero-image .cover-stage,.hero-image .cover-stage.context-view{padding:0;perspective:none;aspect-ratio:4/5;overflow:hidden;min-height:0}
.hero-image .book-object{position:static;width:100%;height:100%;min-height:0;transform:none;box-shadow:none;background:transparent}
.hero-image .book-object::before,.hero-image .book-object::after{display:none}
.hero-image .book-object #edition-cover-view{display:block;width:100%;height:100%;object-fit:contain;filter:none;border:0;border-radius:0}
.hero-image .cover-proof-link{grid-column:2;margin:0;text-align:center}
@media(max-width:480px){.hero-image{grid-template-columns:54px minmax(0,1fr);gap:8px}.hero-image .cover-views button{width:54px;min-height:67px;font-size:10px;padding:3px}.hero-image .cover-views button img{width:42px;height:44px}.hero-image #cover-caption{font-size:10px}}

/* Interior previews are rendered from the reading PDFs, with a readable modal. */
.hero-image .cover-stage.interior-view{aspect-ratio:148/210}
.hero-image .interior-view #edition-cover-view{cursor:zoom-in}
.hero-image #enlarge-page{grid-column:2;justify-self:center;background:transparent;color:inherit;border:1px solid currentColor;padding:12px 18px;cursor:pointer;font:inherit}
.hero-image #enlarge-page[hidden]{display:none}
#page-reader{box-sizing:border-box;width:min(1100px,96vw);max-width:96vw;max-height:94dvh;padding:16px;border:1px solid #aaa;background:#fff;color:#222;overflow:hidden}
#page-reader::backdrop{background:rgba(0,0,0,.8)}
#page-reader .page-reader-toolbar{display:flex;align-items:center;gap:12px}
#page-reader h2{font:500 20px/1.3 Georgia,serif;margin:0 auto 0 0}
#page-reader button{font:inherit;padding:10px 14px;border:1px solid #777;background:#fff;color:#222;cursor:pointer}
#page-reader p{font:14px/1.5 sans-serif;margin:12px 0}
#page-reader .page-reader-scroll{overflow:auto;max-height:calc(94dvh - 135px);overscroll-behavior:contain}
#page-reader-image{display:block;width:100%;height:auto;max-width:none}
#page-reader.zoomed #page-reader-image{width:150%;min-width:1000px}
@media(max-width:480px){#page-reader{padding:10px}#page-reader h2{font-size:16px}#page-reader button{font-size:13px;padding:9px}#page-reader .page-reader-toolbar{gap:8px}.hero-image .cover-views{gap:6px}.hero-image .cover-views button{min-height:58px}.hero-image .cover-views button img{height:36px}}
