/* Mobile reading uses normal document flow: controls must never cover a page. */
.mobile-reader-tools{display:none}
@media(max-width:980px){
 body,body.crystal-renderer{height:auto!important;min-height:100dvh;display:block!important;overflow:auto!important}
 .readerHead,header.top{position:static!important;height:auto!important;min-height:0!important}
 .reader,.layout{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .mobile-reader-tools{display:block;margin:10px;background:#faf7f0;border:1px solid #d9c9ae;border-radius:10px}
 .mobile-reader-tools>summary{cursor:pointer;padding:12px 15px;color:#624b29;font:15px/1.4 Georgia,serif}
 .mobile-reader-tools:not([open])>aside{display:none!important}
 .mobile-reader-tools>aside{max-height:none!important;height:auto!important;overflow:visible!important;border:0!important}
 .viewer,.crystal-renderer .viewer{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:20px}
 .viewer-body{display:block;position:relative!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .pagebar{position:static!important;inset:auto!important;transform:none!important;margin:8px!important;max-width:calc(100% - 16px)!important;width:auto!important;z-index:auto!important;box-shadow:none!important}
 .pagebar #pdfNotice{font:13px/1.45 Arial,sans-serif!important;padding:8px!important;margin:0!important;max-height:none!important}
 .pagebar #pdfNotice a{font-size:13px!important}
 .textlayer,.crystal-renderer .textlayer{position:static!important;inset:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:18px 20px 30px!important;z-index:auto!important}
 .textlayer.on{display:block!important}
 .textpage,.crystal-renderer .textpage{font-size:var(--mu-reader-font,18px)!important;line-height:1.75!important;overflow-wrap:anywhere;max-width:850px;margin:auto}
 .selecthint,.crystal-renderer .selecthint,.selectbar{position:static!important;inset:auto!important;margin:0 auto 20px!important;transform:none!important;z-index:auto!important}
 .viewer-body:has(>.textlayer.on)>#pdf{display:none!important}
 .pdf-stage,.crystal-renderer .pdf-stage{height:auto!important;min-height:60vh;max-height:none!important;overflow:auto!important;padding:10px!important}
 .viewer iframe{height:78dvh!important;min-height:350px}
 .statusbar{position:static!important;transform:none!important;margin:15px auto 0!important;width:fit-content;max-width:100%}
 main.reader .textmode{height:auto;max-height:none;overflow:visible}
}
@media(min-width:981px){.mobile-reader-tools{display:contents}.mobile-reader-tools>summary{display:none}.mobile-reader-tools>aside{max-height:none}}

@media(max-width:980px){.mobile-quote-tools{margin:0 0 18px}.mobile-quote-tools>summary{font:14px/1.5 Arial,sans-serif;color:#76552d;cursor:pointer;padding:8px 0}.mobile-quote-tools:not([open])>.selecthint{display:none!important}}
@media(min-width:981px){.mobile-quote-tools{display:contents}.mobile-quote-tools>summary{display:none}}
/* The drawer is mobile-only; desktop control nodes return to their original positions. */
#mobile-reader-menu,.mobile-reader-dialog{display:none}
@media(max-width:980px){
 .readerHead,header.top{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:10px!important}
 .readerHead>a,header.top>a:not(.tool),header.top>.spacer{display:none!important}
 .readerHead .rtitle,header.top h1{display:block!important;flex:1;min-width:0;max-width:none!important;margin:0!important;font:600 14px/1.4 Georgia,serif!important}
 #mobile-reader-menu{display:inline-flex;flex-shrink:0;max-width:55%;font-size:13px!important;padding:8px 12px!important}
 .mobile-reader-dialog[open]{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;margin:0;width:min(92vw,390px);max-width:92vw;height:100dvh;max-height:100dvh;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:#faf7f0;color:#2d2925;border:0;border-right:1px solid #bda36b;padding:16px;box-shadow:8px 0 35px #30251d44;z-index:1000;animation:mu-reader-drawer .18s ease-out}
 .mobile-reader-dialog::backdrop{background:#201b1699}
 .mobile-reader-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-shrink:0}
 .mobile-reader-dialog-head h2{font:normal 21px/1.3 Georgia,serif;margin:0;color:#60451d}
 .mobile-reader-dialog-head button{min-width:40px;min-height:40px;font-size:23px!important;padding:5px 12px!important}
 .mobile-reader-dialog .tools,.mobile-reader-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;width:100%;align-items:center}
 .mobile-reader-dialog input:not([type=number]){box-sizing:border-box;max-width:100%;width:100%;min-width:0;padding:10px;border:1px solid #bfae94;background:#fff;font:16px Arial,sans-serif}
 .mobile-reader-dialog .searchrow{width:100%;display:flex;min-width:0;margin:0}
 .mobile-reader-dialog .searchrow input{width:0;flex:1}
 .mobile-reader-dialog [onclick="toggleSide()"]{display:none!important}
 .mobile-reader-return-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
 .mobile-reader-return-links a{font-size:13px!important;white-space:normal}
 .mobile-reader-dialog aside{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent}
 .mobile-reader-dialog .tabs button.tab{min-width:0;flex:1 1 90px;font-size:12px!important}
 .mobile-reader-dialog-content{flex-shrink:0}
 .mobile-reader-close{flex-shrink:0;margin-top:16px}
 body.mobile-reader-menu-open{overflow:hidden!important}
 .pagebar #pageBookmarkBtn,.reader-step-controls [onclick="setBM()"]{display:none!important}
 .pagebar{justify-content:center}
 @keyframes mu-reader-drawer{from{transform:translateX(-100%)}to{transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){.mobile-reader-dialog[open]{animation:none!important}}
@media(max-width:980px){.mobile-reader-dialog .tools>input{flex:1 0 100%!important;width:100%!important}.mobile-reader-dialog .tools{min-width:0}}
