:root{--dusk:#1c2033; --plum:#4b3350; --clay:#96493f; --ember:#c5622f; --apricot:#eea260;--glow:#f7cd93; --dune:#f3dfc0; --sand:#fbf3e4; --ink:#33241c; --ink-soft:#6d5647; --gold:#e6bb72;--display:"Cormorant Garamond","EB Garamond",Georgia,"Times New Roman",serif;--body:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--wrap:58rem;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:1rem}.sky{background:linear-gradient(180deg,var(--dusk) 0,var(--dusk) 7.5rem,#2f2944 26%,var(--plum) 42%,var(--clay) 60%,var(--ember) 74%,var(--apricot) 89%,var(--glow) 100%);position:relative}.sky--short{background:linear-gradient(180deg,var(--dusk) 0,#2f2944 30%,var(--plum) 55%,var(--clay) 80%,var(--ember) 100%)}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem}.brand{font-family:var(--display);font-weight:600;font-size:1.3rem;letter-spacing:.01em;color:var(--gold);text-decoration:none}.more{position:relative}.more>summary{list-style:none;cursor:pointer;color:#f4e6cf;font-weight:600;font-size:.98rem;padding:.45rem .2rem .45rem .8rem;display:flex;align-items:center;gap:.45rem;user-select:none}.more>summary::-webkit-details-marker{display:none}.more>summary::after{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}.more[open]>summary::after{transform:translateY(2px) rotate(-135deg)}.more ul{position:absolute;right:0;top:calc(100% + .35rem);z-index:5;margin:0;padding:.4rem;list-style:none;min-width:12.5rem;background:var(--sand);border-radius:10px;box-shadow:0 18px 40px -12px rgba(28,32,51,.6)}.more a{display:block;padding:.65rem .8rem;border-radius:7px;text-decoration:none;color:var(--ink);font-weight:600}.more a:hover{background:var(--dune)}.player{margin:.8rem auto 0;max-width:min(100%,max(22rem,calc((100vh - 30rem)*1.7778)));position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0d0f18;box-shadow:0 28px 60px -24px rgba(28,32,51,.75)}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hint{text-align:center;margin:.8rem 0 0;color:#3a2318;font-size:.95rem;font-weight:500}.dunes{display:block;width:100%;height:clamp(3.5rem,9vw,6.5rem);margin-top:1.1rem}.sky--short .dunes{margin-top:0}.pagehead{padding-block:1.6rem .4rem}.pagehead h1{color:#fbe9cb}h1,h2{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.005em;margin:0}h1{font-size:clamp(2rem,6.2vw,3.1rem);max-width:19ch}h2{font-size:clamp(1.55rem,4.2vw,2rem);margin-top:2.6rem}.prose{max-width:38rem}.prose p{margin:1.05rem 0 0}.prose h2+p{margin-top:.6rem}h2.first{margin-top:.4rem}.prose a{color:#8e3f17;text-underline-offset:3px}.lede{padding-top:.4rem}.reminders{list-style:none;margin:1rem 0 0;padding:0;max-width:44rem;counter-reset:r}.reminders li{border-top:1px solid rgba(51,36,28,.14)}.reminders li:last-child{border-bottom:1px solid rgba(51,36,28,.14)}.reminders button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:1.6rem 7rem 1fr;align-items:center;gap:.85rem;width:100%;padding:.8rem .3rem;border-radius:6px}.reminders button::before{counter-increment:r;content:counter(r);font-family:var(--display);font-size:1.45rem;font-weight:600;color:var(--ember);text-align:center}.reminders button:hover{background:rgba(243,223,192,.65)}.reminders button:focus-visible{outline:3px solid var(--ember);outline-offset:0}.reminders img{width:7rem;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:var(--dune)}.reminders .t{display:block;font-weight:600;line-height:1.3}.reminders .d{display:block;color:var(--ink-soft);font-size:.92rem;margin-top:.15rem}.reminders [aria-current="true"]{background:var(--dune)}.reminders [aria-current="true"] .d::after{content:"  In the player now";color:#8e3f17;font-weight:600}.headline{color:#fbe9cb;text-align:center;max-width:none;margin:.85rem 0 0;font-size:clamp(1.7rem,5.6vw,2.9rem)}.ar{font-family:"Amiri Quran","Amiri","Scheherazade New","Traditional Arabic",serif;direction:rtl;unicode-bidi:isolate}.ayah-open{margin:.75rem auto 0;max-width:44rem;background:rgba(251,243,228,.95);border-radius:12px;padding:.55rem 1rem .8rem;text-align:center;color:var(--ink)}.ayah-open .ar{font-size:clamp(1.4rem,5.4vw,1.9rem);line-height:2.1;margin:0}.ayah-open .en{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.18rem;line-height:1.3;margin:.1rem 0 0}.ayah-open .ref{font-size:.86rem;color:var(--ink-soft);margin:.45rem 0 0}.ayah-open .ref a{color:#8e3f17;font-weight:600;text-underline-offset:3px}.ayah-full{margin:3rem auto 0;max-width:44rem;background:var(--dune);border-radius:14px;padding:1.5rem 1.15rem 1.6rem;text-align:center;scroll-margin-top:1rem}.ayah-full h2{margin-top:0}.ayah-full .note{max-width:34rem;margin:.6rem auto 0}.ayah-full .ar{font-size:clamp(1.45rem,5.2vw,1.95rem);line-height:2.35;margin:1.1rem 0 0}.ayah-full .en{font-family:var(--display);font-size:1.3rem;line-height:1.5;max-width:34rem;margin:1.1rem auto 0}.ayah-full .ref{font-size:.9rem;color:var(--ink-soft);margin:.9rem 0 0}.close{text-align:center;margin-top:2.8rem}.cta{display:inline-block;margin-top:0;background:var(--ember);color:#fff8ec;font-weight:700;text-decoration:none;padding:.85rem 1.35rem;border-radius:999px}.cta:hover{background:#ad5325}main{padding-bottom:3.5rem}footer{background:var(--dusk);color:#d9cdbb;padding:2rem 0 2.4rem;font-size:.97rem}footer .wrap{text-align:center}footer a{color:#f4e6cf;text-underline-offset:3px}footer p{margin:0;color:#cfc3b2}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.banner-box{border-radius:10px;overflow:hidden;line-height:0;background:#1c2033}.live-banner{display:block;width:100%;height:auto}@media (max-width:40rem){.banner-wrap{padding-inline:0}.banner-box{border-radius:0}.live-banner{width:138vw;max-width:none;margin-left:-11.4vw}}.live-banner .sun{animation:lb-set 16s ease-in-out infinite alternate}.live-banner .halo{transform-box:fill-box;transform-origin:center;animation:lb-breathe 8s ease-in-out infinite}.live-banner .glow{animation:lb-dusk 16s ease-in-out infinite alternate}.live-banner .dust{opacity:0;animation:lb-arrive .9s ease-out var(--in) forwards,lb-twinkle var(--tw) ease-in-out calc(var(--in) + .9s + var(--d)) infinite}.live-banner .dustfield{animation:lb-drift 22s ease-in-out infinite alternate}.live-banner .win{fill:#f4cd80;opacity:0;animation:lb-window var(--tw) steps(1,end) var(--d) infinite}.live-banner .wordmark{animation:lb-rise 1.4s cubic-bezier(.2,.7,.2,1) .15s both}.live-banner .rule{transform-box:fill-box;transform-origin:center;animation:lb-rule 1.2s ease-out .9s both}.live-banner .tag{animation:lb-fade 1.2s ease-out 1.5s both}.live-banner .grain{stroke-width:1;stroke-dasharray:1.5 9;animation:lb-grain 2.6s linear infinite}@keyframes lb-set{from{transform:translateY(-5px)}to{transform:translateY(7px)}}@keyframes lb-breathe{0%,100%{transform:scale(.92);opacity:.55}50%{transform:scale(1.12);opacity:.95}}@keyframes lb-dusk{from{opacity:1}to{opacity:.82}}@keyframes lb-arrive{from{opacity:0;transform:translate(-14px,10px)}to{opacity:var(--o);transform:none}}@keyframes lb-twinkle{0%,100%{opacity:var(--o)}50%{opacity:.12}}@keyframes lb-drift{from{transform:translate(0,0)}to{transform:translate(7px,-4px)}}@keyframes lb-window{0%,62%{opacity:0}63%,96%{opacity:.85}97%,100%{opacity:0}}@keyframes lb-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lb-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lb-fade{from{opacity:0}to{opacity:1}}@keyframes lb-grain{from{stroke-dashoffset:10.5}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.live-banner *{animation:none!important}.live-banner .dust{opacity:var(--o)}.live-banner .win{opacity:.5}}