/* A quiet reading room, with a glimpse of the collection before opening it. */
.shelf-books{width:52%}
.shelf-preview{position:absolute;right:9%;top:40px;width:31%;max-width:300px;color:#574631;pointer-events:none}
.preview-kicker{font-size:11px;letter-spacing:.14em;margin:0 0 16px}
.shelf-preview img{display:block;width:100%;height:220px;object-fit:contain;object-position:left center;filter:drop-shadow(3px 8px 8px #48382125)}
.shelf-preview h2{font:400 22px/1.4 var(--serif);margin:17px 0 7px;overflow-wrap:anywhere}
.preview-meta{font-size:11px;line-height:1.7;margin:0}
.reader-tools{display:flex;gap:18px;align-items:center}
#exit-focus{position:fixed;right:24px;top:20px;z-index:100}
.reading-focus .topbar,.reading-focus .book-switcher,.reading-focus .reader-heading,.reading-focus #first-use-note{display:none}
.reading-focus main{padding-top:64px}
.reading-focus .book-rig{height:min(80dvh,640px)}
.reading-focus .reader-bottom{margin-top:12px}
#photo-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px 36px;border:0;border-radius:0;background:#24221e;color:#e3d7bd;box-sizing:border-box}
#photo-viewer[open]{display:flex;flex-direction:column;gap:18px}
#photo-viewer::backdrop{background:#24221e}
.viewer-header,.viewer-actions,.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.viewer-header h2{font:400 20px/1.5 var(--serif);margin:0}.viewer-header p{font-size:12px;color:#b8ad98;margin:4px 0 0;font-variant-numeric:tabular-nums}
#photo-viewer button{background:none;color:inherit;border:1px solid #e3d7bd40;border-radius:2px;padding:10px 14px;min-height:44px;font-size:12px;cursor:pointer}
#photo-viewer button:hover{background:#e3d7bd12}#photo-viewer button:disabled{opacity:.35;cursor:default}#photo-viewer button:focus-visible,.viewer-canvas:focus-visible{outline:2px solid #e3d7bd;outline-offset:3px}
.viewer-canvas{flex:1;min-height:0;overflow:auto;position:relative}
#viewer-image{display:block;width:100%;height:100%;object-fit:contain}
.photo-zoomed #viewer-image{width:200%;height:200%;max-width:none}
#viewer-error{position:absolute;inset:40% 10% auto;text-align:center;background:#24221e;padding:16px}
.viewer-footer{font-size:11px;color:#b8ad98}.viewer-footer span{letter-spacing:.08em}
@media(max-width:700px){.shelf-books{width:52%;padding-inline:8px}.shelf-preview{right:5%;top:60px;width:39%}.shelf-preview img{height:170px}.shelf-preview h2{font-size:17px;margin-top:14px}.preview-meta{font-size:10px}.preview-kicker{font-size:10px}.heading-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}#focus-reading{font-size:11px}.reader-tools{gap:10px}.reader-bottom{flex-wrap:wrap;gap:12px}.reading-focus .book-rig{height:min(76dvh,640px)}#photo-viewer{padding:16px;gap:12px}.viewer-header{align-items:flex-start;gap:10px}.viewer-header h2{font-size:16px}.viewer-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:215px}#photo-viewer button{padding:8px 10px}.viewer-footer span{display:none}#exit-focus{right:16px;top:12px}}
@media(max-height:650px) and (min-width:701px){.shelf-preview{top:25px}.shelf-preview img{height:125px}.shelf-preview h2{margin-top:8px}.reading-focus .book-rig{height:calc(100dvh - 145px)}}