/* Restore the original reader geometry. Only the schematic labels/skin remain. */
body.is-reading #main{display:flex;flex-direction:column;gap:8px;height:100dvh;max-height:100dvh;padding:12px 20px max(10px,env(safe-area-inset-bottom));overflow:hidden}
body.is-reading .schematic-header{position:fixed;z-index:4;height:44px;min-height:44px;margin:0;gap:10px}
body.is-reading .schematic-header:not([data-aligned]),body.is-reading .schematic-footer:not([data-aligned]){visibility:hidden}
body.is-reading .reader-workspace[data-reading-mode=mushaf],body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{flex:1;min-height:0;--tools-width:44px;display:grid;grid-template-columns:var(--tools-width) minmax(0,1fr) var(--context-width);grid-template-rows:minmax(0,1fr);gap:20px;overflow:hidden}
body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded{--tools-width:280px;grid-template-columns:var(--tools-width) minmax(0,1fr) var(--context-width)}
body.is-reading .reader-workspace[data-reading-mode=mushaf]>.reader-rail,body.is-reading .reader-workspace[data-reading-mode=mushaf]:not(.tools-expanded)>.reader-rail{display:flex;grid-column:1;grid-row:1;height:100%;max-height:100%;overflow:auto}
body.is-reading .reader-workspace[data-reading-mode=mushaf]>.reader-center,body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded>.reader-center{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;height:100%;padding-top:100px;box-sizing:border-box}
body.is-reading #reader-content.reader-paper.mode-mushaf{height:auto;flex:1;min-height:0;max-width:none;width:100%;padding:0;align-content:center;justify-content:center;gap:12px}
body.is-reading .reader-workspace[data-reading-mode=mushaf]>#verse-context,body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded>#verse-context{grid-column:3;grid-row:1;width:var(--context-width);height:var(--book-height,100%);max-height:var(--book-height,100%);margin-block-start:var(--book-offset,0px);transform:translateX(var(--context-shift,0px))}
body.is-reading .schematic-footer{display:grid;grid-template-columns:118px minmax(0,1fr) 118px;grid-template-rows:44px;align-items:center;align-self:flex-start;flex:none;gap:0 8px;height:44px;min-height:44px;padding:0;border-top:1px solid #34504b66;max-width:100%;direction:ltr}
body.is-reading .schematic-footer .schematic-page-turn{min-height:38px;height:38px;padding:4px 0;font-size:12px;white-space:nowrap;gap:5px;flex-wrap:nowrap}
body.is-reading .schematic-footer .schematic-page-turn span{display:inline;white-space:nowrap;overflow-wrap:normal;line-height:1.2}
body.is-reading .schematic-footer #reader-audio-slot{height:42px;min-height:42px;min-width:0;grid-column:2;grid-row:1;margin:0}
body.is-reading .schematic-footer #reader-audio-slot #player{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:42px;min-height:42px;padding:0;grid-template-columns:none;grid-template-rows:none;overflow:visible}
body.is-reading .schematic-footer #player .player-left,body.is-reading .schematic-footer #player .player-right{display:none}
body.is-reading .schematic-footer #player .player-center{display:flex;align-items:center;justify-content:center;flex:none;flex-wrap:nowrap;gap:8px;width:max-content;max-width:100%;height:42px;min-width:0}
body.is-reading .schematic-footer #player .player-speed{display:block;flex:none;order:0}
body.is-reading .schematic-footer #player .player-speed select{width:76px;min-width:76px;min-height:32px;height:32px;padding:4px 24px 4px 7px;font-size:12px;background-position:right 6px center}
body.is-reading .schematic-footer #player .player-controls{order:1;gap:3px;flex:none}
body.is-reading .schematic-footer #player .player-controls button{width:30px;min-width:30px;min-height:32px;height:32px;padding:5px}
body.is-reading .schematic-footer #player .player-controls [data-action=audio-toggle]{width:34px;min-width:34px;height:34px;min-height:34px;padding:7px}
body.is-reading .schematic-footer #player .player-controls [data-action=audio-stop]{width:26px;min-width:26px;padding:5px}
body.is-reading .schematic-footer #player .player-progress{order:2;width:92px;min-width:92px;height:30px;flex:none}
body.is-reading .schematic-footer #player .player-times{font-size:11px;line-height:16px}
body.is-reading .schematic-footer #player .volume-control{order:3;display:flex;align-items:center;gap:4px;width:auto;min-width:0;flex:none}
body.is-reading .schematic-footer #player .volume-control input{display:block;width:52px;min-width:36px;max-width:52px}
body.is-reading .schematic-footer #player #volume-value{display:none}
body.is-reading .schematic-footer #player .player-more{order:4;flex:none}
body.is-reading .schematic-footer #player .volume-control .icon-button,body.is-reading .schematic-footer #player .player-more{width:30px;min-width:30px;height:32px;min-height:32px;padding:5px}
/* Small book columns keep readable one-line page labels, not clipped controls. */
body.is-reading .schematic-footer.compact-book-dock{height:108px;min-height:108px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:32px 72px;gap:4px 8px}
body.is-reading .schematic-footer.compact-book-dock .next-page{grid-column:1;grid-row:1;justify-self:start}
body.is-reading .schematic-footer.compact-book-dock .previous-page{grid-column:2;grid-row:1;justify-self:end}
body.is-reading .schematic-footer.compact-book-dock .schematic-page-turn{height:32px;min-height:32px;font-size:12px}
body.is-reading .schematic-footer.compact-book-dock #reader-audio-slot{grid-column:1/-1;grid-row:2;height:72px;min-height:72px}
body.is-reading .schematic-footer.compact-book-dock #reader-audio-slot #player{height:72px;min-height:72px}
body.is-reading .schematic-footer.compact-book-dock #player .player-center{display:flex;flex-wrap:wrap;align-content:center;gap:3px 6px;width:max-content;max-width:100%;height:72px}
@media(min-width:700px) and (max-width:1000px){body.is-reading .reader-workspace[data-reading-mode=mushaf],body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{grid-template-columns:var(--tools-width) minmax(0,1fr) min(330px,40vw);gap:14px}body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded{--tools-width:190px;grid-template-columns:var(--tools-width) minmax(0,1fr) min(300px,36vw)}body.is-reading .reader-workspace[data-reading-mode=mushaf]>#verse-context{width:100%;transform:none;margin-top:var(--book-offset,0px)}body.is-reading .schematic-footer #player .volume-control input{display:none}}
@media(max-width:699px){body.is-reading #main{padding:6px 10px max(6px,env(safe-area-inset-bottom));gap:6px}body.is-reading .reader-workspace[data-reading-mode=mushaf],body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{grid-template-columns:44px minmax(0,1fr);grid-template-rows:minmax(100px,1.1fr) minmax(190px,1fr);gap:6px}body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded{--tools-width:min(190px,52vw);grid-template-columns:var(--tools-width) minmax(0,1fr)}body.is-reading .reader-workspace[data-reading-mode=mushaf]>.reader-rail{grid-column:1;grid-row:1/-1}body.is-reading .reader-workspace[data-reading-mode=mushaf]>.reader-center,body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded>.reader-center{grid-column:2;grid-row:1;padding-top:56px}body.is-reading .reader-workspace[data-reading-mode=mushaf]>#verse-context,body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded>#verse-context{grid-column:2;grid-row:2;width:100%;height:100%;max-height:100%;margin:0;transform:none}body.is-reading .schematic-header{height:44px;min-height:44px;gap:4px}.schematic-location strong{font-size:11px}.schematic-page-status{font-size:9px}.schematic-header .icon-button{width:26px;min-width:26px;padding:4px}.schematic-header-actions .schematic-bookmark{display:none}body.is-reading .schematic-footer #player .volume-control input{display:none}body.is-reading .schematic-footer #player .player-progress{width:84px;min-width:84px}body.is-reading .schematic-footer #player .player-center{gap:3px 5px}body.is-reading .schematic-footer .schematic-page-turn{justify-content:initial!important}body.is-reading .schematic-footer .previous-page{justify-content:end!important}}
@media(max-height:480px) and (min-width:700px){body.is-reading #main{padding-top:5px;padding-bottom:5px;gap:5px}body.is-reading .reader-workspace[data-reading-mode=mushaf]>.reader-center,body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded>.reader-center{padding-top:52px}}
@media(min-width:1200px){body.is-reading .schematic-footer.compact-book-dock{height:72px;min-height:72px;grid-template-rows:32px 36px}body.is-reading .schematic-footer.compact-book-dock #reader-audio-slot,body.is-reading .schematic-footer.compact-book-dock #reader-audio-slot #player,body.is-reading .schematic-footer.compact-book-dock #player .player-center{height:36px;min-height:36px}body.is-reading .schematic-footer.compact-book-dock #player .player-center{flex-wrap:nowrap}}