.reader-footer{flex:none;display:flex;align-items:center;gap:18px;margin-top:10px;direction:ltr}.reader-footer .page-navigation{flex:1;min-width:0;width:auto;margin:0}.reader-scale{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 360px}.reader-scale[hidden]{display:none}.reader-scale label{font-size:12px;white-space:nowrap;color:var(--muted)}#page-scale{appearance:auto;width:140px;min-width:60px;max-width:100%;height:28px;min-height:28px;padding:0;border:0;background:transparent;accent-color:var(--accent);flex:1;cursor:pointer}#page-scale-value{font-size:12px;min-width:36px;text-align:center}.reader-scale button{font-size:12px;min-height:38px;padding:8px 12px;white-space:nowrap}.reader-menu{max-height:45dvh;overflow:auto;overscroll-behavior:contain}
@media(max-width:1450px){.reader-footer{flex-wrap:wrap;gap:6px;margin-top:8px}.reader-footer .page-navigation{flex-basis:100%}.reader-scale{flex-basis:100%;justify-content:flex-end}.reader-scale #page-scale{flex:0 1 160px}}
@media(max-width:580px){.reader-footer{margin-top:6px;gap:4px}.reader-footer .page-navigation{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.page-turn>span{display:none}.reader-footer .page-turn{width:40px;padding:8px;justify-content:center}.reader-footer .page-counter{justify-self:stretch}.reader-scale{gap:8px}.reader-scale label{font-size:11px;white-space:normal;max-width:90px}.reader-scale #page-scale{flex:1}.reader-scale button{font-size:11px;min-height:32px;padding:6px 9px}#page-scale-value{font-size:11px;min-width:32px}}

/* Viewport application shell. The complete book is measured, not clipped. */
body.is-reading{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:0}body.is-reading.has-player{padding-bottom:0}body.is-reading>.top{flex:none;padding-top:10px;padding-bottom:10px}body.is-reading #main{display:flex;flex-direction:column;flex:1;min-height:0;max-height:100%;overflow:hidden;padding:12px 24px calc(10px + var(--reader-player-space,0px));width:100%}.reader-heading{flex:none;min-height:0;margin:0 0 10px}.reader-toolbar{flex:none;min-height:0;margin:0 0 12px;padding:4px 0 10px}.reader-workspace{flex:1;min-height:0;max-height:100%;align-items:stretch;overflow:hidden}.reader-center{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.reader-center>.reader-paper{flex:1;min-height:0;max-height:100%;width:100%;margin:0}.reader-center>.reader-paper.mode-mushaf{height:auto;min-height:0;max-width:none;max-height:100%;padding:0;align-content:center;align-items:start;justify-content:center;overflow:hidden;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.reader-center>.reader-paper.mode-mushaf.spread{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-center>.reader-paper.mode-study,.reader-center>.reader-paper.mode-focus{min-height:0;overflow:auto;overscroll-behavior:contain}.mushaf-sheet{align-self:start;min-width:0;max-width:100%;padding:14px 12px 12px}.reader-hint{display:none}.page-navigation{flex:none;width:100%;max-width:none;margin:10px 0 0;min-height:44px}.page-navigation button{font-size:14px;padding:10px 14px;min-height:44px}.reader-workspace>#verse-context{position:relative;top:0;max-height:100%;height:100%;min-height:0}.context-body{flex:1;min-height:0}.context-footer{max-height:50%;overflow:auto;overscroll-behavior:contain}
@media(max-width:1000px){.reader-workspace>#verse-context{position:fixed;top:auto;height:64dvh;max-height:64dvh;min-height:0}.reader-workspace>#verse-context.context-expanded{height:90dvh;max-height:90dvh}body.is-reading #main{padding-inline:16px}}
@media(max-width:580px){body.is-reading>.top{display:flex;padding:8px 14px;gap:12px;justify-content:space-between}body.is-reading>.top nav{display:none}body.is-reading .top .brand>span{display:block;font-size:23px}body.is-reading .top .brand .preview{display:none}body.is-reading #main{padding:8px 12px calc(8px + var(--reader-player-space,0px))}.reader-heading{margin-bottom:6px;min-height:0}.reader-heading h1{font-size:23px}.reader-heading p{font-size:11px}.reader-heading>button{font-size:11px;min-height:40px;padding:7px 8px}.reader-toolbar{margin-bottom:8px;padding:2px 0 6px;gap:6px 8px}.reader-toolbar>.mode-switch button{min-height:34px;padding:6px 10px;font-size:12px}.toolbar-primary button,.toolbar-actions button,.reader-more>summary{min-height:38px;font-size:12px;padding:8px}.toolbar-actions>button:first-child{width:38px;padding:7px}.page-navigation{gap:4px;margin-top:6px;min-height:38px}.page-navigation button{min-height:38px;padding:7px;font-size:11px}.mushaf-sheet{padding:10px 8px 8px}.reader-center>.reader-paper.mode-mushaf{gap:8px}}
@media(max-width:360px){body.is-reading .top .brand>span{display:none}}
@media(max-height:600px){body.is-reading>.top{display:none}body.is-reading #main{padding-top:6px}.reader-heading{min-height:30px;margin-bottom:4px}.reader-heading h1{font-size:22px}.reader-heading p{display:none}.reader-heading>button{font-size:11px;min-height:32px;padding:6px 10px}.reader-toolbar{flex-wrap:nowrap;gap:6px;margin:0 0 6px;padding:0 0 6px}.toolbar-primary{display:none}.reader-toolbar>.mode-switch{flex:1;margin:0;grid-column:1;grid-row:1;width:auto}.reader-toolbar>.mode-switch button{min-height:32px;min-width:0;font-size:11px;padding:6px 10px}.toolbar-actions{grid-column:2;grid-row:1;flex:none;gap:6px;flex-wrap:nowrap;width:auto}.toolbar-actions>button:first-child{display:none}.toolbar-actions button,.reader-more>summary{min-height:32px;font-size:11px;padding:6px 8px}.reader-toolbar .toolbar-listen-label{display:none}.reader-workspace>#verse-context{height:90dvh;max-height:90dvh}.reader-workspace>#verse-context.context-expanded{height:100dvh;max-height:100dvh}.context-head{padding:0 16px 8px}.context-head .eyebrow{display:none}.context-head h2{font-size:18px;margin:0}.context-page-label{font-size:11px}.context-scope{padding:6px 12px}.context-scope button{min-height:32px;font-size:11px;padding:6px 8px}.context-tabs button{min-height:34px;font-size:13px;padding:6px}.context-footer{padding:8px 12px}.context-footer button{min-height:34px;font-size:11px;padding:6px 8px}.context-grip{height:20px;min-height:20px}.page-navigation{margin-top:6px}.page-navigation button{min-height:34px;padding:6px 10px;font-size:12px}.mushaf-sheet{padding:8px}}


@media(max-height:480px) and (min-width:700px){body.is-reading #main{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:14px;row-gap:6px;padding-top:6px;padding-bottom:calc(6px + var(--reader-player-space,0px))}.reader-heading{grid-column:1;grid-row:1;margin:0;gap:8px;min-width:0}.reader-heading .back-link span{display:none}.reader-heading h1{font-size:20px}.reader-heading>button{font-size:10px;padding:6px 8px;min-height:32px;max-width:80px}.reader-toolbar{grid-column:2;grid-row:1;margin:0;padding:0;border:0;min-width:0}.reader-workspace{grid-column:1/-1;grid-row:2}.reader-footer{flex-wrap:nowrap;gap:16px;margin-top:6px}.reader-footer .page-navigation{flex:1 1 220px;grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.page-turn>span{display:none}.reader-footer .page-turn{width:36px;padding:6px;justify-content:center}.reader-footer .page-counter{justify-self:stretch}.reader-scale{flex:0 1 340px;gap:8px}.reader-scale #page-scale{flex:1}.reader-scale button{min-height:34px;font-size:11px;padding:6px 10px}.reader-scale label,#page-scale-value{font-size:11px}}

.page-navigation{direction:rtl}.page-navigation button:first-child{justify-self:start}.page-navigation button:last-child{justify-self:end}.page-counter{direction:ltr;unicode-bidi:isolate}html[dir] .page-navigation .control-icon{transform:none}