:root{--title-strip-h:3.5rem}.title-strip{width:100%;height:var(--title-strip-h);padding:0 max(.75rem, env(safe-area-inset-right,0px)) 0 max(.75rem, env(safe-area-inset-left,0px));font-family:var(--font-geist-sans), system-ui, sans-serif;justify-content:center;align-items:center;display:flex}.title-pill{color:#f2f3ff;background:#141a3d;border:1px solid #8fa8ff38;border-radius:999px;align-items:center;gap:.5rem;min-width:0;max-width:100%;padding:.25rem .3rem;display:flex;box-shadow:0 1px 2px #0a0e244d,0 8px 24px #141a3d47}.title-pill__home{border-radius:.55rem;flex:none;display:inline-flex}.title-pill__home img{border-radius:.5rem;width:1.75rem;height:1.75rem}.title-strip h1{min-width:0;font-family:var(--font-display,Georgia), Georgia, "Times New Roman", serif;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0 .35rem 0 .1rem;font-size:1.05rem;font-weight:600;overflow:hidden}.title-pill__ur{color:#c9d3ff;white-space:nowrap;border-left:1px solid #8fa8ff4d;flex:none;margin:0 .45rem 0 0;padding:.05rem 0 0 .7rem;font-family:Tour Nastaliq,Noto Nastaliq Urdu,Noto Naskh Arabic,serif;font-size:.95rem;line-height:1.2}.title-pill__help:empty{display:none}.title-strip__toggle,.title-pill .reader-tour-launcher{min-height:2.25rem;font:inherit;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.88rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.title-strip__toggle{color:#141a3d;background:#f2f3ff;border:0}.title-strip__toggle[aria-expanded=true]{background:#c9d4ff}.title-pill .reader-tour-launcher{color:#f2f3ff;box-shadow:none;background:0 0;border:1px solid #f2f3ff4d;position:static}.title-pill .reader-tour-launcher[hidden]{display:none}.title-pill .reader-tour-launcher:hover{background:#f2f3ff1a}.title-pill__help-icon{border:1.5px solid;border-radius:999px;place-items:center;width:1.15rem;height:1.15rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-grid}.title-strip__toggle:focus-visible,.title-pill__home:focus-visible,.title-pill .reader-tour-launcher:focus-visible,.seo-panel a:focus-visible,.seo-panel__close:focus-visible{outline-offset:2px;outline:2px solid #8fa8ff}@media (max-width:40rem){.title-pill .reader-tour-launcher,.title-strip__toggle{justify-content:center;width:2.25rem;padding:0}.title-pill__ur,.title-pill__help-label,.title-strip__toggle span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.title-strip~.mushaf-reader{min-height:calc(100vh - var(--title-strip-h));min-height:calc(100dvh - var(--title-strip-h))}.seo-panel{z-index:940;overscroll-behavior:contain;background:var(--ui-surface);width:18.5rem;color:var(--ui-ink);border-left:1px solid var(--ui-border);box-shadow:-8px 0 24px var(--ui-shadow);font-family:var(--font-geist-sans), system-ui, sans-serif;padding:0 1rem 1.5rem;font-size:.92rem;line-height:1.5;display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.seo-panel[data-open=open]{display:block}@media (min-width:90rem){.seo-panel[data-open=auto]{display:block}}@media (max-width:48rem),(max-height:30rem) and (pointer:coarse){.title-strip{z-index:945;height:calc(var(--title-strip-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);pointer-events:none;position:fixed;top:0;left:0;right:0}.title-strip .title-pill{pointer-events:auto}.title-strip{transition:transform .2s,opacity .2s}:root[data-reader-bars=hidden] .title-strip{opacity:0;transform:translateY(-100%)}:root[data-reader-bars=hidden] .title-strip .title-pill{pointer-events:none}.title-strip~.mushaf-reader{min-height:100dvh}.seo-panel{width:auto;top:auto;left:0;bottom:calc(4.3rem + env(safe-area-inset-bottom,0px));border-left:0;border-top:1px solid var(--ui-border);max-height:70dvh;box-shadow:0 -8px 24px var(--ui-shadow);border-radius:1rem 1rem 0 0}}.seo-panel__head{background:var(--ui-surface);justify-content:space-between;align-items:center;padding:.75rem 0 .5rem;display:flex;position:sticky;top:0}.seo-panel h2{margin:0;font-size:1rem;font-weight:700}.seo-panel h2:focus{outline:none}.seo-panel h3{margin:1.25rem 0 .5rem;font-size:.95rem;font-weight:700}.seo-panel__close{width:2.25rem;height:2.25rem;color:var(--ui-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1rem}.seo-panel a{color:var(--ui-accent)}.seo-panel__crumbs ol{color:var(--ui-ink-muted);flex-wrap:wrap;gap:.25rem;margin:0 0 .75rem;padding:0;font-size:.85rem;list-style:none;display:flex}.seo-panel__crumbs li+li:before{content:"›";margin-inline-end:.25rem}.seo-facts{grid-template-columns:auto 1fr;gap:.35rem .75rem;margin:0;display:grid}.seo-facts dt{color:var(--ui-ink-muted)}.seo-facts dd{margin:0}.seo-panel__links{flex-direction:column;gap:.35rem;margin:.9rem 0 0;display:flex}.seo-panel__links a,.seo-panel__prevnext a,.seo-hub-list a{padding-block:.3rem;display:inline-block}.seo-panel__prevnext{justify-content:space-between;gap:1rem;margin:.5rem 0 0;display:flex}.seo-panel__intro p{margin:0 0 .6rem}.seo-hub-list{margin:0;padding:0;list-style:none}.seo-hub-list [lang=ar]{color:var(--ui-ink-muted);margin-inline-start:.35rem}.seo-text__body p{color:var(--ui-ink);text-align:right;margin:0}.seo-text__body--indopak16 p[lang=ar]{font-family:Indo Pak,serif;font-size:1.35rem;line-height:2.1}.seo-text__body--madani15 p[lang=ar]{font-family:MadaniQulText,Amiri,Traditional Arabic,Noto Naskh Arabic,serif;font-size:1.3rem;line-height:2}.seo-text__page+.seo-text__page{border-top:1px dashed var(--ui-border);margin-top:.5rem;padding-top:.5rem}.seo-text__pageno{font-size:.75rem;color:var(--ui-ink-subtle)!important;text-align:left!important}.seo-text__surah{font-weight:700;text-align:center!important;margin-top:.4rem!important}.seo-text__basmala{text-align:center!important}.seo-panel__credit{color:var(--ui-ink-muted);margin:1rem 0 0;font-size:.8rem}.seo-panel [lang=ur]{font-family:Tour Nastaliq,Noto Nastaliq Urdu,Noto Naskh Arabic,serif;line-height:1.8}