.page{background:var(--color-page);--frame-w:calc(var(--page-w)*.075);padding:calc(var(--frame-w)*.55);position:relative}.frame,.page{flex-direction:column;display:flex}.frame{border:var(--frame-w) solid transparent;-o-border-image:var(--d-frame) 77 round;border-image:var(--d-frame) 77 round;padding:calc(var(--frame-w)*.7) calc(var(--frame-w)*.55) calc(var(--frame-w)*.3);flex:1}.page-no{text-align:center;font-family:ed_hafs,serif;font-size:var(--text-sm);color:var(--color-green-2);margin-block-start:8px}.frame{position:relative}:root:not([data-decor-kind=bands]) .frame>.page-no{z-index:1;min-inline-size:calc(var(--frame-w)*1.9);block-size:calc(var(--frame-w)*.62);padding-inline:calc(var(--frame-w)*.22);background:var(--color-page);box-shadow:0 0 0 1px var(--color-green),0 0 0 2.5px var(--color-page),0 0 0 3.5px var(--color-gold);font-size:calc(var(--frame-w)*.46);color:var(--color-ink);border-radius:2px;place-items:center;margin:0;line-height:1;display:grid;position:absolute;inset-block-end:calc(var(--frame-w)*-.5);inset-inline-start:50%;translate:50% 50%}.mushaf{--m-size:calc(var(--page-w)/16.4);isolation:isolate;inline-size:var(--page-w);align-content:space-between;gap:calc(var(--m-size)*.12);font-size:var(--m-size);color:var(--color-ink);-webkit-user-select:none;user-select:none;flex:1;line-height:1.55;display:grid;position:relative}.hl-layer{z-index:-1;pointer-events:none;inset:0}.hl,.hl-layer{position:absolute}.hl{border-radius:8px}.hl.is-hover{background:var(--color-hl-hover)}.hl.is-selected{background:var(--color-hl)}.hl.is-lit{background:var(--color-gold-soft);box-shadow:inset 0 -2px 0 var(--color-gold)}.m-line{min-block-size:calc(var(--m-size)*1.55);justify-content:space-between;align-items:baseline;display:flex}.mushaf.is-edition .m-line{gap:.18em}.m-w{cursor:pointer;border-radius:4px}.m-marker{color:var(--color-green)}.m-marker:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:50%}.m-marker[data-n]{color:#0000;position:relative}.m-marker[data-n]:after,.m-marker[data-n]:before{pointer-events:none;position:absolute;top:50%;left:50%}.m-marker[data-n]:before{content:"";inline-size:var(--aya-size,1.02em);block-size:var(--aya-size,1.02em);transform:translate(-50%,calc(-50% + var(--aya-dy,0em)));background:var(--d-aya,url(../img/aya.svg)) center /contain no-repeat}.m-marker[data-n]:after{content:attr(data-n);font:700 .5em/1 var(--font-display);color:var(--color-aya-num);white-space:nowrap;letter-spacing:-.03em;margin-block-start:var(--aya-dy,0);transform:translate(-50%,-34%)}.m-marker[data-n][style*=--mark]:before{box-shadow:0 0 0 .07em var(--color-page),0 0 0 .16em var(--mark);border-radius:50%}.m-marker[data-n][data-long]:after{letter-spacing:-.05em;font-size:.42em}.m-w.is-reciting{background:var(--color-gold-soft);box-shadow:inset 0 -2px 0 var(--color-gold)}.m-w.is-word{color:var(--color-green-2);-webkit-text-decoration:underline 2px var(--color-gold);-webkit-text-decoration:underline 2px var(--color-gold);text-decoration:underline 2px var(--color-gold);text-underline-offset:.35em}.surah-name{color:var(--color-ink);font-family:surah_names;line-height:1}.m-header{min-block-size:calc(var(--page-w)/8.63);background:var(--d-band) center /100% 100% no-repeat;justify-content:center;align-items:center}.m-header .surah-name{font-size:calc(var(--m-size)*.95);transform:translateY(6%)}.m-basmala{justify-content:center;align-items:center}.basmala{inline-size:58%;block-size:calc(var(--m-size)*1.2);background:var(--color-ink);display:block;-webkit-mask:url(../img/basmala.svg) 50%/contain no-repeat;mask:url(../img/basmala.svg) 50%/contain no-repeat}.basmala-glyph,.basmala-print{line-height:1.3}.basmala-print{color:var(--color-ink);white-space:nowrap;font-size:1em}.page[data-ed=hafs] .basmala-print{font-size:2em;line-height:.9}.surah-name.is-print{font-size:1.05em;line-height:1.2;transform:none}.page.deco-warsh{--frame-w:calc(var(--page-w)*.085);--mk-w:calc(var(--page-w)*.115);--mk-gap:calc(var(--frame-w)*.2)}.page.deco-warsh:not(.is-special){padding-block-end:calc(var(--frame-w)*1.4);padding-inline-start:calc(var(--frame-w)*.55 + var(--mk-w) + var(--mk-gap))}.page.deco-warsh:not(.is-special):not(.is-odd){padding-inline:calc(var(--frame-w)*.55) calc(var(--frame-w)*.55 + var(--mk-w) + var(--mk-gap))}.page.deco-warsh .frame{border:var(--frame-w) solid transparent;padding:calc(var(--frame-w)*.55);border-image:url(../decor/warsh/frame.webp) 90 round}.page.deco-warsh .band-bottom,.page.deco-warsh .band-top{display:none}.page.deco-warsh .frame>.page-no{inset-inline:0;inset-block:calc(100% + var(--frame-w)*1.25) auto;block-size:auto;min-inline-size:0;box-shadow:none;font-size:calc(var(--frame-w)*.8);color:var(--color-ink);background:0 0;border-radius:0;margin:0;padding:0;line-height:1.2;position:absolute;translate:none}.page.deco-warsh .m-marker[data-n]:before{background-image:url(../img/aya-warsh.svg);block-size:1.26em;inline-size:.76em}.page.deco-warsh .m-marker[data-n]:after{color:#2f282c;font-family:ed_hafs,serif;font-size:.46em;font-weight:400;transform:translate(-50%,-38%)}.page.deco-warsh .m-marker[data-n][data-long]:after{letter-spacing:-.06em;font-size:.36em}.w-marks{inline-size:var(--mk-w);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc((var(--frame-w)*1.55 + var(--mk-gap) + var(--mk-w))*-1)}.page.deco-warsh:not(.is-odd) .w-marks{inset-inline-start:auto;inset-inline-end:calc((var(--frame-w)*1.55 + var(--mk-gap) + var(--mk-w))*-1)}.w-mark{aspect-ratio:113/275;color:var(--color-ink);text-align:center;background:url(../decor/warsh/mark.webp) 50%/100% 100% no-repeat;align-content:center;justify-items:center;font-family:ed_hafs,serif;display:grid;position:absolute;inset-block-start:calc(var(--m-size)*.775 + (var(--line) - 1)*(100% - var(--m-size)*1.55)/14);inset-inline:0;translate:0 -50%}.w-mark b{font-weight:400;font-size:calc(var(--mk-w)*.34);white-space:pre-line;line-height:1.25}.w-mark.is-two b{font-size:calc(var(--mk-w)*.23)}.w-mark.is-sajda{aspect-ratio:113/194;background-image:url(../decor/warsh/mark-sajda.webp)}.w-mark.is-both{aspect-ratio:112/310;gap:calc(var(--mk-w)*.12);background-image:url(../decor/warsh/mark-sajda2.webp)}.w-mark.is-both b+b{border-block-start:1px solid;padding-block-start:calc(var(--mk-w)*.08)}.page.is-special.deco-warsh{inline-size:calc(var(--page-w)*1.49);justify-content:center}.wo{aspect-ratio:1386/1875;background:50%/100% 100% no-repeat;inline-size:100%;position:relative}.wo-name{place-items:center;display:grid;position:absolute;inset:10.77% 36.94% 80.05% 37.16%}.wo-name .surah-name{font-size:calc(var(--page-w)/12);color:var(--color-ink)}.wo-oval{place-items:center;display:grid;position:absolute;inset:29.39% 22.44% 29.44% 22.51%}.wo .mushaf{--m-size:calc(var(--page-w)/16);gap:calc(var(--m-size)*.32);inline-size:82%;color:var(--color-ink);flex:none}.wo .m-line{justify-content:center;gap:.3em}.wo .basmala{inline-size:70%}.page.is-special.deco-warsh>.page-no{font-size:calc(var(--frame-w)*.8);color:var(--color-ink)}:root[data-decor-kind=app] .page:not(.deco-warsh) .frame{padding:calc(var(--frame-w)*.6) calc(var(--frame-w)*.9) calc(var(--frame-w)*.4);border:0;border-image:}:root[data-decor-kind=app] .page:not(.deco-warsh) .m-header .surah-name{color:var(--d-ink)}:root[data-decor="2"] .page:not(.deco-warsh) .m-marker[data-n]:before{block-size:1.22em;inline-size:1.22em;translate:0 -6%}:root[data-decor="2"] .page:not(.deco-warsh) .m-marker[data-n]:after{color:var(--d-ink);font-size:.44em;transform:translate(-50%,-48%)}:root[data-decor="2"] .page:not(.deco-warsh) .m-marker[data-n][data-long]:after{font-size:.36em}:root[data-decor-kind=app] .page:not(.deco-warsh) .frame>.page-no{box-sizing:border-box;margin:calc(var(--frame-w)*.5) 0 0;box-shadow:none;font-size:calc(var(--frame-w)*.66);border-radius:0;position:static;translate:none}:root[data-decor-kind=app] .page:not(.deco-warsh) .frame>.page-no,:root[data-decor-kind=app] .page:not(.deco-warsh).is-special .page-no{inline-size:calc(var(--frame-w)*4.6);block-size:calc(var(--frame-w)*1.3);padding:0 calc(var(--frame-w)*2) 0 0;background:var(--d-plate) center /contain no-repeat;color:var(--d-ink);align-self:center;place-items:center;display:grid}.band-bottom,.band-top{display:none}:root[data-decor-kind=bands] .frame{padding:0 calc(var(--frame-w)*.2);border:0;border-image:}:root[data-decor-kind=bands] .band-bottom,:root[data-decor-kind=bands] .band-top{aspect-ratio:2078/276;background:var(--d-top) center /100% 100% no-repeat;flex:none;place-items:center;display:grid}:root[data-decor-kind=bands] .band-top{margin-block-end:8px}:root[data-decor-kind=bands] .band-bottom{background-image:var(--d-bottom);margin-block-start:8px}.page.is-special:has(.sp-frame){padding:calc(var(--frame-w)*.55)}.sp-frame{padding:calc(var(--frame-w)*.45) calc(var(--frame-w)*.55) calc(var(--frame-w)*.3)}.sp-band{min-block-size:calc(var(--page-w)*1.22/8.63);flex:none;justify-content:center;align-items:center;display:flex}.sp-band .surah-name{font-size:calc(var(--page-w)/13)}.sp-center{min-block-size:calc(var(--page-w)*1.3);flex:1;place-items:center;display:grid}.sp-frame .mushaf{--m-size:calc(var(--page-w)/14);gap:calc(var(--m-size)*.55);flex:none;inline-size:100%}.sp-frame .m-line{justify-content:center;gap:.3em}.sp-frame .basmala{inline-size:70%}.page.is-special{padding:calc(var(--frame-w)*.6);inline-size:calc(var(--page-w)*1.315);justify-content:space-between;gap:6px}.sp-bottom,.sp-top{aspect-ratio:var(--d-band-ratio);background:var(--d-top) center /100% 100% no-repeat;flex:none;place-items:center;display:grid}.sp-bottom{background-image:var(--d-bottom)}.sp-top .surah-name{font-size:calc(var(--page-w)/13)}.sp-body{min-block-size:calc(var(--page-w)*1.2);background:var(--d-middle) center /contain no-repeat;flex:1;place-items:center;display:grid}.page.is-special .sp-body .mushaf{--m-size:calc(var(--page-w)/15);inline-size:calc(var(--page-w)*.74);gap:calc(var(--m-size)*.5);flex:none}.page.is-special .sp-body .m-line{justify-content:center;gap:.3em}.page.is-special .sp-body .basmala{inline-size:80%}.src-text{gap:var(--space-xs);display:grid}.src-text .range{font-size:var(--text-xs);color:var(--color-gold);margin:0;font-weight:700}.src-text .range.hafs{color:var(--color-muted);font-weight:400}.src-text .src-body{white-space:pre-line;color:var(--color-ink);margin:0;font-size:1.05rem;line-height:2}.src-text[dir=auto] .src-body{white-space:normal}.src-text .q{color:var(--color-green-2);font-family:uthmanic_hafs,serif;font-size:1.12em}.src-text sup{color:var(--color-gold);font-size:.7em}.src-text .em{color:var(--color-green-2);font-weight:700}.src-text .notes{margin:var(--space-xs) 0 0;padding:var(--space-sm) 0 0;border-block-start:1px dashed var(--color-rule);gap:4px;line-height:1.7;list-style:none;display:grid}.src-empty,.src-text .notes{font-size:var(--text-sm);color:var(--color-muted)}.src-empty{margin:0}