@font-face{font-family:Mushaf Hafs;src:url(/fonts/hafs.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf Warsh;src:url(/fonts/warsh.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf Warsh Standard;src:url(/fonts/warsh-std.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf Qalun;src:url(/fonts/qaloon.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf V2 Hafs;src:url(/fonts-v2/hafs.18.woff2)format("woff2"),url(/fonts-v2/hafs.18.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf V2 Shouba;src:url(/fonts-v2/shouba.8.woff2)format("woff2"),url(/fonts-v2/shouba.8.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf V2 Doori;src:url(/fonts-v2/doori.9.woff2)format("woff2"),url(/fonts-v2/doori.9.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf V2 Soosi;src:url(/fonts-v2/soosi.9.woff2)format("woff2"),url(/fonts-v2/soosi.9.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf V2 Bazzi;src:url(/fonts-v2/bazzi.7.woff2)format("woff2"),url(/fonts-v2/bazzi.7.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf V2 Qumbul;src:url(/fonts-v2/qumbul.7.woff2)format("woff2"),url(/fonts-v2/qumbul.7.ttf)format("truetype");font-display:swap}@font-face{font-family:Mushaf V2 Qaloon;src:url(/fonts-v2/qaloon.10.woff2)format("woff2"),url(/fonts-v2/qaloon.10.ttf)format("truetype");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#18221d;--muted:#67736c;--green:#1f6247;--green-soft:#e8f0eb;--paper:#fffdf7;--line:#d9d7ca;--background:#f1f0e9}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--ink);background:radial-gradient(circle at top, #ffffffe6, transparent 32rem), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{width:min(100% - 28px,980px);margin:0 auto;padding:28px 0 48px}.site-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.site-header h1,.site-header p{margin:0}.site-header h1{letter-spacing:-.04em;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:500}.eyebrow{color:var(--green);font-size:1rem}.edition-label{color:var(--muted);font-size:.9rem}.header-actions{justify-items:end;gap:8px;display:grid}.edition-nav{justify-content:flex-end;gap:6px;margin-bottom:20px;display:flex}.edition-nav a{border:1px solid var(--line);color:var(--muted);background:#ffffffa8;border-radius:999px;padding:8px 13px;font-size:.84rem;font-weight:700;text-decoration:none}.edition-nav a[aria-current=page]{border-color:var(--green);color:#fff;background:var(--green)}.reader-description{max-width:650px;color:var(--muted);font-size:.92rem;line-height:1.55;margin-top:9px!important}.test-link,.test-back a{color:var(--green);font-size:.88rem;font-weight:650;text-decoration:none}.reader-controls{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf7f0;border:1px solid #1f62472e;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid;position:sticky;top:12px;box-shadow:0 8px 30px #192b2114}.reader-controls-v2{grid-template-columns:1fr;width:min(100%,280px);margin-left:auto}.reader-controls label{gap:5px;display:grid}.reader-controls label>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:700}select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:10px 34px 10px 11px}select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1f624747}.page-navigation{color:var(--muted);grid-template-columns:1fr 1fr;align-items:center;gap:14px;padding:20px 4px 14px;font-size:.88rem;display:grid}.page-navigation a{color:var(--green);font-weight:650;text-decoration:none}.page-navigation a:last-child{text-align:right}.mushaf-page{background:linear-gradient(90deg, #6a5b3406 1px, transparent 1px), var(--paper);background-size:4px 100%;border:1px solid #d8d2bd;border-radius:4px;min-height:72vh;padding:clamp(24px,6vw,64px);box-shadow:0 18px 50px #302b1c1c}.swipe-page-navigation{isolation:isolate;touch-action:pan-y pinch-zoom;overscroll-behavior-inline:contain;position:relative}.swipe-page-content{z-index:0;position:relative}.swipe-edge-button{z-index:2;width:40px;height:48px;color:var(--green);cursor:pointer;opacity:.58;background:#fffdf6d1;border:1px solid #1f624733;border-radius:999px;place-items:center;transition:opacity .16s,background-color .16s,transform .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 5px 18px #302b1c1a}.swipe-edge-button:hover,.swipe-edge-button:focus-visible{opacity:1;background:#fffdf6fa}.swipe-edge-button:focus-visible{outline-offset:2px;outline:3px solid #1f624747}.swipe-edge-button-previous{left:10px}.swipe-edge-button-next{right:10px}.swipe-discovery-hint{z-index:3;color:#fff;text-align:center;pointer-events:none;background:#184d38e6;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 40px);padding:9px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;display:none;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #302b1c33}.swipe-page-navigation[data-show-swipe-hint=true] .swipe-discovery-hint{animation:1.8s ease-in-out infinite swipe-hint-motion;display:flex}.swipe-discovery-hint span{font-size:1.1rem}@keyframes swipe-hint-motion{0%,to{transform:translate(-50%)}50%{transform:translate(calc(8px - 50%))}}.page-settings{z-index:4;width:fit-content;color:var(--ink);direction:ltr;flex:none;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;position:relative}.page-settings summary{width:42px;height:42px;color:var(--green);cursor:pointer;background:#fffdf6f0;border:1px solid #1f624747;border-radius:50%;place-items:center;font-size:1.35rem;line-height:1;list-style:none;display:grid;box-shadow:0 5px 18px #302b1c21}.page-settings summary::-webkit-details-marker{display:none}.page-settings summary:focus-visible,.page-settings button:focus-visible{outline-offset:2px;outline:3px solid #1f624747}.page-settings-panel{border:1px solid var(--line);background:#fffdf6fa;border-radius:12px;width:min(260px,100vw - 48px);padding:14px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #302b1c2e}.page-settings-panel p{color:var(--muted);margin:0 0 10px;font-size:.82rem;font-weight:700}.page-settings-select{border-bottom:1px solid var(--line);gap:6px;margin-bottom:14px;padding-bottom:14px;display:grid}.page-settings-select>span{color:var(--muted);font-size:.82rem;font-weight:700}.navigation-mode-controls,.numeral-style-controls{border:0;border-bottom:1px solid var(--line);gap:8px;margin:0 0 14px;padding:0 0 14px;display:grid}.navigation-mode-controls legend,.numeral-style-controls legend{color:var(--muted);margin-bottom:9px;font-size:.82rem;font-weight:700}.navigation-mode-controls label,.numeral-style-controls label{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:6px 8px;font-size:.88rem;transition:border-color .16s,background-color .16s;display:flex}:is(.navigation-mode-controls label:has(input:checked),.numeral-style-controls label:has(input:checked)){background:var(--green-soft);border-color:#1f624747}.navigation-mode-controls input,.numeral-style-controls input{width:18px;height:18px;accent-color:var(--green);margin:0}.numeral-style-toggle{text-align:center;grid-template-columns:1fr 44px 1fr;align-items:center;gap:8px;font-size:.8rem;display:grid}.numeral-style-toggle>span{color:var(--muted);transition:color .16s,font-weight .16s}.numeral-style-toggle>span.is-active{color:var(--green);font-weight:750}.numeral-style-toggle button{background:var(--green-soft);cursor:pointer;border:1px solid #1f624752;border-radius:999px;width:44px;height:26px;padding:0;position:relative}.numeral-style-toggle button>span{background:var(--green);border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #302b1c33}.numeral-style-toggle button[aria-checked=true]>span{transform:translate(-18px)}.numeral-style-toggle button:focus-visible{outline-offset:2px;outline:3px solid #1f624747}.navigation-mode-icon{width:34px;height:28px;color:var(--green);flex:none;place-items:center;display:grid}.navigation-mode-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:24px}.font-size-controls{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.font-size-controls button{min-height:40px;color:var(--green);background:var(--green-soft);font:inherit;cursor:pointer;border:1px solid #1f624747;border-radius:9px;justify-content:center;align-items:center;gap:2px;font-weight:750;display:flex}.font-size-controls button:disabled{cursor:default;opacity:.4}.font-size-symbol{font-size:1rem;line-height:1}.font-size-controls output{text-align:center;font-size:.86rem;font-weight:650}.swipe-page-navigation[data-quran-font-size=small] .ayah-run{font-size:clamp(1.4rem,3.6vw,2.1rem)}.swipe-page-navigation[data-quran-font-size=large] .ayah-run{font-size:clamp(1.9rem,4.7vw,2.8rem)}.swipe-page-navigation[data-quran-font-size=x-large] .ayah-run{font-size:clamp(2.15rem,5.3vw,3.15rem)}.continuous-mushaf-reader{gap:24px;display:grid}.continuous-mushaf-reader .mushaf-page{min-height:72vh}.continuous-load-marker{min-height:72px;color:var(--muted);text-align:center;place-items:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem;display:grid}.continuous-load-marker button{color:var(--green);background:var(--green-soft);font:inherit;cursor:pointer;border:1px solid #1f624747;border-radius:999px;padding:9px 14px;font-weight:700}.swipe-page-navigation[data-navigation-mode=continuous]+.bottom-navigation{display:none}@media (prefers-reduced-motion:reduce){.swipe-edge-button{transition:none}.swipe-page-navigation[data-show-swipe-hint=true] .swipe-discovery-hint{animation:none}}.narration-hafs{font-family:Mushaf Hafs,serif}.narration-warsh{font-family:Mushaf Warsh,serif}.narration-qaloon{font-family:Mushaf Qalun,serif}.v2-narration-hafs{font-family:Mushaf V2 Hafs,serif}.v2-narration-shouba{font-family:Mushaf V2 Shouba,serif}.v2-narration-doori{font-family:Mushaf V2 Doori,serif}.v2-narration-soosi{font-family:Mushaf V2 Soosi,serif}.v2-narration-bazzi{font-family:Mushaf V2 Bazzi,serif}.v2-narration-qumbul{font-family:Mushaf V2 Qumbul,serif}.v2-narration-warsh{font-family:Mushaf Warsh,serif}.v2-narration-qaloon{font-family:Mushaf V2 Qaloon,serif}.mushaf-page-v2 .v2-ayah:target{background:#fff0a8;border-radius:5px;box-shadow:0 0 0 4px #fff0a8}.mushaf-page-v2{scroll-margin-top:96px}.mushaf-page-meta{min-width:0;color:var(--green);flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.88rem;font-weight:700;display:grid}.mushaf-page-toolbar{border-bottom:1px solid #1f624738;align-items:start;gap:10px;margin-bottom:18px;padding:0 4px 11px;display:flex}.mushaf-page-meta span:last-child{text-align:left}.page-position-select{min-width:0}.page-position-select select{color:var(--green);background-color:#0000;border-color:#0000;padding-block:7px;font-size:.88rem;font-weight:750}.page-position-select select:hover,.page-position-select select:focus-visible{background-color:var(--green-soft);border-color:#1f624747}.page-position-select:last-child select{text-align:left}.surah-section+.surah-section{margin-top:34px}.surah-heading{color:var(--green);background:var(--green-soft);text-align:center;border:1px solid #1f624747;border-radius:999px;margin:0 0 22px;padding:11px 18px;font-family:ui-serif,Georgia,serif;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:600}.basmala{text-align:center;margin:0 0 22px;font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.8}.ayah-run{font-feature-settings:"rlig" 1, "liga" 1, "mark" 1, "mkmk" 1;text-align:justify;text-align-last:center;text-rendering:optimizelegibility;margin:0;font-size:clamp(1.65rem,4.1vw,2.45rem);line-height:2.05}.printed-page-number{width:fit-content;min-width:42px;color:var(--green);text-align:center;border:1px solid #1f624747;border-radius:999px;margin:38px auto 0;padding:7px 12px;font-family:ui-serif,Georgia,serif;font-size:1rem}.bottom-navigation{padding-top:18px}@media (min-width:721px){.mushaf-page-v2{padding:clamp(20px,3vh,40px) clamp(28px,5vw,56px)}.mushaf-page-v2 .surah-section+.surah-section{margin-top:clamp(16px,2.2vh,28px)}.mushaf-page-v2 .mushaf-page-meta{margin-bottom:0}.mushaf-page-v2 .mushaf-page-toolbar{margin-bottom:clamp(10px,1.8vh,18px)}.mushaf-page-v2 .surah-heading{margin-bottom:clamp(10px,1.8vh,18px);padding-block:8px;font-size:clamp(1.15rem,2.2vh,1.5rem)}.mushaf-page-v2 .basmala{margin-bottom:clamp(10px,1.8vh,18px);font-size:clamp(1.4rem,3vh,2rem);line-height:1.6}.mushaf-page-v2 .ayah-run{font-size:clamp(1.35rem,2.7vh,2rem);line-height:1.75}.swipe-page-navigation[data-quran-font-size=small] .mushaf-page-v2 .ayah-run{font-size:clamp(1.15rem,2.3vh,1.65rem)}.swipe-page-navigation[data-quran-font-size=large] .mushaf-page-v2 .ayah-run{font-size:clamp(1.55rem,3.15vh,2.3rem)}.swipe-page-navigation[data-quran-font-size=x-large] .mushaf-page-v2 .ayah-run{font-size:clamp(1.8rem,3.6vh,2.65rem)}.mushaf-page-v2 .printed-page-number{margin-top:clamp(16px,2.5vh,28px)}}.render-test-page{width:min(100% - 28px,1120px)}.test-back{margin-bottom:28px}.test-header{max-width:760px;margin-bottom:24px}.test-header h1{letter-spacing:-.035em;margin:4px 0 12px;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:500}.test-header>p:last-child,.normalization-test>p{color:var(--muted);line-height:1.65}.test-legend{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.test-legend span{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:8px 12px;font-size:.82rem}.font-test-group,.normalization-test{margin-top:28px}.font-test-group>h2,.normalization-test>h2{margin:0 0 14px;font-family:Georgia,serif;font-size:1.35rem;font-weight:500}.render-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.render-sample{border:1px solid var(--line);background:var(--paper);border-radius:16px;place-items:center;gap:12px;min-height:255px;padding:22px;display:grid;box-shadow:0 8px 24px #302b1c0f}.render-sample h3,.render-sample p{text-align:center;margin:0}.render-sample h3{font-size:.95rem}.render-sample p{color:var(--muted);font-size:.8rem}.render-sample code{overflow-wrap:anywhere;background:var(--green-soft);max-width:100%;color:var(--green);border-radius:8px;padding:8px 10px;font-size:.78rem}.render-glyph{font-feature-settings:"rlig" 1, "liga" 1, "mark" 1, "mkmk" 1;text-align:center;background:#fff;border:1px dashed #1f624747;border-radius:12px;min-width:150px;padding:18px 28px;font-size:88px;line-height:1.5}.test-font-current{font-family:Mushaf Warsh,serif}.test-font-standard{font-family:Mushaf Warsh Standard,serif}.compact-sample{width:min(100%,540px)}.editions-home{align-content:center;min-height:100vh;padding-block:60px;display:grid}.editions-home>h1{letter-spacing:-.055em;max-width:760px;margin:6px 0 14px;font-family:Georgia,serif;font-size:clamp(2.6rem,8vw,5.4rem);font-weight:500;line-height:.98}.home-intro{max-width:690px;color:var(--muted);margin:0 0 36px;font-size:1.05rem;line-height:1.7}.edition-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.edition-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;flex-direction:column;align-items:flex-start;min-height:300px;padding:clamp(24px,4vw,38px);display:flex;box-shadow:0 16px 40px #302b1c14}.edition-card-featured{background:linear-gradient(145deg, #f5faf6, var(--paper));border-color:#1f624759}.edition-card h2{margin:18px 0 10px;font-family:Georgia,serif;font-size:2rem;font-weight:500}.edition-card p{color:var(--muted);margin:0 0 28px;line-height:1.65}.edition-card>a{color:#fff;background:var(--green);border-radius:10px;margin-top:auto;padding:11px 16px;font-weight:750;text-decoration:none}.edition-badge{color:var(--green);background:var(--green-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:800}.search-panel{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;grid-template-columns:minmax(210px,.8fr) minmax(300px,1.2fr);align-items:end;gap:22px;margin-top:16px;padding:18px;display:grid}.search-panel h2,.search-panel p{margin:0}.search-panel h2{font-size:1rem}.search-panel p{color:var(--muted);margin-top:5px;font-size:.8rem}.search-form{grid-template-columns:1fr auto;gap:8px;display:grid}.search-form input[type=search]{border:1px solid var(--line);width:100%;min-width:0;font:inherit;background:#fff;border-radius:10px;padding:10px 12px}.search-form button{color:#fff;background:var(--green);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:700}.search-results{background:var(--green-soft);border:1px solid #1f624738;border-radius:16px;margin-top:16px;padding:18px}.results-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.results-heading h2{margin:0;font-size:1rem}.results-heading span{color:var(--muted);font-size:.78rem}.search-results ol{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.search-results li a{color:var(--ink);background:#fffc;border-radius:10px;gap:7px;padding:12px 14px;text-decoration:none;display:grid}.result-reference{color:var(--green);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.76rem;font-weight:750}.result-ayah{text-overflow:ellipsis;white-space:nowrap;font-size:1.45rem;line-height:1.8;overflow:hidden}.empty-results{color:var(--muted);margin:14px 0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){main{width:min(100% - 16px,980px);padding-top:16px}.reader-controls{grid-template-columns:1fr 1fr;position:static}.reader-controls-v2,.search-panel,.edition-cards{grid-template-columns:1fr}.mushaf-page{padding:24px 18px 32px}.ayah-run{line-height:2.15}}@media (min-width:721px) and (max-width:900px){.edition-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.reader-controls{grid-template-columns:1fr}.site-header{flex-direction:column;align-items:start;gap:4px}.header-actions{justify-items:start}.render-comparison{grid-template-columns:1fr}}