@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/readex-pro-arabic-500-normal.Bmdbfz0h.woff2)format("woff2"),url(/_astro/readex-pro-arabic-500-normal.DZnHuMwu.woff)format("woff")}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/readex-pro-arabic-700-normal.EXBdNfUG.woff2)format("woff2"),url(/_astro/readex-pro-arabic-700-normal.CrhlwrkQ.woff)format("woff")}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/readex-pro-latin-500-normal.fMl4bkAY.woff2)format("woff2"),url(/_astro/readex-pro-latin-500-normal.CQ-MGytt.woff)format("woff")}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/readex-pro-latin-700-normal.oqSerPEB.woff2)format("woff2"),url(/_astro/readex-pro-latin-700-normal.L_HvUYJT.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.CyU-ddYS.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.EA1o-u_Q.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-arabic-arabic-600-normal.0pRdybE_.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-arabic-600-normal.MJZ0liF5.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-latin-400-normal.Bo5KPYvw.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-latin-400-normal.CFZh1unN.woff)format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-arabic-latin-600-normal.KrqB56Mw.woff2)format("woff2"),url(/_astro/ibm-plex-sans-arabic-latin-600-normal.Dk5eISD_.woff)format("woff")}:root{--indigo:#23305e;--indigo-raised:#2e3f7a;--saffron:#e0a43a;--ground:#f6f2ea;--surface:#fff;--border:#e4ddd0;--text:#1b1f24;--muted:#5a6470;--on-indigo:#c9d1ea;--accent-text:#8a5a0b;--row:#efe8da;--highlight:#fff6e3;--link:#23305e;--logo-moon:#23305e;--ad-border:#cfc6b5;--font-head:"Readex Pro", system-ui, sans-serif;--font-body:"IBM Plex Sans Arabic", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0f1420;--surface:#141b2b;--indigo-raised:#1d2944;--border:#263049;--text:#ece8e1;--muted:#a9b1c4;--accent-text:#f0c26a;--row:#1d2944;--highlight:#2a2a1e;--link:#f0c26a;--logo-moon:#ece8e1;--ad-border:#33405f;color-scheme:dark}}:root[data-theme=dark]{--ground:#0f1420;--surface:#141b2b;--indigo-raised:#1d2944;--border:#263049;--text:#ece8e1;--muted:#a9b1c4;--accent-text:#f0c26a;--row:#1d2944;--highlight:#2a2a1e;--link:#f0c26a;--logo-moon:#ece8e1;--ad-border:#33405f;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--ground);color:var(--text);font:400 1rem/1.6 var(--font-body);font-variant-numeric:tabular-nums;margin:0}h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.25}a{color:var(--link)}.wrap{max-width:75rem;margin-inline:auto;padding-inline:1rem}@media (width>=48rem){.wrap{padding-inline:1.5rem}}body{font-size:1.0625rem}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{inset-inline-start:1rem;background:var(--saffron);color:#1b1f24;z-index:10;border-radius:.5rem;padding:.5rem 1rem;position:absolute;top:-3rem}.skip:focus{top:.5rem}:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.bar{flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;padding-block:.625rem;display:flex}.brand{color:var(--text);font:700 1.5rem var(--font-head);align-items:center;gap:.625rem;text-decoration:none;display:flex}.main-nav{white-space:nowrap;scrollbar-width:none;flex:auto;order:3;gap:.25rem;width:100%;display:flex;overflow-x:auto}@media (width>=48rem){.main-nav{order:0;width:auto}}.main-nav a{color:var(--text);align-items:center;min-height:2.75rem;padding:.625rem .75rem;font-weight:600;text-decoration:none;display:inline-flex}.main-nav a[aria-current=page]{color:var(--link);box-shadow:inset 0 -3px 0 var(--saffron);font-weight:700}.lang{border:1px solid var(--border);border-radius:.75rem;margin-inline-start:auto;padding:.5rem .75rem;font-weight:600;text-decoration:none}.crumbs{color:var(--muted);flex-wrap:wrap;gap:.375rem;padding-block:1rem 0;font-size:.9375rem;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);margin-top:3rem;padding-block:1.5rem;font-size:.9375rem}.site-footer p{margin:0 0 .5rem}.page{padding-block:1rem 0}.cols{flex-wrap:wrap;gap:2rem;padding-block:.5rem 1rem;display:flex}.cols>article{flex-direction:column;flex:999 35rem;gap:1.75rem;min-width:0;display:flex}.cols>aside{flex-direction:column;flex:17.5rem;gap:.75rem;display:flex}h1{margin:0}h2{margin:0;font-size:1.375rem}section>h2+*{margin-top:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.375rem}.card>*{margin:0}.card>*+*{margin-top:.5rem}.lead{margin:0;font-size:1.1875rem;font-weight:500}.side-title{font-size:1.1875rem}.muted{color:var(--muted)}.small{font-size:.9375rem}.answer{background:var(--indigo);color:#fff;border-radius:1.375rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:center;gap:1.5rem 2rem;padding:1.5rem;display:grid}@media (width>=48rem){.answer{padding:2.25rem}}.answer a{color:#fff}.answer h1{font:600 1.5rem/1.3 var(--font-head)}@media (width>=48rem){.answer h1{font-size:1.875rem}}.answer .big{font:700 2.75rem/1.1 var(--font-head);margin:0}@media (width>=48rem){.answer .big{font-size:4rem}}.answer .when{color:#e6e9f5;margin:0;font-size:1.125rem}.answer .body{flex-direction:column;gap:.875rem;display:flex}.answer .status{background:var(--indigo-raised-band,#2e3f7a);color:#f0c26a;border-radius:999px;width:fit-content;padding:.125rem .625rem;font-size:.875rem;font-weight:600;display:inline-block}.units{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:26rem;margin:0;display:grid}.units>div{background:#2e3f7a;border-radius:.75rem;padding:.625rem 0}.units dd{font:700 1.75rem var(--font-head);margin:0}.units dt{color:#c9d1ea;font-size:.8125rem}.actions{flex-wrap:wrap;gap:.625rem;display:flex}.btn{min-height:3rem;font:inherit;cursor:pointer;border-radius:.75rem;align-items:center;padding:0 1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--saffron);color:#1b1f24;border:0}.answer .btn-primary{color:#1b1f24}.btn-ghost{color:#fff;background:0 0;border:1px solid #6b78a8;font-weight:600}.ring{justify-content:center;display:flex}.ring svg{width:min(16.25rem,60vw);height:auto}.tiles{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;display:grid}.tile,.side-link{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:.875rem;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.75rem 1rem;text-decoration:none;display:flex}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chips a{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:.75rem;padding:.625rem .875rem;text-decoration:none}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:.875rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:start;padding:.75rem 1rem}thead tr{background:var(--ground)}tbody tr{border-top:1px solid var(--border)}tr.now{background:var(--highlight)}details{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:.875rem 1rem}details+details{margin-top:.625rem}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);margin:.5rem 0 0}.ad-slot{display:none}.form{gap:1rem;display:grid}.field{gap:.375rem;display:grid}.field label{font-weight:600}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:3rem;color:var(--text);border-radius:.75rem;padding:0 .875rem}.row{flex-wrap:wrap;gap:.75rem;display:flex}.row>.field{flex:8rem}.result{background:var(--indigo);color:#fff;border-radius:1.25rem;padding:1.5rem}.result .big{font:700 2.5rem/1.15 var(--font-head);margin:0}.result p{color:#e6e9f5;margin:.25rem 0 0}@media (width<=47.99rem){.answer.cd{text-align:center;flex-direction:column;align-items:center;gap:.875rem;display:flex}.answer.cd .body{display:contents}.answer.cd h1{order:0}.answer.cd .status{order:1}.answer.cd .ring{order:2}.answer.cd .ring svg{width:11.875rem}.answer.cd .big{display:none}.answer.cd .when{order:3}.answer.cd .sep{display:none}.answer.cd .hijri{display:block}.answer.cd .units{order:4;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.answer.cd .units>div:first-child{display:none}.answer.cd .actions{order:5;justify-content:center}}.prayer-top{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.25rem;margin-top:1rem;display:grid}.prayer-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.prayer-head h1{font:700 1.75rem/1.25 var(--font-head)}@media (width>=48rem){.prayer-head h1{font-size:2.5rem}}.ptable{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden}.ptable table{font-size:1.25rem}.ptable th,.ptable td{padding:.875rem 1.375rem}.ptable td{text-align:end;font-family:var(--font-head)}.ptable tr{border-top:1px solid var(--row)}.ptable tr:first-child{border-top:0}.ptable tr.sunrise{color:var(--muted);font-weight:500}.ptable .tag{color:var(--saffron);font-size:.875rem;font-weight:500;display:none}.ptable tr.next{background:var(--indigo);color:#fff;font-weight:700}.ptable tr.next .tag{display:inline}.ptable tr.focus th{font-weight:700}.next-card{background:var(--indigo);color:#fff;border-radius:1.25rem;flex-direction:column;gap:.375rem;padding:1.5rem;display:flex}.next-card span:first-child,.next-card .small{color:#c9d1ea}.next-card strong{color:#fff}.hms{font:700 3.25rem/1.1 var(--font-head)}@media (width>=48rem){.hms{font-size:3.75rem}}.side-stack{flex-direction:column;gap:.875rem;display:flex}.quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.quick a{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:.875rem;padding:.875rem .5rem;font-weight:600;text-decoration:none}table.month{min-width:36rem;font-size:.9375rem}table.month th,table.month td{white-space:nowrap;padding:.5rem .75rem}.qibla-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.qibla-row p{flex:14rem;margin:0}.focus-answer{background:var(--indigo);color:#fff;border-radius:1.375rem;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.focus-answer h1{font:600 1.5rem/1.3 var(--font-head)}.focus-answer .big{font:700 3.5rem/1.1 var(--font-head);margin:0}.focus-answer p{color:#e6e9f5;margin:0}.hms-inline{font-family:var(--font-head);color:#fff;font-size:1.375rem}.answer-plain{grid-template-columns:1fr}.convert{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-top:.5rem;display:grid}.convert .form{background:#2e3f7a;border-radius:1rem;padding:1rem}.convert h2{font-size:1.125rem}.convert label{color:#c9d1ea}.convert input,.convert select{width:100%}output{font:600 1.125rem/1.5 var(--font-head);min-height:1.5em;display:block}table.hgrid{table-layout:fixed;min-width:30rem}table.hgrid td,table.hgrid th{text-align:center;vertical-align:top;padding:.5rem .25rem}table.hgrid td strong{font:700 1.125rem var(--font-head);display:block}table.hgrid td.now{background:var(--indigo);color:#fff;border-radius:.5rem}table.hgrid td.now .muted{color:#c9d1ea}.calc-form{background:#2e3f7a;border-radius:1rem;padding:1rem}.calc-form label{color:#c9d1ea}.calc-form input,.calc-form select{width:100%}.seg{border:0;gap:1.25rem;margin:0;padding:0}.seg label{color:#fff;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.seg input{width:auto;min-height:auto}.answer .result{background:#2e3f7a}.calc{gap:.75rem;max-width:26rem;display:grid}.calc input{font:600 1.75rem var(--font-head);text-align:right;min-height:4rem}.calc output{text-align:right;color:#f0c26a;font-size:1.5rem}.keys{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.keys button{color:#fff;min-height:3.5rem;font:700 1.375rem var(--font-head);cursor:pointer;background:#2e3f7a;border:0;border-radius:.875rem}.keys .k-eq{background:var(--saffron);color:#1b1f24}.keys .k-clear{background:0 0;border:1px solid #6b78a8;grid-column:1/-1}.hub-h1{font:700 1.75rem/1.25 var(--font-head)}@media (width>=48rem){.hub-h1{font-size:2.25rem}}.paycards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.875rem;margin-top:1rem;display:grid}.paycard{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:1.125rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;display:flex}.paycard text{font-family:var(--font-head)}.paycard-text{flex-direction:column;display:flex}.paycard-text strong{font-size:1.125rem}.tiles.occ .tile{flex-direction:column;align-items:flex-start;gap:.125rem}.home-top{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.25rem;display:grid}@media (width>=64rem){.home-top{grid-template-columns:2fr 1fr}}.home-today h1{font:700 2rem/1.2 var(--font-head)}@media (width>=48rem){.home-today h1{font-size:2.75rem}}.search{flex-wrap:wrap;gap:.5rem;display:flex}.search input{flex:14rem}.home-sections{flex-direction:column;gap:2rem;padding-block:1.5rem;display:flex}.sec-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.tiles.most .tile{flex-direction:column;align-items:flex-start}.prose{max-width:48rem}.prose h1{font:700 2rem/1.25 var(--font-head);margin-bottom:1rem}.prose h2{margin-top:1.75rem}.prose p,.prose li{line-height:1.8}@media print{.site-header,.site-footer,.crumbs,.cols>aside,.no-print,.ad-slot{display:none!important}body{color:#000;background:#fff}.answer,.focus-answer{color:#000;background:#fff;padding:0}.table-wrap{border:0;overflow:visible}table.month{min-width:0;font-size:10pt}}