:root{--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif}.mosaic-page{flex-direction:column;gap:36px;padding-top:48px;padding-bottom:96px;display:flex}@media (width<=640px){.mosaic-page{gap:28px;padding-top:16px;padding-bottom:64px}}.mosaic-head{flex-direction:column;gap:16px;max-width:760px;display:flex}.mosaic-head a{width:fit-content}.mosaic{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(200px,auto);grid-auto-flow:dense;gap:16px;margin:0;padding:0;list-style:none;display:grid}.tile-feature{grid-area:span 2/span 4}.tile-tall{grid-area:span 2/span 2}.tile-wide{grid-column:span 4}.tile-small{grid-column:span 2}.tile a{border:1px solid var(--bd,transparent);border-radius:var(--radius-lg);height:100%;color:var(--fg);background:var(--bgc);flex-direction:column;justify-content:flex-end;padding:26px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.tone-night{--bgc:var(--night);--fg:var(--ground);--t:var(--saffron);--fg2:#cdebee}.tone-white{--bgc:var(--surface);--fg:var(--ink);--t:var(--green);--fg2:var(--muted);--bd:var(--line)}.tone-saffron{--bgc:var(--saffron-tile);--fg:var(--ink);--t:var(--saffron-ink);--fg2:var(--saffron-ink)}.tone-teal{--bgc:var(--teal);--fg:#fff;--t:#cdebee;--fg2:#cdebee}.tone-green{--bgc:var(--green);--fg:var(--ground);--t:var(--saffron-light);--fg2:var(--on-green-muted)}.tile a:hover{color:var(--fg);transform:translateY(-3px)}.tile a:hover .tile-title{text-underline-offset:4px;text-decoration:underline 2px}.tile a:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tile a,.tile a:hover{transition:none;transform:none}}.tile-glyph{z-index:0;pointer-events:none;font-family:var(--font-ar);white-space:nowrap;color:var(--t);opacity:.22;font-size:clamp(64px,8vw,110px);font-weight:700;line-height:1.4;position:absolute;top:4%;right:6%}.tile-feature .tile-glyph{opacity:.32;max-width:92%;font-size:clamp(96px,12vw,170px);top:2%;overflow:hidden}.tone-night.tile-feature .tile-glyph{opacity:.5}[dir=rtl] .tile-glyph{left:6%;right:auto}.tile-tall .tile-glyph,[dir=rtl] .tile-tall .tile-glyph{text-align:center;font-size:clamp(72px,8.5vw,112px);top:10%;left:0;right:0}.tile-small .tile-glyph{font-size:clamp(56px,6.5vw,88px);top:0}.tile a:hover .tile-glyph{opacity:.38}.tile-body{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.tile-topic{color:var(--t);font-weight:700}.tile .article-meta{color:var(--fg2)}.tile-title{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(22px,2.2vw,28px);font-weight:800;font-stretch:85%;line-height:1.08}.tile-feature .tile-title{font-size:clamp(32px,4.2vw,52px);line-height:1.02}.tile-desc{color:var(--fg2);text-wrap:pretty;max-width:56ch;font-size:16px;line-height:1.5}.tile-feature .tile-desc{font-size:18px}.tile-small .tile-desc{display:none}.tile-tall .tile-desc{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-wide .tile-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-more{color:var(--t);font-size:15px;font-weight:600}@media (width<=900px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(180px,auto)}.tile-feature{grid-area:span 2/span 2}.tile-wide,.tile-tall,.tile-small{grid-area:auto/span 1}.tile-wide .tile-desc{-webkit-line-clamp:4}.tile-wide .tile-glyph,.tile-tall .tile-glyph,.tile-small .tile-glyph{opacity:.16;font-size:clamp(56px,9vw,80px);top:2%}.tile-tall .tile-glyph{text-align:start;left:auto;right:6%}[dir=rtl] .tile-tall .tile-glyph{left:6%;right:auto}}@media (width<=560px){.mosaic{grid-template-columns:1fr;grid-auto-rows:auto}.tile-feature,.tile-wide,.tile-tall,.tile-small{grid-area:auto}.tile a{min-height:190px;padding:22px}.tile-feature a{min-height:340px}.tile-glyph,.tile-small .tile-glyph,.tile-tall .tile-glyph{opacity:.14;font-size:60px;top:2%}.tile-feature .tile-glyph{opacity:.18;font-size:104px}.tile-small .tile-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.article-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}.article-topic{color:var(--accent);font-weight:700}:lang(ar) .article-meta{letter-spacing:0;text-transform:none;font-size:15px}.read-progress{z-index:5;background:0 0;height:2px;position:sticky;top:0}.read-progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}[dir=rtl] .read-progress span{transform-origin:100%}.article-col{max-width:760px}.article-hero{background:radial-gradient(60% 70% at 50% 100%,#08734f1a,#0000 70%);padding:40px 0 64px}.article-hero .article-col{flex-direction:column;gap:20px;display:flex}.article-back{width:fit-content;font-size:15px}.article-title{font-size:clamp(42px,6.4vw,76px);line-height:1}.article-lead{color:var(--text-2);text-wrap:pretty;margin:0;font-size:clamp(19px,2.2vw,22px);line-height:1.55}.article-glyph{flex-direction:column;align-items:center;gap:4px;margin-top:12px;display:flex}.article-glyph-ar{font-family:var(--font-quran);color:var(--accent);text-shadow:none;margin:0;font-size:clamp(88px,16vw,152px);font-weight:700;line-height:1.5}.article-glyph-gloss{font-family:var(--serif);color:var(--muted);margin:0;font-size:18px;font-style:italic}.article-credit{color:var(--muted);margin:4px 0 0;font-size:15px}.prose{counter-reset:part;padding-top:56px;padding-bottom:32px}.prose>*{margin-block:0 22px}.prose>p,.prose>ul>li,.prose>ol>li{color:var(--text-2);text-wrap:pretty;font-size:19px;line-height:1.75}.prose strong{color:var(--text)}.prose em{font-family:var(--serif);font-size:1.05em}.prose h2{counter-increment:part;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin:72px 0 14px;font-size:13px;font-weight:700;display:flex}.prose h2:before{content:counter(part, decimal-leading-zero);color:var(--accent);font-variant-numeric:tabular-nums}.prose h2:after{content:"";background:var(--divider);flex:1;height:1px}:lang(ar) .prose h2{letter-spacing:0;font-size:16px}.prose h2:first-child{margin-top:0}.prose .ar-inline{font-family:var(--font-ar);color:var(--text);font-size:1.15em}.prose>p.pull{letter-spacing:-.01em;color:var(--text);text-wrap:balance;font-size:clamp(26px,3.4vw,36px);font-weight:700;font-stretch:90%;line-height:1.2}.pull strong{color:var(--accent)}.verse{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:36px 0;padding:32px 28px 22px}.verse blockquote{flex-direction:column;gap:18px;margin:0;display:flex}.verse-ar{font-family:var(--font-quran);color:var(--text);text-align:center;margin:0;font-size:clamp(26px,3.6vw,34px);line-height:2.1}.verse-xl .verse-ar{font-size:clamp(34px,5vw,48px)}.verse-end{color:var(--accent);font-size:.8em}.verse mark,.hadith mark{color:var(--accent);background:0 0}.verse-ar mark{text-shadow:0 0 24px #08734f59}.verse-tr{font-family:var(--serif);text-align:center;color:var(--text-2);margin:0;font-size:20px;font-style:italic;line-height:1.55}.verse figcaption,.hadith figcaption,.fmap figcaption{letter-spacing:.04em;color:var(--muted-2);text-align:center;margin-top:18px;font-size:13px}.hadith{border-inline-start:2px solid var(--accent);margin:36px 0;padding:4px 0 4px 24px}[dir=rtl] .hadith{padding:4px 24px 4px 0}.hadith blockquote{margin:0}.hadith-ar{font-family:var(--font-quran);color:var(--text);margin:0 0 12px;font-size:24px;line-height:2}.hadith-tr p{font-family:var(--serif);color:var(--text);margin:0 0 10px;font-size:20px;font-style:italic;line-height:1.6}.hadith figcaption{text-align:start;margin-top:10px}.fmap{margin:40px 0}.fmap-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.fmap-group{border-top:1px solid var(--divider);grid-template-columns:minmax(120px,30%) 1fr;align-items:center;display:grid}.fmap-group:first-child{border-top:0}.fmap-label{color:var(--muted);border-inline-end:1px solid var(--divider);align-self:stretch;align-items:center;margin:0;padding:16px 20px;font-size:14px;line-height:1.35;display:flex}.fmap-allah .fmap-label,.fmap-servant .fmap-label{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}:lang(ar) .fmap-label{text-transform:none;letter-spacing:0;font-size:15px}.fmap-between{background:#08734f12}.fmap-between .fmap-label{color:var(--text);font-family:var(--serif);font-size:16px;font-style:italic}.fmap-verses{margin:0;padding:10px 20px;list-style:none}.fmap-verses li{align-items:baseline;gap:14px;padding:4px 0;display:flex}.fmap-n{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:12px}.fmap-ar{font-family:var(--font-quran);color:var(--text);text-align:start;flex:1;font-size:clamp(21px,2.6vw,26px);line-height:1.9}.fmap-between .fmap-ar{color:var(--accent)}.fmap-basmala{opacity:.45}@media (width<=560px){.fmap-group{grid-template-columns:1fr}.fmap-label{border-inline-end:0;border-bottom:1px solid var(--divider);padding:10px 16px}.fmap-verses{padding:8px 16px}}.rootlink{text-align:center;flex-direction:column;align-items:center;margin:40px 0;display:flex}.rl-word{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:100%;padding:24px}.rl-answer{background:radial-gradient(80% 120% at 50% 0%, #08734f1f, transparent 70%), var(--surface);border-color:#08734f8c}.rl-place{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}:lang(ar) .rl-place{letter-spacing:0;text-transform:none;font-size:15px}.rl-ar{font-family:var(--font-quran);color:var(--text);margin:6px 0 0;font-size:clamp(54px,9vw,80px);font-weight:700;line-height:1.6}.rl-answer .rl-ar{color:var(--accent);text-shadow:0 0 40px #08734f4d}.rl-gloss{font-family:var(--serif);color:var(--text-2);margin:0;font-size:18px;font-style:italic}.rl-root{flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.rl-line{background:linear-gradient(var(--line-strong), var(--accent));width:2px;height:28px}.rl-root .rl-line:last-child{background:linear-gradient(var(--accent), var(--line-strong))}.rl-letters{gap:10px;margin:0;display:flex}.rl-letters span{border:1px solid var(--accent);width:48px;height:48px;font-family:var(--font-ar);color:var(--accent);border-radius:50%;place-items:center;font-size:24px;display:grid}.rl-root-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}:lang(ar) .rl-root-label{letter-spacing:0;font-size:14px}.article-foot{flex-direction:column;gap:14px;padding-bottom:56px;display:flex}.article-foot-title{border-top:1px solid var(--divider);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:32px 0 0;padding-top:32px;font-size:13px}:lang(ar) .article-foot-title{letter-spacing:0;font-size:16px}.article-sources{color:var(--text-2);flex-direction:column;gap:6px;margin:0;padding-inline-start:22px;font-size:15px;display:flex}.article-sources a{color:var(--text-2);text-decoration-color:var(--line-strong)}.article-sources a:hover{color:var(--accent)}.read-next{border-top:1px solid var(--line);padding-block:48px 104px}.read-next-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px;display:flex}.read-next-title{margin:0;font-size:clamp(26px,3vw,34px)}.read-next-all{text-underline-offset:4px;font-weight:600}.read-next-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.read-next-list a{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);height:100%;color:var(--ink);flex-direction:column;gap:6px;padding:24px;text-decoration:none;display:flex}.read-next-list a:hover{border-color:var(--accent);color:var(--ink)}.read-next-list a:hover .rn-title{text-underline-offset:4px;text-decoration:underline}.rn-topic{letter-spacing:.06em;text-transform:uppercase;color:var(--green);font-size:12px;font-weight:700}:lang(ar) .rn-topic{letter-spacing:0;font-size:14px}.rn-title{font-size:21px;font-weight:800;line-height:1.2}.rn-text{color:var(--muted);font-size:15px}.rn-meta{color:var(--muted);margin-top:auto;padding-top:8px;font-size:13px}@media (width<=900px){.read-next-list{grid-template-columns:minmax(0,1fr)}}:lang(ar) .article-glyph-gloss,:lang(ar) .rl-gloss,:lang(ar) .fmap-between .fmap-label,:lang(ar) .prose em,:lang(ar) .hadith-tr p{font-family:var(--font-ar);font-style:normal}.sunpath{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:40px 0;padding:24px 24px 20px}.sunpath svg{direction:ltr;width:100%;height:auto;display:block}.sp-dot{fill:#08734f;filter:drop-shadow(0 0 8px #08734f99)}.sp-dim{fill:#a98a55;filter:none}.sp-label{fill:var(--ink);font:700 15px var(--font)}.sp-small{fill:var(--muted);font:12px var(--font);letter-spacing:.08em;text-transform:uppercase}.sunpath-notes{border-top:1px solid var(--divider);gap:8px;margin:16px 0 0;padding:16px 0 0;list-style:none;display:grid}.sunpath-notes li{color:var(--text-2);font-size:16px;line-height:1.55}.sunpath-notes strong{color:var(--accent);margin-inline-end:6px}.daycompare{margin:40px 0}.dc-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.daycompare table{border-collapse:collapse;width:100%;min-width:0;font-size:16px}.daycompare th,.daycompare td{text-align:end;white-space:nowrap;border-top:1px solid var(--divider);padding:12px clamp(8px,2vw,16px)}.daycompare thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:0;font-size:13px}:lang(ar) .daycompare thead th{letter-spacing:0;text-transform:none;font-size:15px}.daycompare th[scope=row]{text-align:start;color:var(--text-2);font-weight:600}.daycompare td{color:var(--text)}.dc-hl td,.dc-hl th[scope=row]{color:var(--accent)}.dc-sum th,.dc-sum td{background:#08734f0d;font-size:15px}.dc-strong{color:var(--accent);font-weight:700}.daycompare figcaption,.sunpath figcaption{letter-spacing:.04em;color:var(--muted-2);text-align:center;margin-top:14px;font-size:13px}.ring{--A:#08734f;--B:#136f7a;--C:#a3422f;--D:#5b4bb0;--E:#f5ecd8;margin:40px 0}.ring-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(60% 40% at 50% 20%, #08734f14, transparent 70%), var(--surface);padding:20px 24px 24px}.ring-svg{width:100%;height:auto;margin-bottom:8px;display:block}.ring-arc{fill:none;stroke-width:2px;opacity:.85}.ring-A{--c:var(--A)}.ring-B{--c:var(--B)}.ring-C{--c:var(--C)}.ring-D{--c:var(--D)}.ring-E{--c:var(--E)}.ring-arc,.ring-dot{stroke:var(--c)}.ring-dot{fill:var(--c)}.ring-glow{fill:#08734f;opacity:.12}.ring-num{fill:var(--muted-2);font:12px var(--font)}.ring-lines{border-top:1px solid var(--divider);margin:0;padding:0;list-style:none}.ring-line{padding:12px 0;border-bottom:1px solid var(--divider);align-items:flex-start;gap:14px;padding-inline-start:calc(var(--depth) * clamp(10px, 4vw, 34px));display:flex}.ring-tag{border:1px solid var(--c);border-radius:var(--pill);min-width:34px;color:var(--c);text-align:center;flex:none;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.6}.ring-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ring-ar{font-family:var(--font-quran);color:var(--text);text-align:start;font-size:clamp(21px,2.6vw,26px);line-height:1.9}.ring-tr{font-family:var(--serif);color:var(--text-2);font-size:16px;font-style:italic;line-height:1.5}.ring-centre{border-radius:var(--radius-sm);background:#08734f14}.ring-centre .ring-ar{color:var(--accent)}.ring-key{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.ring-key .ring-tag{min-width:0;margin-inline-end:4px}.ring figcaption{letter-spacing:.04em;color:var(--muted-2);text-align:center;margin-top:14px;font-size:13px}.kpair{--A:#08734f;--B:#136f7a;--C:#a3422f;--D:#5b4bb0;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin:32px 0;display:grid}.kpair-side{border:1px solid var(--line);border-top:2px solid var(--c);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:10px;padding:20px;display:flex}.kpair-head{color:var(--muted-2);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.kpair-ar{font-family:var(--font-quran);color:var(--text);text-align:center;margin:0;font-size:clamp(22px,2.8vw,28px);line-height:1.9}.kpair-tr{font-family:var(--serif);color:var(--text-2);text-align:center;margin:0;font-size:17px;font-style:italic;line-height:1.5}.kpair mark{color:var(--c);background:0 0}.kpair-mirror{color:var(--c);align-self:center;font-size:22px}@media (width<=640px){.kpair{grid-template-columns:1fr}.kpair-mirror{justify-self:center;transform:rotate(90deg)}}:lang(ar) .kpair-tr{font-family:var(--font-ar);font-style:normal}.vset{--c:var(--accent);align-items:stretch;gap:12px;margin:36px 0;display:grid}.vset-teal{--c:#136f7a}.vset-rose{--c:#a3422f}.vset-violet{--c:#5b4bb0}.vset-2{grid-template-columns:1fr auto 1fr}.vset-3{grid-template-columns:repeat(3,1fr)}.vset-4{grid-template-columns:repeat(2,1fr)}.vset-5,.vset-6{grid-template-columns:1fr}.vset-5 .vset-card,.vset-6 .vset-card{flex-flow:wrap;align-items:baseline;gap:6px 16px;padding:14px 20px}.vset-5 .vset-ar,.vset-6 .vset-ar{text-align:start;flex:260px;order:2}.vset-5 .vset-tr,.vset-6 .vset-tr{flex:220px;order:1}.vset-5 .vset-ref,.vset-6 .vset-ref{order:3;margin:0}.vset-card{border:1px solid var(--line);border-top:2px solid var(--c);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:10px;padding:20px;display:flex}.vset-label{letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin:0;font-size:12px;font-weight:700}:lang(ar) .vset-label{letter-spacing:0;text-transform:none;font-size:15px}.vset-ar{font-family:var(--font-quran);color:var(--text);margin:0;font-size:clamp(19px,2.3vw,23px);line-height:2}.vset-tr{font-family:var(--serif);color:var(--text-2);margin:0;font-size:16px;font-style:italic;line-height:1.5}.vset-ref{letter-spacing:.04em;color:var(--muted-2);margin:auto 0 0;font-size:12px}.vset mark{color:var(--c);background:0 0}.vset-mirror{color:var(--c);align-self:center;font-size:22px}@media (width<=720px){.vset-2,.vset-3{grid-template-columns:1fr}.vset-mirror{justify-self:center;transform:rotate(90deg)}}.strip{margin:40px 0}.strip-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:28px 24px 20px}.strip-svg{width:100%;height:auto;display:block;overflow:visible}.strip-tick{fill:#aeb7ad}.strip-sec{opacity:.45}.strip-s1{fill:#08734f;background:#08734f}.strip-s2{fill:#136f7a;background:#136f7a}.strip-s3{fill:#a3422f;background:#a3422f}.strip-s4{fill:#5b4bb0;background:#5b4bb0}.strip-s5{fill:#2f5d9e;background:#2f5d9e}.strip-dot{fill:var(--accent)}.strip-focus{fill:none;stroke:var(--accent);stroke-width:2px}.strip-focus-label{fill:var(--accent);font:700 26px var(--font)}.strip-end{fill:var(--muted-2);font:22px var(--font)}.strip-legend{border-top:1px solid var(--divider);color:var(--text-2);flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;padding:14px 0 0;font-size:14px;list-style:none;display:flex}.strip-legend li{align-items:center;gap:8px;display:flex}.strip-swatch{opacity:.6;border-radius:4px;width:14px;height:14px}.strip-dotkey{background:var(--accent);opacity:1;border-radius:50%;width:10px;height:10px}.strip-range{color:var(--muted-2);font-size:12px}.strip figcaption{letter-spacing:.04em;color:var(--muted-2);text-align:center;margin-top:14px;font-size:13px}.tpairs{margin:40px 0}.tp-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.tp-row{border-top:1px solid var(--divider);grid-template-columns:minmax(110px,.8fr) 1fr 1fr;align-items:center;display:grid}.tp-row:first-child{border-top:0}.tp-row>*{margin:0;padding:14px 18px}.tp-head{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}:lang(ar) .tp-head{letter-spacing:0;text-transform:none;font-size:15px}.tp-label{color:var(--accent);flex-direction:column;gap:2px;font-weight:700;display:flex}.tp-gloss{color:var(--muted);font-size:14px;font-weight:400}.tp-cell{border-inline-start:1px solid var(--divider);flex-direction:column;gap:2px;display:flex}.tp-ar{font-family:var(--font-quran);color:var(--text);font-size:clamp(22px,2.8vw,28px);line-height:1.8}.tp-ref{color:var(--muted-2);font-size:12px}.tpairs figcaption{letter-spacing:.04em;color:var(--muted-2);text-align:center;margin-top:14px;font-size:13px}@media (width<=560px){.tp-row{grid-template-columns:1fr 1fr}.tp-row>:first-child{grid-column:1/-1;padding-bottom:0}.tp-head>:first-child{display:none}.tp-cell:first-of-type{border-inline-start:0}}.rp-top{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:stretch;gap:16px;display:grid}.rp-today{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(70% 90% at 50% 0%, #08734f24, transparent 70%), var(--surface);flex-direction:column;gap:10px;padding:32px;display:flex}.rp-juz{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:800;font-stretch:85%;line-height:1}.rp-opening{font-family:var(--font-quran);color:var(--accent);text-shadow:0 0 40px #08734f40;margin:4px 0;font-size:clamp(44px,7vw,76px);font-weight:700;line-height:1.6}.rp-range{color:var(--text);margin:0;font-size:20px}.rp-pages,.rp-related{color:var(--text-2);margin:0}.rp-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}#rp-mark[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.rp-progress{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:14px;padding:28px;display:flex}.rp-count{margin:0;font-size:18px;font-weight:700}.rp-bar{border-radius:var(--pill);background:var(--bg-deep);height:6px;overflow:hidden}.rp-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}[dir=rtl] .rp-bar span{transform-origin:100%}.rp-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.rp-grid button{aspect-ratio:1;border:1px solid var(--line-strong);width:100%;color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border-radius:10px;font-size:14px}.rp-grid button:hover{border-color:var(--accent);color:var(--text)}.rp-grid button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.rp-grid button.is-today{outline:2px solid var(--text);outline-offset:2px}.rp-reset{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:12px 0;font-size:14px;text-decoration:underline}.rp-days{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.rp-day{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:6px;padding:18px 20px;scroll-margin-top:24px;display:flex}.rp-day.is-today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.rp-day.is-done{background:linear-gradient(180deg, #08734f14, transparent), var(--surface)}.rp-day-head{color:var(--muted);justify-content:space-between;gap:8px;margin:0;font-size:13px;display:flex}.rp-day-n{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-weight:700}:lang(ar) .rp-day-n{letter-spacing:0;text-transform:none}.rp-day-opening{font-family:var(--font-quran);color:var(--text);margin:0;font-size:26px;line-height:1.8}.rp-day-juz{margin:0;font-weight:700}.rp-day-range,.rp-day-pages{color:var(--text-2);margin:0;font-size:14px}.rp-day-related{margin:0;font-size:14px}.rp-day-foot{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:14px;display:flex}.rp-check{cursor:pointer;min-height:44px;color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.rp-check input{width:18px;height:18px;accent-color:var(--accent)}.rp-cta a{border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--text);background:radial-gradient(60% 120% at 100% 50%, #08734f24, transparent 70%), var(--surface);grid-template-columns:1fr auto;align-items:center;gap:20px;padding:28px 32px;text-decoration:none;display:grid}[dir=rtl] .rp-cta a{background:radial-gradient(60% 120% at 0% 50%, #08734f24, transparent 70%), var(--surface)}.rp-cta a:hover{border-color:var(--accent);color:var(--text)}.rp-cta-title{font-size:clamp(24px,3vw,32px);font-weight:800;font-stretch:85%;display:block}.rp-cta-text{color:var(--text-2);margin-top:4px;display:block}.rp-cta-glyph{font-family:var(--font-ar);color:var(--accent);font-size:clamp(44px,6vw,64px);font-weight:700;line-height:1.4}@media (width<=760px){.rp-top{grid-template-columns:1fr}.rp-today,.rp-progress{padding:22px}.rp-cta a{grid-template-columns:1fr}.rp-cta-glyph{display:none}}.guide-short{border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:var(--radius-md);background:var(--surface);margin-top:32px;padding:24px 28px}.guide-short h2{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:13px;font-weight:700}:lang(ar) .guide-short h2{letter-spacing:0;font-size:16px}.guide-short ul{gap:8px;margin:0;padding-inline-start:20px;display:grid}.guide-short li{color:var(--text);font-size:17px;line-height:1.55}.tool{padding-bottom:72px}.tool-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:40px;display:grid}@media (width<=860px){.tool-body{grid-template-columns:minmax(0,1fr);gap:24px}.tool-preview{order:-1}.tool-body .tool-preview-story canvas{max-width:min(300px,78vw)}.tool-controls{padding:22px}}.tool-controls{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:20px;padding:28px;display:flex}.field{flex-direction:column;gap:8px;font-size:15px;font-weight:600;display:flex}.field select,.field input[type=text]{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg);color:var(--text);width:100%;padding:12px 14px;font-size:17px;font-weight:500}.field select:focus-visible,.field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.choice{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.choice legend{margin-bottom:8px;padding:0;font-size:15px;font-weight:600}.choice label{cursor:pointer;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice span{border:1px solid var(--line-strong);border-radius:var(--pill);padding:9px 16px;font-weight:500;display:inline-block}.choice input:checked+span{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600}.choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-preview{justify-content:center;display:flex}.tool-preview canvas{border-radius:var(--radius-md);border:1px solid var(--line);width:100%;height:auto;display:block;box-shadow:0 30px 80px #0b2c2424}.tool-preview-story canvas{max-width:380px}.tool-preview-square canvas{max-width:520px}.kids-controls{max-width:560px}.kids-sheet{--ink:#141a2a;--soft:#5b6275;--rule:#d6cfbe;aspect-ratio:210/297;width:100%;max-width:820px;color:var(--ink);background:#fbf8f1;border-radius:6px;flex-direction:column;gap:2.2%;margin-inline:auto;padding:4.5% 4.5% 3.5%;display:flex;box-shadow:0 30px 80px #0b2c2424;container-type:inline-size}.ks-head{align-items:center;gap:3cqw;display:flex}.ks-moon{flex:none;width:9cqw;height:9cqw}.ks-head>div{flex:1;min-width:0}.ks-title{letter-spacing:-.01em;margin:0;font-size:4.6cqw;font-weight:800;line-height:1.1}.ks-name{border-bottom:1.5px dashed var(--rule);color:#9a6b1c;min-height:4.4cqw;margin:1.2cqw 0 0;font-size:3.4cqw;font-weight:700}.ks-logo{direction:ltr;align-self:flex-start;margin:0;font-size:2.6cqw;font-weight:800}.ks-logo span{color:#c8952f}.ks-grid{flex:1;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(5,1fr);gap:1.2cqw;margin:0;padding:0;list-style:none;display:grid}.ks-day{border:1.5px solid var(--rule);background:#fff;border-radius:1.6cqw;flex-direction:column;gap:.6cqw;padding:1.2cqw 1.3cqw;display:flex;position:relative;overflow:hidden}.ks-day-top{justify-content:space-between;align-items:baseline;gap:.5cqw;margin:0;display:flex}.ks-n{font-size:1.9cqw;font-weight:800}.ks-date{color:var(--soft);white-space:nowrap;font-size:1.45cqw}.ks-phase{width:4.2cqw;height:4.2cqw}.ks-deed{margin:0;padding-inline-end:4cqw;font-size:1.6cqw;line-height:1.3}:lang(ar) .ks-deed{font-size:1.75cqw;line-height:1.5}.ks-star{width:4.4cqw;height:4.4cqw;position:absolute;inset-block-end:.9cqw;inset-inline-end:.9cqw}.ks-foot{justify-content:space-between;gap:2cqw;font-size:1.7cqw;display:flex}.ks-foot p{margin:0}.ks-foot p:first-child{font-weight:700}.ks-note{color:var(--soft);text-align:end;max-width:50%}@media print{@page{size:A4 portrait;margin:8mm}.kids .tool-head,.kids .kids-controls{display:none!important}body:has(.kids){background:#fff!important}body:has(.kids) .site-header,body:has(.kids) .site-footer,body:has(.kids) .skip{display:none!important}.kids.mosaic-page{padding:0}.kids-sheet{box-shadow:none;aspect-ratio:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border-radius:0;width:194mm;max-width:none;height:281mm;padding:6mm}}.rt{padding-block:64px}.rt-head{margin:0 0 24px}.rt-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=860px){.rt{padding-block:40px}.rt-list{grid-template-columns:minmax(0,1fr)}}.rt-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);height:100%;color:var(--text);flex-direction:column;gap:6px;padding:26px 26px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.rt-card:hover{border-color:var(--rt);color:var(--text)}.rt-gold{--rt:var(--accent)}.rt-teal{--rt:#136f7a}.rt-rose{--rt:#a3422f}.rt-glyph{font-family:var(--font-ar);color:var(--rt);opacity:.9;align-self:flex-start;font-size:44px;font-weight:700;line-height:1.3}.rt-title{font-size:22px;font-weight:800}.rt-text{color:var(--text-2);font-size:16px;line-height:1.5}.dua-cats{flex-wrap:wrap;gap:8px;display:flex}.dua-cats a{border:1px solid var(--line-strong);border-radius:var(--pill);min-height:40px;color:var(--text);align-items:center;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.dua-cats a:hover{border-color:var(--accent);color:var(--accent)}.dua-group{flex-direction:column;gap:16px;scroll-margin-top:24px;display:flex}.dua-group-title{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:12px 0 0;font-size:13px;font-weight:700}:lang(ar) .dua-group-title{letter-spacing:0;font-size:17px}.dua-list{grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.dua{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:12px;padding:24px;scroll-margin-top:24px;display:flex}.dua-title{margin:0;font-size:18px;font-weight:800}.dua-ar{font-family:var(--font-quran);color:var(--text);text-align:right;margin:0;font-size:27px;line-height:1.9}.dua-ar-sm{font-size:22px}.dua-tl{color:var(--accent);margin:0;font-size:15px;font-style:italic;line-height:1.6}.dua-mean{color:var(--text-2);margin:0;font-size:16px;line-height:1.6}.dua-parts{flex-direction:column;gap:14px;margin:0;display:flex}.dua-parts>div{border-top:1px solid var(--divider);flex-direction:column;gap:6px;padding-top:12px;display:flex}.dua-parts>div:first-child{border-top:0;padding-top:0}.dua-parts dt{color:var(--muted);font-size:13px;font-weight:700}.dua-parts dd{flex-direction:column;gap:6px;margin:0;display:flex}.dua-alt{border-radius:var(--radius-sm);border:1px solid var(--divider);background:#14201c08;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.dua-alt-label{color:var(--muted);margin:0;font-size:13px;font-weight:700}.dua-foot{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:auto 0 0;padding-top:8px;font-size:14px;display:flex}.dua-grade{color:var(--muted);font-size:13px}.dua-copy{border:1px solid var(--line-strong);border-radius:var(--pill);min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;margin-inline-start:auto;padding:0 14px;font-size:14px;font-weight:600}.dua-copy:hover{border-color:var(--accent);color:var(--accent)}@media (width<=640px){.dua{padding:20px}.dua-ar{font-size:24px}}.mq-total{color:var(--text-2);margin:0;font-size:17px}.mq-list{grid-template-columns:repeat(auto-fill,minmax(min(480px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.mq{border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:14px;padding:26px;display:flex}.mq-head{flex-direction:column;gap:4px;display:flex}.mq-name{margin:0;font-size:21px;font-weight:800;line-height:1.25}.mq-aka{color:var(--muted);margin:0;font-size:14px}.mq-facts{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;display:grid}.mq-facts>div{flex-direction:column;gap:2px;display:flex}.mq-facts .mq-wide{grid-column:1/-1}.mq-facts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}:lang(ar) .mq-facts dt{letter-spacing:0;font-size:13px}.mq-facts dd{margin:0;font-size:16px}.mq-num{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800;font-size:24px!important}.mq-none{color:var(--muted)}.mq-about,.mq-act{color:var(--text-2);margin:0;font-size:16px;line-height:1.6}.mq-act strong{color:var(--text)}.mq-links{flex-wrap:wrap;gap:8px;margin:auto 0 0;display:flex}.mq-links a{border:1px solid var(--line-strong);border-radius:var(--pill);min-height:40px;color:var(--text);align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.mq-links a:hover{border-color:var(--accent);color:var(--accent)}.mq-src summary{cursor:pointer;color:var(--muted);align-items:center;min-height:32px;font-size:14px;display:flex}.mq-src ul{gap:4px;margin:6px 0 0;padding-inline-start:18px;font-size:14px;display:grid}@media (width<=640px){.mq{padding:20px}}.qibla,.seasons{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:40px 0;padding:24px}.qibla svg,.seasons svg{direction:ltr;width:100%;height:auto;display:block}.qibla figcaption,.seasons figcaption{letter-spacing:.04em;color:var(--muted-2);text-align:center;margin-top:14px;font-size:13px}.q-ring{fill:#f2f3ef;stroke:var(--line);stroke-width:2px}.q-tick{stroke:#aeb7ad;stroke-width:1.5px}.q-card{font:700 16px var(--font);fill:var(--muted);text-anchor:middle}.q-east{stroke:#aeb7ad;stroke-width:2px;stroke-dasharray:5 5}.q-town{stroke:var(--teal);stroke-width:3px;stroke-linecap:round}.q-needle{stroke:var(--green);stroke-width:5px;stroke-linecap:round}.q-hub{fill:var(--saffron)}.q-big{font:800 52px var(--font);fill:var(--green)}.q-label{font:600 17px var(--font);fill:var(--ink)}.q-muted{fill:var(--muted);font-weight:500}.s-grid{stroke:var(--divider);stroke-width:1px}.s-axis{font:12px var(--font);fill:var(--muted)}.s-bar{fill:#f5c64c}.s-edge{fill:var(--teal)}.s-now{fill:var(--green)}.s-val{font:700 12px var(--font);fill:var(--ink)}.prose table{border-collapse:collapse;margin:28px 0;font-size:15px;line-height:1.45;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:start;vertical-align:top;padding:10px 14px}.prose th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}html[lang=ar] .prose th{letter-spacing:0}.prose td:not(:last-child){white-space:nowrap}.prose td:first-child{font-weight:700}.prose td:last-child{min-width:16em}.topic-filter{flex-wrap:wrap;gap:8px;margin-top:-12px;display:flex}.topic-filter button{border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);min-height:42px;color:var(--ink);font:inherit;cursor:pointer;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.topic-filter button:before{content:"";background:var(--dot,transparent);border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #14201c40}.topic-filter button:first-child:before{display:none}.topic-filter button span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.topic-filter button:hover{border-color:var(--green)}.topic-filter button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.topic-filter button[aria-pressed=true] span{color:#d2ede2}.tf-white{--dot:var(--surface)}.tf-green{--dot:var(--green)}.tf-saffron{--dot:var(--saffron-tile)}.tf-teal{--dot:var(--teal)}.mosaic>li[hidden]{display:none}