/* Inline left controls. No overlay, backdrop, modal or additional settings route. */

/* Reader hierarchy: home by brand; Surah, recitation search, memorization, Settings. */
.reader-rail .sidebar-head{flex-wrap:wrap;gap:8px}
.reader-rail .sidebar-dashboard{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:38px;padding:6px 8px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:12px;white-space:nowrap}
.reader-rail .sidebar-dashboard svg{width:18px;height:18px}
.reader-rail .sidebar-dashboard:hover{color:var(--ink);background:var(--surface)}
.reader-rail .reader-primary-controls{margin-bottom:6px}
.reader-rail.expanded .sidebar-reader-actions{display:flex;flex-direction:column;gap:3px;padding:0}
.reader-rail .sidebar-reader-actions :is(a,button){width:100%;justify-content:flex-start;text-align:start}
.reader-rail .sidebar-settings-title{flex:none;margin:16px 0 0;padding:14px 8px 10px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;font-weight:500;color:var(--muted)}
.reader-rail :is(#sidebar-reading,#sidebar-navigation){border:0;padding:0}
.reader-rail #sidebar-reading .sidebar-section-body{padding-top:0;padding-bottom:0}
.reader-rail .sidebar-language{margin-top:0}

.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:50px;margin-bottom:12px}.sidebar-brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:25px;letter-spacing:-1px}.sidebar-brand img{display:block}.reader-rail .sidebar-head .sidebar-toggle{width:44px;min-width:44px;min-height:44px;justify-content:center;padding:10px}.sidebar-head .sidebar-toggle>span{display:none}
.sidebar-primary-slot{flex:none}.reader-primary-controls{display:flex;flex-direction:column;gap:10px;margin:0 0 16px;min-width:0}.reader-rail .reader-surah{display:grid;flex:none;width:100%;font-size:13px;gap:6px;margin:0}.reader-rail .reader-surah select{min-height:46px;font-size:16px}.reader-primary-controls .surah-shortcut{display:none}.reader-rail .reader-quick-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%}.reader-rail .reader-quick-actions button{min-width:0;min-height:44px;padding:9px 8px;font-size:15px;gap:7px;justify-content:center}.reader-quick-actions button[aria-pressed=true]{border-color:var(--accent);background:var(--surface2)}
.reader-rail:not(.expanded) .sidebar-brand,.reader-rail:not(.expanded) .reader-surah,.reader-rail:not(.expanded) .reader-quick-actions button>span{display:none}.reader-rail:not(.expanded) .sidebar-head{margin-bottom:4px}.reader-rail:not(.expanded) .reader-primary-controls{gap:4px}.reader-rail:not(.expanded) .surah-shortcut{display:flex;width:44px;min-height:44px;justify-content:center;padding:10px}.reader-rail:not(.expanded) .reader-quick-actions{grid-template-columns:1fr;gap:4px}.reader-rail:not(.expanded) .reader-quick-actions button{width:44px;padding:10px}
.reader-mobile-controls[hidden]{display:none}.reader-mobile-controls:not([hidden]){display:block;flex:none;margin-bottom:8px}.reader-mobile-controls .reader-primary-controls{flex-direction:row;align-items:center;gap:8px;margin:0}.reader-mobile-controls .reader-surah{flex:1;min-width:0;order:0}.reader-mobile-controls .reader-surah select{min-height:44px;font-size:15px}.reader-mobile-controls .reader-quick-actions{flex:none;gap:6px}.reader-mobile-controls .reader-quick-actions button{width:44px;min-height:44px;padding:10px;justify-content:center}.reader-mobile-controls .reader-quick-actions button>span{display:none}
@media(max-width:699px){.tools-expanded .reader-footer .page-navigation{grid-template-columns:1fr 1fr}.tools-expanded .reader-footer .page-counter{display:none}}

#menu-offline-slot{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}#menu-offline-slot summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;list-style:none}#menu-offline-slot summary svg{width:22px;height:22px}#menu-offline-slot .source{font-size:13px;line-height:1.8}.reader-rail .sidebar-offline-slot{margin-top:auto;border-top:1px solid var(--line);padding-top:6px;flex:none}

