/* Permanent explanation and persistent top recitation controls. */
.reader-rail label.check{display:flex;align-items:center;gap:9px;min-height:28px}.reader-rail label.check>input[type=checkbox]{flex:0 0 18px;appearance:auto;width:18px;height:18px;min-height:18px;margin:0;padding:0}.reader-rail label.check>span{display:block;line-height:1.4}

#reader-audio-slot{flex:none;min-width:0;margin-bottom:10px}
body.is-reading #player{position:static;inset:auto;transform:none;display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(280px,1fr);align-items:center;gap:12px;width:100%;max-width:none;margin:0;padding:10px 14px;border-radius:14px;flex:none;direction:ltr}
body.is-reading #player .player-title{min-width:0;flex-basis:auto;text-align:start}body.is-reading #player .player-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}body.is-reading #player .player-title small{display:block;font-size:11px}
body.is-reading #player .player-controls{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center}body.is-reading #player .player-controls button{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;min-height:40px;height:40px;padding:9px}
.player-settings{display:flex;align-items:center;justify-content:end;gap:12px;min-width:0}.player-speed{display:block;flex:none}.player-speed select{min-height:40px;height:40px;min-width:92px;width:92px;font-size:13px;padding:7px 30px 7px 10px;background-position:right 10px center}
body.is-reading #player .volume-control{display:flex;align-items:center;justify-content:end;flex:0 1 210px;flex-basis:auto;gap:8px;min-width:0;width:auto}body.is-reading #player .volume-control input{flex:1;min-width:40px;width:110px;max-width:150px}body.is-reading #player .volume-control .icon-button{width:38px;min-width:38px;min-height:38px;height:38px;padding:8px}
@media(max-width:699px){#reader-audio-slot{margin-bottom:8px}body.is-reading #player{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:8px 10px;border-radius:12px}body.is-reading #player .player-title{grid-column:1;grid-row:1}body.is-reading #player .player-title strong{font-size:11px}body.is-reading #player .player-title small{display:none}body.is-reading #player .player-controls{grid-column:2;grid-row:1;gap:4px}body.is-reading #player .player-controls button{width:36px;min-width:36px;min-height:36px;height:36px;padding:7px}.player-settings{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px}body.is-reading #player .volume-control{flex:1}.player-speed select{min-height:34px;height:34px;width:88px;min-width:88px;font-size:12px}body.is-reading #player .volume-control input{width:100px;max-width:180px}body.is-reading #player .volume-control .icon-button{min-height:34px;height:34px;width:34px;min-width:34px}}
@media(max-height:480px) and (min-width:700px){body.is-reading #player{padding:6px 10px;gap:10px;grid-template-columns:minmax(80px,1fr) auto minmax(240px,1fr)}body.is-reading #player .player-controls button{width:34px;min-width:34px;min-height:34px;height:34px;padding:6px}.player-speed select{height:34px;min-height:34px}.player-title small{display:none}#reader-audio-slot{margin-bottom:6px}}

@media(min-width:700px) and (max-width:1000px){body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{grid-template-columns:var(--tools-width) minmax(0,1fr) min(330px,42vw);grid-template-rows:minmax(0,1fr)}body.is-reading .reader-workspace[data-reading-mode=mushaf]>#verse-context{position:relative;grid-column:3;grid-row:1;inset:auto;transform:none;margin:0;width:100%;height:100%;max-height:100%;align-self:stretch}}
@media(max-width:699px){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:8px}body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded{grid-template-columns:var(--tools-width) minmax(0,1fr)}body.is-reading .reader-workspace[data-reading-mode=mushaf]>.reader-center{grid-column:2;grid-row:1}.reader-rail{grid-row:1/-1}body.is-reading .reader-workspace[data-reading-mode=mushaf]>#verse-context{position:relative;grid-column:2;grid-row:2;inset:auto;transform:none;margin:0;width:100%;height:100%;max-height:100%;align-self:stretch}.context-grip{display:none}.context-head{padding:8px 10px}.context-head .eyebrow{display:none}.context-head h2{font-size:16px;margin:0}.context-head .context-page-label{font-size:10px;margin-top:2px}.context-scope{padding:4px 8px;gap:4px}.context-scope button{min-height:28px;font-size:10px;padding:5px 7px}.context-tabs button{min-height:28px;font-size:12px;padding:5px}.context-body{padding:8px 10px}.context-footer{padding:6px 10px;max-height:40%}.context-footer button,.context-footer summary{min-height:28px;font-size:10px;padding:5px 7px}.context-footer .source{font-size:10px}}