/* Reading controls keep their DOM and page space during navigation. */
.reader-index{align-self:start;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.reader-index summary{padding:15px;font-weight:650;cursor:pointer}
.reader-index .toc{border:0;margin:0;max-height:70vh}
.reader-layout>.reader{min-width:0}
.reader-toolbar{position:static;flex-wrap:wrap}
#book-reader,#newbook-reader{scroll-margin-top:12px;overflow-anchor:none}
#book-sheet img,#newbook-sheet img{display:block;width:100%;height:auto}
#book-sheet:focus,#newbook-sheet:focus{outline:none}
.reader-bottom{justify-content:space-between;gap:12px}
#newbook-reader{max-width:900px;margin:0 auto}
#newbook-sheet pre{white-space:pre-wrap;overflow-wrap:anywhere}
.reader-index[open] .toc{max-height:360px}
#book-search-results:not(:empty){max-height:380px;overflow:auto;overscroll-behavior:contain}
#newbook-results{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.media-navigation{flex-wrap:wrap}
#detail .dialog-top{position:sticky;top:0;z-index:5;background:var(--paper,#fff)}
@media(max-width:850px){.reader-index[open] .toc{max-height:220px}.reader-layout{gap:18px}.reader-toolbar{gap:10px}.reader-bottom .button{flex:1;min-width:120px}#newbook-sheet{margin-top:12px}}
#book-reader,#newbook-reader{min-height:calc(100dvh - var(--orientation-nav-height,84px) - 24px)}
.atlas-navigation strong{white-space:normal;overflow-wrap:anywhere;max-width:100%}