.volume-controls{display:flex;align-items:end;gap:20px;padding:20px 0;border-block:1px solid var(--rule)}
#volume-status:empty{display:none}
.volume-controls label{display:flex;flex-direction:column;gap:8px}.volume-choice{flex:1;min-width:0}.volume-choice select{width:100%}
.volume-navigation{position:sticky;top:0;z-index:2;background:var(--paper);padding:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 0}.volume-navigation form{display:flex;align-items:center;gap:10px}.volume-navigation input{width:85px}#pdf-link{margin-left:auto}
#pdf-reader{scroll-margin-top:120px;overflow:auto;padding:20px;background:var(--selection);border:1px solid var(--rule);border-radius:4px;min-height:240px}#pdf-reader:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
#pdf-pages{display:flex;align-items:flex-start;gap:16px}.pdf-page{flex:none;background:white;box-shadow:0 2px 8px #0002;margin:0}.pdf-page canvas{display:block;width:100%;height:auto}.pdf-page figcaption{background:var(--white);padding:6px 12px;color:var(--muted);font-size:14px}
.volume-help{margin-top:20px;color:var(--muted);font-size:16px}
@media(max-width:700px){.volume-controls{flex-wrap:wrap;gap:12px}.volume-choice{flex-basis:100%}.volume-controls label:not(.volume-choice){flex:1}.volume-navigation{gap:8px}.volume-navigation form{gap:6px}.volume-navigation input{width:68px}#pdf-link{margin-left:0}#pdf-reader{padding:8px}#pdf-pages{gap:8px}.collection-stat{display:none}}

.pdf-page-surface{position:relative}.pdf-links{position:absolute;inset:0;pointer-events:none}.pdf-page-link{position:absolute;display:block;pointer-events:auto;cursor:pointer;border-radius:2px}.pdf-page-link:hover{background:#8b6c3620}.pdf-page-link:focus-visible{outline:2px solid #8b6c36;outline-offset:1px;background:#f6e5aa66}