.book-photos{padding:64px 0;background:var(--paper);border-block:1px solid var(--line)}
.book-photos__heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}
.book-photos__heading h2{font-size:clamp(34px,3.4vw,48px);line-height:1.05;margin-top:12px}
.book-photos__heading h2 em{color:var(--accent-ink)}
.book-photos__heading>p{max-width:380px;font:17px/1.6 var(--ui);color:var(--ink-2);margin:0}
.book-photos__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent;padding:2px 2px 12px}
.book-photos__item{margin:0;min-width:0;scroll-snap-align:start}
.book-photos__open{display:block;position:relative;width:100%;height:auto;aspect-ratio:4/5;padding:0;border:0;background:#e9e2d6;cursor:zoom-in;overflow:hidden;border-radius:3px}
.book-photos__open img{display:block;width:100%;height:100%;object-fit:contain}
.book-photos__zoom{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--accent-ink);font:22px/1 var(--ui)}
.book-photos__item figcaption{display:flex;gap:14px;padding:17px 0 2px}
.book-photos__number{font:12px/1.8 var(--ui);color:var(--accent-ink);padding-top:4px}
.book-photos__item h3{font:500 25px/1.15 var(--display);color:var(--ink);margin:0 0 7px}
.book-photos__item p{font:14px/1.5 var(--ui);color:var(--ink-2);margin:0;max-width:32ch}
.book-photos__footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}
.book-photos__footer>p{font:13px/1.5 var(--ui);color:var(--muted);margin:0}
.book-photos__controls:not([hidden]){display:flex;align-items:center;gap:14px;flex-shrink:0}
.book-photos__controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--accent-ink);font:24px/1 var(--ui);cursor:pointer}
.book-photos__controls button:disabled{opacity:.3;cursor:default}
.book-photos__status{font:13px/1 var(--ui);font-variant-numeric:tabular-nums;color:var(--ink-2);min-width:48px;text-align:center}
.cover-viewer--photo .cover-viewer__book{width:auto;aspect-ratio:auto;box-shadow:none;border-radius:0}
.cover-viewer--photo .cover-viewer__book img{width:auto;height:auto;max-width:calc(100vw - 40px);max-height:calc(100dvh - 150px);object-fit:contain;border-radius:0}
.cover-viewer--photo .cover-viewer__figure figcaption{position:static;width:auto;height:auto;margin:16px auto 0;clip-path:none;overflow:visible;white-space:normal}
@media(max-width:1000px){.book-photos__rail{grid-auto-columns:calc((100% - 40px)/3)}.book-photos__heading{gap:24px}}
@media(max-width:680px){.book-photos{padding:36px 0}.book-photos__heading{display:block;margin-bottom:22px}.book-photos__heading>p{font-size:15px;margin-top:16px}.book-photos__rail{grid-auto-columns:78%;gap:14px}.book-photos__item h3{font-size:24px}.book-photos__footer{align-items:start}.book-photos__footer>p{max-width:145px;font-size:12px}.book-photos__controls:not([hidden]){gap:7px}.book-photos__status{min-width:40px}}