body.is-reading .reader-workspace[data-reading-mode=mushaf]{--tools-width:44px;grid-template-columns:var(--tools-width) minmax(0,1fr) var(--tools-width);grid-template-rows:minmax(0,1fr);gap:20px}
body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded{--tools-width:280px}
body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{grid-template-columns:var(--tools-width) minmax(0,1fr) var(--context-width)}
body.is-reading .reader-workspace[data-reading-mode=mushaf]>.reader-center{grid-column:2;grid-row:1}
.reader-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-self:stretch;gap:0;min-height:0;max-height:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:0;direction:ltr;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.reader-rail.expanded{padding-inline-end:8px}
.reader-rail :is(button,a,summary){min-width:0;white-space:normal;overflow-wrap:anywhere}
.reader-rail .sidebar-toggle,.reader-rail nav a,.reader-rail .sidebar-practice,.reader-rail .sidebar-voice-button,.reader-rail .sidebar-section>summary,.reader-rail #offline-panel>summary{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;line-height:1.5;text-decoration:none;cursor:pointer;list-style:none;width:100%;flex:none;text-align:start}
.reader-rail summary::-webkit-details-marker{display:none}
.reader-rail :is(.sidebar-toggle,nav a,.sidebar-practice,.sidebar-voice-button,summary):hover{background:var(--surface);color:var(--ink)}
.reader-rail svg{width:22px;height:22px;flex:none}
.reader-rail nav{display:grid;grid-template-columns:1fr;gap:2px;flex:none;padding-block:4px 10px}
.reader-rail.expanded nav{grid-template-columns:1fr 1fr}
.reader-rail .sidebar-section{flex:none;border-block-start:1px solid var(--line);padding-block:5px}
.reader-rail .sidebar-section-title{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px;margin:0;color:var(--muted);font-size:13px;font-weight:500;line-height:1.5}
.reader-rail .sidebar-section-body{padding:7px 8px 12px}
.reader-rail .field{display:grid;gap:6px;margin:0 0 12px;min-width:0;font-size:12px}
.reader-rail select,.reader-rail input:not([type=checkbox]){width:100%;min-width:0;max-width:none;min-height:42px;font-size:14px;padding-block:8px}
.reader-rail .check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5}
.reader-rail .check input{flex:none;margin-top:3px}
.reader-rail .source{font-size:11px;line-height:1.65;overflow-wrap:anywhere}
.reader-rail h3{font-size:13px;margin:12px 0 8px}
.reader-rail .two-col{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.reader-rail .sidebar-section-body button,.reader-rail .sidebar-utility button:not(.icon-button){font-size:12px;padding:9px;min-height:40px;width:100%;margin-bottom:10px}
.reader-rail .sidebar-language{margin:10px 8px 16px;font-size:12px;flex:none}.sidebar-language>span{display:flex;align-items:center;gap:8px}
.reader-rail .sidebar-bookmarks .empty{padding:0;border:0}.reader-rail .sidebar-bookmarks h3{font-size:13px}.reader-rail .sidebar-bookmarks p{font-size:12px;line-height:1.6}.reader-rail .bookmark-list{max-height:260px;overflow:auto}.reader-rail .bookmark-list a{font-size:12px;padding:8px}
.reader-rail .sidebar-credits{font-size:11px;padding:10px 8px;margin:0}.sidebar-credits a{color:var(--muted)}
.reader-rail .sidebar-utility{padding:12px 8px;border-block-start:1px solid var(--line);flex:none}.sidebar-utility[hidden]{display:none}.reader-rail .sidebar-utility h2{font-size:16px}.reader-rail .sidebar-utility .dialog-head{align-items:start;gap:4px}.reader-rail .sidebar-utility .icon-button{width:32px;min-height:32px;padding:5px;flex:none}.reader-rail .sidebar-utility p{font-size:12px;line-height:1.65}
.reader-rail:not(.expanded) :is(.sidebar-section-body,.sidebar-language,.sidebar-credits,.sidebar-utility),.reader-rail:not(.expanded) :is(.sidebar-toggle,nav a,.sidebar-practice,.sidebar-voice-button,summary)>span{display:none}
.reader-rail:not(.expanded) nav{grid-template-columns:1fr}.reader-rail:not(.expanded) :is(.sidebar-toggle,nav a,.sidebar-practice,.sidebar-voice-button,summary){justify-content:center;padding:10px}.reader-rail:not(.expanded) .sidebar-section{padding-block:3px}
html[dir=rtl] .reader-rail.expanded{direction:rtl}html[dir=rtl] .reader-rail .control-icon{transform:none}
@media(max-width:1000px){body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{grid-template-columns:var(--tools-width) minmax(0,1fr) var(--tools-width)}}
@media(max-width:699px){body.is-reading .reader-workspace[data-reading-mode=mushaf],body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{gap:8px;grid-template-columns:44px minmax(0,1fr) 0px;grid-template-rows:minmax(0,1fr)}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) 0px}.reader-rail{grid-column:1;grid-row:1;flex-direction:column;justify-content:start;align-self:stretch;overflow:auto}.reader-rail.expanded{padding-inline-end:4px}.reader-rail .sidebar-section-body{padding-inline:4px}.reader-rail .sidebar-language{margin-inline:4px}.reader-rail .field{font-size:11px}.reader-rail.expanded nav{grid-template-columns:1fr}.reader-rail .source{font-size:11px}.reader-rail :is(button,a,summary){font-size:12px}}
@media(max-height:480px) and (min-width:700px){body.is-reading .reader-workspace[data-reading-mode=mushaf],body.is-reading .reader-workspace[data-reading-mode=mushaf].has-context{gap:14px}.reader-heading.reader-chrome{min-height:48px}.reader-surah{flex-basis:190px}.reader-surah>span{display:none}.reader-surah select{min-height:40px}}
@media(forced-colors:active){.reader-rail :is(button,a,summary){border:1px solid ButtonText}}