/* Use only measured spare gutter: the fixed book/context grid is never resized. */
body.is-reading .reader-rail.expanded{position:relative;z-index:2;width:calc(100% + var(--rail-extra,0px));min-width:0;overflow-x:hidden}
.reader-rail .sidebar-head{min-height:60px;gap:12px;margin-bottom:16px}
.reader-rail .sidebar-brand{font-size:30px;font-weight:550;letter-spacing:-1.2px;gap:10px}
.reader-rail .sidebar-brand img{width:36px;height:36px}
.reader-rail .sidebar-dashboard{min-height:40px;padding:7px 11px;font-size:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.reader-rail .sidebar-dashboard:hover{border-color:#47605c;background:var(--surface2)}
.reader-workspace .reader-rail #sidebar-navigation.reader-navigation-card{flex:none;min-width:0;padding:var(--rail-card-padding,16px);border:1px solid var(--line);border-radius:var(--rail-card-radius,18px);background:linear-gradient(155deg,#152c2b88,var(--surface));box-shadow:0 5px 22px #0000000a}
.reader-rail .reader-primary-controls{margin:0;gap:0}
.reader-rail .reader-surah{gap:8px;font-size:12px;font-weight:500;color:var(--muted)}
.reader-rail .reader-surah select,.reader-rail #reader-language{height:52px;min-height:52px;padding-block:12px;padding-inline-start:13px;padding-inline-end:36px;border:1px solid #314844;border-radius:12px;background-color:var(--bg);color:var(--ink);font-size:15px;font-weight:450;line-height:1.4}
.reader-rail .reader-surah select:hover,.reader-rail #reader-language:hover{border-color:#536c66}
.reader-rail .reader-surah select:focus-visible,.reader-rail #reader-language:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:none}
.reader-rail .sidebar-surah-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 1px 16px;color:var(--muted)}
.reader-rail .sidebar-surah-arabic{font-family:Uthmanic;font-size:22px;font-weight:400;line-height:1.5;min-width:0}
.reader-rail .sidebar-surah-count{font-size:11px;white-space:nowrap;flex:none;color:var(--faint)}
.reader-rail .quick-jumps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:16px}
.reader-rail .quick-jump{min-width:0;margin:0}
.reader-rail .quick-jump-label{display:block;margin:0 0 7px;font-size:12px;line-height:1.5;font-weight:500;color:var(--muted)}
.reader-rail label[for="jump-ref"].quick-jump-label{display:flex;flex-direction:row;align-items:baseline;gap:4px;white-space:nowrap}
.reader-rail label[for="jump-ref"].quick-jump-label>:is(span,bdi){display:inline;margin:0;padding:0;font:inherit;white-space:nowrap}
.reader-rail .quick-jump-control{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;min-width:0;height:48px;border:1px solid #314844;border-radius:11px;background:var(--bg)}
.reader-rail .quick-jump-control:focus-within{border-color:transparent;outline:2px solid var(--accent);outline-offset:-2px;box-shadow:none}
.reader-rail .quick-jump input{width:100%;min-width:0;max-width:100%;height:46px;min-height:46px;margin:0;padding:10px 8px;border:0;border-radius:11px 0 0 11px;background:transparent;outline:none;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.4;direction:ltr;appearance:textfield}
.reader-rail .quick-jump input::-webkit-inner-spin-button,.reader-rail .quick-jump input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.reader-rail .quick-jump button{display:flex;align-items:center;justify-content:center;min-width:0;width:36px;height:38px;min-height:38px;margin:0;padding:8px;border:0;border-radius:8px;background:var(--surface2);color:var(--accent)}
.reader-rail .quick-jump button:hover{background:#23443f}
.reader-rail .quick-jump button svg{width:18px;height:18px}
.reader-rail .reader-navigation-card .sidebar-tool-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;padding:11px 12px;border:1px solid #3b5a53;border-radius:11px;background:#1c3833;color:#d8f0e7;font-size:14px;font-weight:500;line-height:1.5;font-family:inherit;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.reader-rail .sidebar-tool-button+.sidebar-tool-button{margin-top:8px}
.reader-rail .reader-navigation-card .sidebar-tool-button:hover{background:#26473f;border-color:#689082}
.reader-rail .reader-navigation-card .sidebar-tool-button svg{width:20px;height:20px}


.reader-rail .sidebar-settings-title{margin-top:18px;padding:16px 2px 12px;font-size:12px;font-weight:550;letter-spacing:.3px}
.reader-workspace .reader-rail #sidebar-reading.reader-settings-panel{flex:none;min-width:0;padding:var(--rail-card-padding,16px);border:1px solid var(--line);border-radius:var(--rail-card-radius,18px);background:var(--surface)}
.reader-rail .page-tone-control{min-width:0;margin:0 0 20px;padding:0;border:0}
.reader-rail .page-tone-control legend{margin:0 0 10px;padding:0;font-size:12px;font-weight:500;color:var(--muted)}
.reader-rail .tone-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.reader-rail .tone-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:68px;padding:9px 3px;border:1px solid var(--line);border-radius:11px;background:var(--bg);font-size:12px;line-height:1.4;color:var(--muted);cursor:pointer}
.reader-rail .tone-option input{position:absolute;width:1px;height:1px;margin:0;opacity:0}
.reader-rail .tone-option:has(input:checked){border-color:var(--accent);background:#183831;color:var(--ink);box-shadow:inset 0 0 0 1px #3ed6c13b}
.reader-rail .tone-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px;box-shadow:none}
.reader-rail .tone-swatch{width:18px;height:23px;border:1px solid #79928a;border-radius:4px;box-shadow:inset 3px 0 #00000010}
.reader-rail .tone-swatch-light{background:#FDF8F0}.reader-rail .tone-swatch-sepia{background:#F3E9D4}.reader-rail .tone-swatch-dark{background:#0F1212}
.reader-rail .reader-settings-panel .sidebar-language{margin:0;gap:9px;font-size:12px;font-weight:500;color:var(--muted)}
.reader-rail .sidebar-language>span{gap:7px}.reader-rail .sidebar-language>span svg{width:16px;height:16px}
.reader-rail .sidebar-offline-slot{margin-top:18px;padding-top:10px}
@media(max-width:699px){
 body.is-reading .reader-workspace[data-reading-mode=mushaf].tools-expanded>.reader-rail{grid-row:1;height:100%;max-height:100%;width:100%}
 .reader-rail .sidebar-head{min-height:46px;gap:6px;flex-wrap:nowrap;margin-bottom:12px}
 .reader-rail .sidebar-brand{font-size:24px;gap:6px}.reader-rail .sidebar-brand img{width:28px;height:28px}
 .reader-rail .sidebar-dashboard{font-size:12px;padding:6px;gap:5px;min-height:36px}.reader-rail .sidebar-dashboard svg{width:16px;height:16px}
 .reader-rail{--rail-card-padding:12px;--rail-card-radius:14px}
 .reader-rail .quick-jumps{grid-template-columns:1fr;gap:12px}
 .reader-rail .sidebar-surah-caption{flex-wrap:wrap;gap:3px;margin-bottom:14px}
 .reader-rail .reader-navigation-card .sidebar-tool-button{font-size:13px;min-height:64px}
 .reader-rail .reader-surah select,.reader-rail #reader-language{font-size:14px}
 .reader-rail .tone-options{grid-template-columns:1fr;gap:6px}.reader-rail .tone-option{flex-direction:row;min-height:44px;justify-content:flex-start;gap:10px;padding:8px 11px}.reader-rail .tone-swatch{width:16px;height:20px}
}
@media(forced-colors:active){.reader-rail .tone-option:has(input:checked){outline:2px solid Highlight}.reader-rail .tone-option input{position:static;width:auto;height:auto;opacity:1}.reader-rail .quick-jump-control:focus-within{outline:2px solid Highlight}}

/* The dock uses a measured physical left margin. self-start follows the
   dock's own LTR axis, not the Arabic main flex parent's RTL flex-start. */
body.is-reading .schematic-footer{align-self:self-start}
.arabic-digit-settings{margin-top:16px!important}
html[lang=ar] :is(.reader-rail,#app-menu,#player-options){font-family:system-ui,"Noto Sans Arabic","Segoe UI",sans-serif;letter-spacing:normal}
html[lang=ar] :is(.reader-rail,#app-menu,#player-options) :is(.eyebrow,h2,h3,legend){letter-spacing:normal}
html[lang=ar] :is(#jump-page,#jump-ref,#range-from,#range-to,#table-text,.context-ref,.context-source-ref,.player-progress,.page-counter){direction:ltr;unicode-bidi:isolate}
html[lang=ar] #verse-reference-format{direction:rtl;unicode-bidi:isolate;white-space:normal}
html[lang=ar] .reader-rail label[for=jump-ref].quick-jump-label{white-space:normal;flex-wrap:wrap}
html[lang=ar] #player-options .two-col{min-width:0}
html[lang=ar] #player-options :is(.field,summary){overflow-wrap:anywhere}
html[lang=ar] #player :is(select,input){direction:ltr;unicode-bidi:isolate}
@media(max-width:699px){.reader-rail .arabic-digit-settings select{font-size:12px;padding-inline:8px 28px}}