:root{--reader-accent:#496be0}
html[data-theme="dark"]{--reader-accent:var(--cyan,#12d3d2)}
/* Full-screen reading surface inspired by the supplied reference. */
body[data-current-page="mushaf"]{padding-top:0!important;background:var(--paper)}
body[data-current-page="mushaf"] .topbar,body[data-current-page="mushaf"] .site-footer{display:none!important}
body[data-current-page="mushaf"] main{width:100%;max-width:none;margin:0;padding:0}
body[data-current-page="mushaf"] .native-mushaf{width:100%;max-width:none;margin:0!important;padding:0!important;background:var(--paper);border:0;color:var(--ink);overflow:visible}
.native-mushaf .mushaf-heading,.native-mushaf .quran-index,.native-mushaf .native-toolbar{display:none!important}
.native-mushaf .native-workspace{display:block;min-height:0;border:0;background:var(--paper)}
.native-mushaf .native-book-area{width:100%;padding:0;border:0;background:var(--paper)}
.native-mushaf .native-spread,.native-mushaf .native-spread.single{display:block;min-height:0;padding:0;background:var(--paper)}
.native-mushaf .quran-page{width:min(100%,850px);min-height:calc(100dvh - 174px);margin:auto;padding:18px clamp(15px,3vw,32px) 182px;border:0;border-radius:0;background:var(--paper);color:var(--ink);box-shadow:none}
.native-mushaf .quran-page::before,.native-mushaf .quran-page::after{display:none}
.native-mushaf .quran-page-header{display:flex;flex-direction:row-reverse;margin:0 0 22px;padding:0;border:0;color:var(--muted);font:600 13px 'Noto Kufi Arabic',sans-serif}
.native-mushaf .quran-page-header strong{color:var(--muted);font:inherit}
.native-mushaf .quran-flow,.native-mushaf .native-spread.single .quran-flow{text-align:justify;text-align-last:center;color:var(--ink);font-family:Amiri,'Traditional Arabic',serif;font-size:calc(clamp(25px,5.7vw,37px) * var(--quran-scale));font-weight:400;line-height:1.95;word-spacing:0}
.native-mushaf .ayah-number{display:inline-flex;justify-content:center;align-items:center;width:2.35em;height:2.35em;margin:0 .28em;border:1px solid var(--muted);border-radius:50%;background:var(--paper);color:var(--ink);font:500 .43em/1 Amiri,serif;vertical-align:middle}
.native-mushaf .ayah-number::before{content:'';position:absolute;inset:-3px;border:1px solid var(--muted);border-radius:32%;transform:rotate(45deg);opacity:.65}
.native-mushaf .ayah-number{position:relative;isolation:isolate}
.native-mushaf .ayah-number::before{z-index:-1}
.native-mushaf .surah-banner{margin:14px 0;padding:9px;border:0;background:none;color:var(--ink);font:600 22px Amiri,serif}
.native-mushaf .surah-banner::before,.native-mushaf .surah-banner::after{color:var(--muted)}
.native-mushaf .surah-banner small{color:var(--muted)}
.native-mushaf .quran-basmala{padding:4px 0 12px;border:0;background:none;color:var(--ink);font:400 26px Amiri,serif}
.native-mushaf .quran-page-footer{right:24px;bottom:22px;padding:1px 19px;border:1px solid var(--line);border-radius:30px;color:var(--ink);font:600 16px 'Noto Kufi Arabic',sans-serif}
.reader-appbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:10px;direction:rtl;width:100%;height:72px;padding:10px max(16px,calc((100vw - 850px)/2));background:var(--sand);border-bottom:1px solid var(--line)}
.reader-appbar button,.reader-bottom button,.reader-audio button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--reader-accent);font-size:29px;line-height:1;cursor:pointer}
.reader-icon{font-size:28px;line-height:1;display:inline-block;direction:ltr}
.reader-appbar button:focus-visible,.reader-bottom button:focus-visible,.reader-audio button:focus-visible{outline:2px solid var(--reader-accent);outline-offset:2px}
.reader-appbar-spacer{flex:1}
#readerPageJump{border:2px solid currentColor;border-radius:7px;font:700 18px 'Noto Kufi Arabic',sans-serif}
.reader-bottom{position:fixed;right:0;left:0;bottom:0;z-index:60;display:flex;align-items:center;gap:10px;direction:rtl;min-height:72px;padding:8px max(12px,calc((100vw - 850px)/2));border-top:1px solid var(--line);background:var(--sand)}
.reader-progress{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:40px}
.reader-progress input{width:100%;accent-color:var(--reader-accent);cursor:pointer}
.reader-progress output{position:absolute;right:calc((var(--reader-progress, 0) * (100% - 42px)) + 4px);top:3px;min-width:40px;padding:1px 6px;border-radius:20px;background:var(--reader-accent);color:var(--paper);text-align:center;font:700 16px 'Noto Kufi Arabic',sans-serif;pointer-events:none}
.reader-audio{display:flex;align-items:center;gap:10px;direction:ltr;width:100%;min-height:58px;margin:0;padding:5px 10px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.reader-audio select{flex:1;min-width:0;border:0;background:transparent;color:var(--reader-accent);font:600 14px 'Noto Kufi Arabic',sans-serif;direction:rtl}
.reader-audio option{background:var(--sand);color:var(--ink)}
.reader-audio span{color:var(--muted);font:500 11px 'Noto Kufi Arabic',sans-serif;direction:rtl}
.reader-menu-dialog{width:min(420px,calc(100% - 28px));max-height:min(80dvh,700px);margin:auto;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--sand);color:var(--ink);font-family:'Noto Kufi Arabic',sans-serif}
.reader-menu-dialog::backdrop{background:#000b}
.reader-menu-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:18px}
.reader-menu-dialog header button{border:0;background:transparent;color:var(--ink);font-size:29px;cursor:pointer}
.reader-menu-dialog nav,.reader-settings-content{display:grid;gap:6px}
.reader-menu-dialog nav a,.reader-settings-content button,.reader-menu-dialog form button{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);text-decoration:none;text-align:right;font:inherit;cursor:pointer}
.reader-menu-dialog form{display:grid;gap:15px}.reader-menu-dialog form label{display:grid;gap:8px}.reader-menu-dialog form input{width:100%;padding:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}
.native-mushaf .qiraat-panel{display:none;width:min(900px,100%);margin:0 auto;background:var(--paper);color:var(--ink)}.native-mushaf .qiraat-panel.reader-open{display:block}
@media(max-width:760px){.native-mushaf .quran-page{min-height:calc(100dvh - 154px);padding:17px 15px 112px}.native-mushaf .quran-flow,.native-mushaf .native-spread.single .quran-flow{font-size:calc(clamp(22px,5.8vw,28px) * var(--quran-scale));line-height:1.72}.reader-appbar{height:60px}.reader-bottom{min-height:62px}.native-mushaf .quran-page-header{font-size:11px}.native-mushaf .quran-page-footer{font-size:13px}}
.native-mushaf .qiraat-filter{border:1px solid var(--line);border-radius:14px;margin:14px 0;padding:12px;background:var(--sand);color:var(--ink)}
.native-mushaf .qiraat-filter summary{cursor:pointer;font-weight:700;color:var(--ink)}
.native-mushaf .qiraat-filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px}
.native-mushaf .qiraat-filter-options label{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper)}
.native-mushaf .qiraat-filter-options input{accent-color:var(--reader-accent);width:18px;height:18px}