.hdt-app{--hdt-gold:#fbefc8;--hdt-gold-line:#ecd48a;--hdt-ink-3:#64748b}.hdt-hafs{font-family:var(--font-hafs), serif;font-feature-settings:normal;letter-spacing:0;font-weight:400}.hdt-arabic-name{font-family:var(--font-hdt-names), "Amiri", serif;letter-spacing:0;font-weight:400}.hdt-ayah{text-align:center;color:var(--ms-ink);word-spacing:.04em;overflow-wrap:normal;direction:rtl;margin:0;line-height:2.05}.hdt-ayah+.hdt-ayah,.hdt-run+.hdt-run{margin-top:.15em}.hdt-size-xl{--hdt-base:clamp(30px, 8.2vw, 46px)}.hdt-size-lg{--hdt-base:clamp(27px, 7.1vw, 40px)}.hdt-size-md{--hdt-base:clamp(24px, 6.2vw, 34px)}.hdt-size-sm{--hdt-base:clamp(21px, 5.5vw, 29px)}.hdt-size-xs{--hdt-base:clamp(19px, 4.9vw, 25px)}@media (max-height:720px) and (max-width:639px){.hdt-size-xl{--hdt-base:clamp(27px, 7.4vw, 36px)}.hdt-size-lg{--hdt-base:clamp(25px, 6.6vw, 32px)}.hdt-size-md{--hdt-base:clamp(22px, 5.8vw, 28px)}.hdt-size-sm{--hdt-base:clamp(20px, 5.2vw, 25px)}.hdt-size-xs{--hdt-base:clamp(18px, 4.7vw, 22px)}}@media (max-height:500px){.hdt-size-xl{--hdt-base:32px}.hdt-size-lg{--hdt-base:28px}.hdt-size-md{--hdt-base:25px}.hdt-size-sm{--hdt-base:22px}.hdt-size-xs{--hdt-base:20px}.hdt-ayah{line-height:1.9}}.hdt-run{--hdt-k:1;--hdt-floor:0px;font-size:max(min(var(--hdt-floor), var(--hdt-base)), calc(var(--hdt-base) * var(--hdt-k)))}.hdt-run[data-run=ask]{--hdt-k:var(--hdt-k-ask,1);--hdt-floor:21px}.hdt-run[data-run=answer]{--hdt-k:var(--hdt-k-answer,1);--hdt-floor:19px}.hdt-measure{visibility:hidden;pointer-events:none;height:0;position:absolute;top:0;left:0;right:0;overflow:hidden}.hdt-measure-nowrap .hdt-ayah,.hdt-glue{white-space:nowrap}.hdt-ayah[data-role=context]{color:var(--hdt-ink-3);font-size:.82em}.hdt-gold{background:var(--hdt-gold);box-shadow:inset 0 -2px 0 var(--hdt-gold-line);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.22em;padding:0 .1em}.hdt-blank{vertical-align:-.12em;background:#fff;border:2px dashed #9fcbd2;border-radius:999px;width:2.3em;height:1em;margin-inline:.06em;display:inline-block}.hdt-more{vertical-align:-.12em;direction:ltr;background:#fff;border:2px dashed #9fcbd2;border-radius:999px;justify-content:center;align-items:center;gap:.16em;width:2.3em;height:1em;margin-inline-start:.12em;display:inline-flex}.hdt-more>span{background:var(--ms-teal);border-radius:999px;width:.2em;height:.2em}.hdt-end-gap{width:1.05em;display:inline-block}.hdt-surah-head{justify-content:center;margin:.2em 0 .1em;display:flex}.hdt-panel{border:1px solid var(--ms-line);background:var(--ms-tint);border-radius:24px;position:relative;overflow:hidden}.hdt-panel-body{padding:14px 16px 16px}@media (min-width:640px){.hdt-panel-body{padding:20px 28px 22px}}@media (max-height:500px){.hdt-panel-body{padding:8px 14px 10px}}.hdt-band{border-bottom:1px solid var(--ms-line);min-height:44px;color:var(--ms-ink);background:#fff;align-items:center;gap:10px;padding:8px 16px;font-size:15px;font-weight:700;line-height:1.3;transition:background-color .18s,border-color .18s;display:flex}.hdt-band-text{flex:auto;align-items:center;min-width:0;display:flex}@media (max-width:639px){.hdt-band[data-link] .hdt-band-text{min-height:2.6em}}.hdt-band[data-mark=clean]{background:var(--ms-right-tint);border-color:#a7f3d0}.hdt-band[data-mark=slip]{background:var(--ms-tint-2);border-color:#9fcbd2}.hdt-band[data-mark=notYet]{background:#f1f5f9;border-color:#cbd5e1}@media (prefers-reduced-motion:reduce){.hdt-band{transition:none}}.hdt-caption{color:#64748b;text-align:center;justify-content:center;align-items:flex-start;gap:6px;max-width:46ch;margin:0 auto 4px;font-size:13px;line-height:1.4;display:flex}.hdt-ref{color:#475569;text-align:center;font-variant-numeric:tabular-nums;margin-top:8px;font-size:14px;font-weight:600;line-height:1.35}.hdt-q{flex-direction:column;flex:1 0 auto;width:100%;max-width:760px;margin-inline:auto;display:flex}.hdt-q-body{flex-direction:column;flex:1 0 auto;justify-content:flex-start;gap:14px;padding-top:16px;display:flex}@media (min-width:640px){.hdt-q-body{gap:18px;padding-top:24px}}.hdt-q-tools{flex-direction:column;gap:12px;display:flex}@media (min-width:1024px) and (min-height:501px){.hdt-q{max-width:none}.hdt-q-body{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);align-items:start;gap:28px;display:grid}.hdt-q-body .hdt-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height:500px) and (min-width:600px){.hdt-q{max-width:none}.hdt-q-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:12px;padding-top:8px;display:grid}.hdt-q-tools{gap:6px}.hdt-listen{flex-wrap:wrap;align-items:center;column-gap:12px;display:flex}.hdt-listen>[data-testid=credit]{flex:120px;margin-top:0}.hdt-listen>.hdt-ref,.hdt-listen>p:last-child:not([data-testid=credit]){flex-basis:100%}.hdt-q-tools [data-testid=marks]>div:first-child{margin-bottom:0}.hdt-q-body .hdt-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.hdt-pill{border:2px solid var(--ms-line);min-height:48px;color:var(--ms-ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 18px 0 6px;font-size:16px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.hdt-pill[data-tone=ink]{border-color:var(--ms-ink);background:var(--ms-ink);color:#fff}.hdt-pill-icon{background:var(--ms-tint-2);width:36px;height:36px;color:var(--ms-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.hdt-pill[data-tone=ink] .hdt-pill-icon{color:#fff;background:#ffffff29}.hdt-pill-progress{background:#8fdce559;height:3px;position:absolute;bottom:0;left:0;right:0}.hdt-pill-progress>span{background:var(--ms-aqua);transform-origin:0;height:100%;display:block}@keyframes hdt-rec{0%,to{box-shadow:0 0 #17808f73}50%{box-shadow:0 0 0 6px #17808f00}}.hdt-rec-dot{background:#fff;border-radius:999px;width:10px;height:10px;animation:1.4s ease-in-out infinite hdt-rec}@media (prefers-reduced-motion:reduce){.hdt-rec-dot{animation:none}}.hdt-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (min-width:640px){.hdt-marks{gap:12px}}.hdt-mark{border:2px solid var(--ms-line);min-height:72px;color:var(--ms-ink);text-align:center;background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:16px;font-weight:700;line-height:1.15;display:flex}@media (max-height:720px) and (max-width:639px){.hdt-mark{gap:4px;min-height:62px;padding:8px 4px;font-size:15px}.hdt-mark-icon{width:24px;height:24px}}@media (max-height:500px){.hdt-mark{flex-direction:row;gap:6px;min-height:52px;padding:6px 4px;font-size:15px}.hdt-mark-icon{width:22px;height:22px}}.hdt-mark-icon{background:var(--ms-tint-2);width:28px;height:28px;color:var(--ms-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.hdt-mark[aria-checked=true][data-mark=clean]{border-color:var(--ms-right);background:var(--ms-right-tint);box-shadow:0 0 0 4px #10b98129}.hdt-mark[aria-checked=true][data-mark=clean] .hdt-mark-icon{color:#fff;background:#047857}.hdt-mark[aria-checked=true][data-mark=slip]{border-color:var(--ms-teal);background:var(--ms-tint-2);box-shadow:0 0 0 4px #17808f29}.hdt-mark[aria-checked=true][data-mark=slip] .hdt-mark-icon{background:var(--ms-teal);color:#fff}.hdt-mark[aria-checked=true][data-mark=notYet]{background:#f1f5f9;border-color:#64748b;box-shadow:0 0 0 4px #64748b29}.hdt-mark[aria-checked=true][data-mark=notYet] .hdt-mark-icon{color:#fff;background:#475569}@media (hover:hover) and (pointer:fine){.hdt-mark[aria-checked=false]:hover{background:var(--ms-tint);border-color:#17808f80}}.hdt-dock{flex-direction:column;max-width:560px;margin-inline:auto;padding-top:8px;display:flex}.hdt-dock-row{align-items:center;gap:6px;height:52px;display:flex}.hdt-dock-note{color:#64748b;text-overflow:ellipsis;white-space:nowrap;height:18px;margin-top:6px;font-size:12.5px;line-height:18px;overflow:hidden}.hdt-dock[data-stage=ask] .hdt-dock-row{height:76px}.hdt-dock-tile{border:2px solid var(--ms-line);width:58px;height:52px;color:var(--ms-ink);background:#fff;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;line-height:1.1;display:flex;position:relative;overflow:hidden}.hdt-dock-tile[data-tone=ink]{border-color:var(--ms-ink);background:var(--ms-ink);color:#fff}.hdt-dock-marks{flex:1 1 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.hdt-mark.hdt-mark-dock{border-radius:16px;flex-direction:column;gap:2px;height:52px;min-height:52px;padding:4px 2px;font-size:13px}.hdt-mark-dock .hdt-mark-icon{width:22px;height:22px}.hdt-pill.hdt-pill-compact{gap:8px;min-height:48px;padding:0 14px 0 6px;font-size:15px}.hdt-pill-compact .hdt-pill-icon{width:34px;height:34px}.hdt-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:640px){.hdt-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.hdt-seg{background:var(--ms-tint-2);border-radius:16px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.hdt-seg-btn{color:#334155;white-space:nowrap;border-radius:12px;min-height:44px;padding:0 10px;font-size:16px;font-weight:700}.hdt-seg-btn[aria-checked=true]{color:var(--ms-ink);background:#fff;box-shadow:0 1px 2px #0f172a14,0 6px 14px -8px #0d475273}.hdt-juz{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}@media (min-width:640px){.hdt-juz{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}}.hdt-cover{flex-direction:column;align-items:center;gap:22px;display:flex}.hdt-cover-hero{width:100%;max-width:400px}@media (min-width:768px) and (min-aspect-ratio:1){.hdt-cover{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:48px}.hdt-cover-hero{flex:none;width:46%;max-width:420px}.hdt-cover-text{flex:1 1 0;text-align:left!important;align-items:flex-start!important}.hdt-cover-text .hdt-cover-chips{justify-content:flex-start!important}}@media (max-height:500px){.hdt-cover-hero{display:none}}@media (max-height:760px) and (max-width:639px){.hdt-cover-hero{display:none}}.hdt-sample{border:1px solid var(--ms-line);background:#fff;border-radius:24px;box-shadow:0 1px 2px #0f172a0d,0 24px 48px -28px #0d47528c}.hdt-bridge{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""offer""review""foot";width:100%;max-width:560px;margin-inline:auto;display:grid}.hdt-bridge-head{grid-area:head}.hdt-bridge-offer{grid-area:offer;margin-top:22px}.hdt-bridge-review{grid-area:review;margin-top:18px}.hdt-bridge-foot{grid-area:foot;margin-top:14px}.hdt-bridge-again{margin-top:2px}@media (max-width:639px) and (max-height:760px){.hdt-bridge .hdt-bridge-title{font-size:25px}.hdt-bridge-named,.hdt-bridge-limit{font-size:14px}.hdt-bridge-offer{margin-top:14px}.hdt-offer-title{font-size:16px}.hdt-offer-tiles,.hdt-offer-ticks{margin-top:8px}.hdt-offer-ticks>li{font-size:13px}.hdt-bridge-review{margin-top:12px}.hdt-bridge-foot{margin-top:8px}}@media (min-width:640px) and (min-height:501px){.hdt-offer-title{font-size:21px}.hdt-offer-tiles{margin-top:14px}.hdt-offer-ticks{margin-top:16px}.hdt-offer-ticks>li{font-size:15px}.hdt-bridge-offer{margin-top:28px}.hdt-bridge-review{margin-top:24px}.hdt-bridge-foot{margin-top:18px}}@media (min-width:900px) and (min-height:501px) and (orientation:landscape),(min-width:640px) and (max-height:500px){.hdt-bridge{grid-template:"head offer""review offer""review foot"1fr/minmax(0,1fr) minmax(0,1.1fr);align-items:start;column-gap:56px;max-width:none}.hdt-bridge-offer{margin-top:0}.hdt-bridge-review{margin-top:28px}.hdt-bridge-foot{margin-top:24px}}@media (min-width:900px) and (min-height:700px) and (orientation:landscape){.hdt-bridge{column-gap:72px}.hdt-offer-title{font-size:24px}.hdt-offer-tiles{margin-top:16px}.hdt-offer-ticks{margin-top:18px}.hdt-offer-ticks>li{font-size:16px}.hdt-bridge-named,.hdt-bridge-limit{font-size:17px}.hdt-bridge-review{margin-top:36px}.hdt-bridge-foot{margin-top:32px}.hdt-bridge-foot>p{font-size:17px}.hdt-bridge-again button{font-size:16px}}@media (min-width:640px) and (max-height:500px){.hdt-bridge{column-gap:28px}.hdt-bridge-review{margin-top:14px}.hdt-bridge-foot{margin-top:10px}.hdt-offer-title{font-size:16px}.hdt-offer-tiles,.hdt-offer-ticks{margin-top:8px}.hdt-offer-ticks>li{font-size:13px}.hdt-bridge-named,.hdt-bridge-limit{font-size:14px}}
@font-face{font-family:hafs;src:url(../media/UthmanicHafs1Ver18-s.p.0yea8f8c749n2.ttf?dpl=dpl_QEGDVJCCdGcC4YXqr6PH6zBBUEq2)format("truetype");font-display:swap}@font-face{font-family:hafs Fallback;src:local(Arial);ascent-override:117.19%;descent-override:58.59%;line-gap-override:0.0%;size-adjust:100.0%}.hafs_91c2fce-module__Clweaq__className{font-family:hafs,hafs Fallback}.hafs_91c2fce-module__Clweaq__variable{--font-hafs:"hafs", "hafs Fallback"}
@font-face{font-family:names;src:url(../media/amiri_400-s.3lj4x04djxtsr.woff2?dpl=dpl_QEGDVJCCdGcC4YXqr6PH6zBBUEq2)format("woff2");font-display:swap}@font-face{font-family:names Fallback;src:local(Arial);ascent-override:112.4%;descent-override:63.4%;line-gap-override:0.0%;size-adjust:100.0%}.names_3c73086e-module__-CI5Qa__className{font-family:names,names Fallback}.names_3c73086e-module__-CI5Qa__variable{--font-hdt-names:"names", "names Fallback"}