/* V87: compact reader with explicit volume and fullscreen, no duplicate toolbar. */
#readerApp:not(:fullscreen):not(.focus-mode) .gb86-page-controls .gb87-fullscreen{
 display:grid!important;place-items:center!important;flex:0 0 37px!important;
 width:37px!important;height:37px!important;min-width:37px!important;
 padding:7px!important;border:0!important;border-radius:50%!important;
 background:transparent!important;color:#337f9f!important;box-shadow:none!important;
 touch-action:manipulation!important;
}
#readerApp .gb87-fullscreen svg{width:25px;height:25px;display:block}
#readerApp .gb87-volume{display:flex!important;align-items:center!important;gap:5px!important;
 min-width:65px!important;width:clamp(70px,17vw,132px)!important;flex:0 1 132px!important;
 color:#337f9f!important}
#readerApp .gb87-volume svg{width:18px;height:18px;flex:0 0 18px}
#readerApp .gb87-volume input{
 appearance:none;-webkit-appearance:none;display:block!important;min-width:0!important;
 width:100%!important;height:31px!important;min-height:31px!important;padding:0!important;margin:0!important;
 background:transparent!important;accent-color:#428cac!important;touch-action:pan-x!important;cursor:pointer!important;
}
#readerApp .gb87-volume input::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:#b4d2df}
#readerApp .gb87-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;margin-top:-5.5px;background:#3b8aad;border:2px solid white;box-shadow:0 1px 6px #305f7866}
#readerApp .gb87-volume input::-moz-range-track{height:5px;border-radius:99px;background:#b4d2df}
#readerApp .gb87-volume input::-moz-range-thumb{width:15px;height:15px;border:2px solid white;border-radius:50%;background:#3b8aad}
#readerApp .gb87-fullscreen:focus-visible,#readerApp .gb87-volume input:focus-visible{outline:3px solid #2d85a8!important;outline-offset:2px!important}
@media(max-width:540px){
 #readerApp:not(:fullscreen):not(.focus-mode) .gb86-page-controls{gap:5px!important;padding:5px!important}
 #readerApp:not(:fullscreen):not(.focus-mode) .gb86-page-controls .gb87-fullscreen{width:31px!important;height:34px!important;flex-basis:31px!important;min-width:31px!important;padding:5px!important}
 #readerApp .gb87-fullscreen svg{width:23px;height:23px}
 #readerApp .gb87-volume{width:clamp(57px,19vw,88px)!important;min-width:57px!important;flex:0 1 88px!important;gap:3px!important}
 #readerApp .gb87-volume svg{width:15px;height:15px;flex-basis:15px}
 #readerApp .gb86-page-controls #pageSlider{min-width:48px!important}
 #readerApp .gb86-page-controls #pageStatus{min-width:57px!important;font-size:10px!important}
 #readerApp .gb86-restart{width:30px!important;height:34px!important;flex-basis:30px!important}
}
/* Make the embedded reader truly content-height; no internal viewport scroll well. */
html.reader-embedded body{min-height:0!important;overflow-y:visible!important}
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode){
 min-height:0!important;height:auto!important;overflow:visible!important;justify-content:flex-start!important;
 padding:6px 5px 8px!important;
}
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode) .stage{flex:0 0 auto!important;height:auto!important;min-height:0!important}
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode) .book,
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout=solo],
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout=single],
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout=spread],
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode) .book[data-layout=panorama]{max-height:none!important;width:min(98%,1460px)!important;height:auto!important}
html.reader-embedded #readerApp:not(:fullscreen):not(.focus-mode) .footer{flex:0 0 auto!important}
/* In fullscreen, the V83 one-tap exit icon is always on top. */
#readerApp:fullscreen #mobileFullscreenExit,#readerApp.focus-mode #mobileFullscreenExit{z-index:2147483647!important;pointer-events:auto!important}