.emushaf-reading-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:12px}
.emushaf-reading-tools .btn{font-size:12px;padding:9px 14px}
.emushaf-toggle-controls{display:none}
.emushaf-page-viewport{width:100%;overflow:auto;padding:1px;box-sizing:border-box;touch-action:pan-y pinch-zoom}
.emushaf-page-viewport.emushaf-zoomed,.emushaf-zoomed .emushaf-paper{touch-action:pan-x pan-y pinch-zoom}
.emushaf-page-frame{position:relative;margin-inline:auto;width:750px;height:1394px}
.emushaf-fixed-paper{width:750px;min-height:0;padding:22px 29px 18px;box-sizing:border-box;transform-origin:top left;position:absolute;top:0;left:0;border-radius:9px;background:#fffdf0}
.emushaf-fixed-paper>header{height:35px;padding-bottom:12px;box-sizing:border-box;letter-spacing:1px;font-size:12px;align-items:center}
.emushaf-fixed-paper>footer{margin-top:12px;padding-top:9px;height:45px;box-sizing:border-box;font-size:20px;font-family:inherit}
.emushaf-mushaf{width:690px;height:1260px;display:grid;grid-template-rows:repeat(15,84px);direction:rtl}
.emushaf-mushaf-line{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0;width:690px;min-width:0;font-family:var(--mushaf-font);font-size:42px;line-height:1;white-space:pre;overflow:visible}
.emushaf-mushaf-word{display:inline-block;flex-shrink:0;white-space:pre;line-height:1.5;border-radius:3px;cursor:pointer;color:#142d29}
.emushaf-mushaf-word>span{font-family:inherit}
.emushaf-mushaf-word:hover,.emushaf-mushaf-word:focus-visible{background:#dfeadd;outline:1px solid #9dbca3}
.emushaf-mushaf-end{color:#967332}
.emushaf-mushaf-single{justify-content:center}
.emushaf-mushaf-centered{justify-content:center;gap:7px}
.emushaf-mushaf-title,.emushaf-mushaf-basmalah{justify-content:center;font-family:EMushafHafs,serif;white-space:nowrap}
.emushaf-mushaf-title h2{width:100%;font:36px/1.3 EMushafHafs,serif;text-align:center;border:1px solid #cdb888;border-radius:22px;background:#f3edda;padding:5px 16px;margin:0;box-sizing:border-box}
.emushaf-mushaf-basmalah{font-size:36px;line-height:1.8}
.emushaf-mushaf-opening{grid-template-rows:repeat(8,92px);align-content:center}
.emushaf-reading:fullscreen{background:#f5f5ed;overflow:auto;padding:12px 20px;box-sizing:border-box;width:100%;height:100%}
.emushaf-reading:fullscreen .emushaf-page-viewport{max-width:1100px;margin-inline:auto}
.emushaf-reading:fullscreen .emushaf-page-navigation{max-width:900px;margin-inline:auto}
.emushaf-reading:fullscreen .emushaf-swipe-hint{display:none}
.emushaf-reading:fullscreen .emushaf-status-row{min-height:24px}
.emushaf-reading:fullscreen .emushaf-toggle-controls{display:none}
@media(max-width:900px){
 .emushaf-toggle-controls{display:inline-flex}
 .emushaf-controls{display:none}
 .emushaf-controls.is-open{display:block}
 .emushaf-layout{gap:12px}
 .emushaf-reading-tools{justify-content:space-between}
}
@media(max-width:540px){
 .emushaf-app.container{padding-inline:12px}
 .emushaf-app .emushaf-notice{padding:12px;font-size:12px}
 .emushaf-app .section-heading h1{font-size:30px}
 .emushaf-reading:fullscreen{padding:8px}
}
@media print{.emushaf-fixed-paper{position:relative;transform:none!important}.emushaf-page-frame{width:750px!important;height:auto!important}}

.emushaf-zoom-tools{display:flex;align-items:center;gap:7px}.emushaf-zoom-tools .btn{min-width:36px;min-height:36px;padding:6px;font-size:18px}.emushaf-zoom-tools output{font-size:12px;min-width:38px;text-align:center}.emushaf-zoom-tools button:disabled{opacity:.4}

/* Page numerals use a clear UI Arabic font, independent of the Quran glyph fonts. */
#emushaf-page-number{display:inline-block;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:22px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:0;unicode-bidi:isolate;min-width:2ch;color:#806a3c}

/* One compact row above the page, including on narrow mobile viewports. */
.emushaf-reading-tools{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.emushaf-reading-tools .emushaf-zoom-tools{flex:0 0 auto;gap:4px}
.emushaf-reading-tools .btn{box-sizing:border-box;min-width:44px;min-height:44px;padding:6px;line-height:1;flex:0 0 auto}
.emushaf-reading-tools .emushaf-zoom-tools .btn{width:44px;height:44px;font-size:18px}
.emushaf-reading-tools .emushaf-zoom-tools output{min-width:38px;font-variant-numeric:tabular-nums}
.emushaf-reading-tools .emushaf-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
.emushaf-reading-tools svg{display:block}
.emushaf-reading-tools [hidden]{display:none!important}
@media(max-width:900px){.emushaf-reading-tools{justify-content:space-between}.emushaf-reading-tools .emushaf-toggle-controls{align-items:center;justify-content:center;width:44px;height:44px}}