:root{--ink:#102d2a;--green:#064d40;--deep:#073a32;--gold:#e7bc63;--paper:#f6f9f7;--muted:#546b64;--line:#dbe5df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#967020}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c08b28;outline-offset:4px}.skip{position:absolute;top:-70px}.skip:focus{top:0;background:#fff;padding:15px;z-index:30}header{background:white;border-bottom:1px solid var(--line)}.nav{max-width:1240px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:750;font-size:23px;letter-spacing:-.8px;display:flex;align-items:center;gap:11px}.brand em{font-style:normal;color:#8d671f}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green);color:var(--gold);font-size:26px}.links{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.navbtn,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 20px;background:var(--green);color:#fff;font-weight:650}.navbtn:hover,.button:hover{background:#086351;color:#fff}.button.secondary{background:white;color:var(--green);border:1px solid var(--line)}main{max-width:1240px;margin:auto;padding:0 28px}.intro{padding:42px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:20px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:750;color:#886021}.intro h1,h1{font:500 clamp(32px,4.2vw,54px)/1.1 Georgia,serif;letter-spacing:-1.6px;margin:10px 0 16px}.intro p{color:var(--muted);margin:0;max-width:590px}.datechip{border:1px solid var(--line);border-radius:9px;padding:9px 14px;font-size:14px;background:#fff;white-space:nowrap}.workspace{display:grid;grid-template-columns:200px 1fr;gap:24px}.sidebar{display:flex;flex-direction:column;gap:5px}.sidebar a{padding:11px 13px;border-radius:8px;font-size:14px;font-weight:550;display:flex;align-items:center;gap:10px}.sidebar a.active{background:var(--green);color:#fff}.sidebar a:hover:not(.active){background:#e4ede8}.side-label{font-size:12px;color:var(--muted);letter-spacing:1px;padding:15px 13px 6px;text-transform:uppercase}.calculator{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #12372c08}.calc-title{padding:23px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:15px}.calc-title h2{margin:0;font:500 25px Georgia,serif}.calc-title p{margin:4px 0 0;color:var(--muted);font-size:14px}.badge{font-size:12px;background:#eef5f1;border:1px solid #d8e8df;border-radius:30px;padding:4px 10px;color:var(--green);white-space:nowrap}.calc-grid{display:grid;grid-template-columns:1.35fr 1fr}.form-area{padding:26px 28px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:550}.field input,.field select{width:100%;min-width:0;border:1px solid #cedbd3;background:#fbfcfb;border-radius:8px;padding:11px 12px;color:var(--ink);height:48px}.field small{font-size:12px;font-weight:400;color:var(--muted)}.full{grid-column:1/-1}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.result{background:var(--deep);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.result:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff12;border-radius:50%;right:-180px;top:-110px}.result .eyebrow{color:var(--gold)}.amount{font:500 clamp(35px,4vw,52px)/1.2 Georgia,serif;letter-spacing:-1px;margin:15px 0 8px;overflow-wrap:anywhere}.result p{font-size:14px;color:#d4e4de}.breakdown{margin:22px 0;border-top:1px solid #ffffff26}.breakdown div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff26;padding:12px 0;font-size:14px}.result .button{background:var(--gold);color:var(--deep)}.result .button:hover{background:#f4cd7d}.note{padding:16px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.note a,.prose a{text-decoration:underline;text-underline-offset:3px}.trust{display:flex;justify-content:space-between;gap:20px;margin:22px 0 42px;padding:0 2px;font-size:13px;color:var(--muted)}.section{margin:55px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section h2{font:500 32px/1.2 Georgia,serif;margin:0}.section-head p{margin:5px 0;color:var(--muted)}.textlink{font-size:14px;font-weight:650;color:var(--green);text-decoration:underline;text-underline-offset:5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{display:block;background:#fff;border:1px solid var(--line);padding:23px;border-radius:12px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:#8fae9f;color:var(--ink)}.icon{width:40px;height:40px;border-radius:10px;background:#e7f1eb;color:var(--green);display:grid;place-items:center;font-size:22px;margin-bottom:18px}.card:nth-child(3n+2) .icon{background:#fcf1d8;color:#976b22}.card h3{font-size:17px;margin:0 0 7px}.card p{font-size:14px;color:var(--muted);margin:0}.card small{display:block;margin-top:18px;font-size:12px;color:#846225}.banner{background:var(--green);padding:34px 38px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.banner h2{font:500 30px Georgia,serif;margin:0 0 8px}.banner p{margin:0;color:#d1e3da;max-width:700px}.banner .button{background:var(--gold);color:var(--deep);white-space:nowrap}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.article-card .eyebrow{font-size:11px}.article-card h3{font:500 24px/1.25 Georgia,serif;margin:15px 0}.article-card p{font-size:14px;color:var(--muted)}.article-card small{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);background:#fff;margin-top:60px}.footer{max-width:1240px;margin:auto;padding:34px 28px;display:flex;justify-content:space-between;align-items:start;gap:25px}.footer p{font-size:13px;color:var(--muted);max-width:490px}.footer nav{display:flex;gap:25px;font-size:14px}.copyright{max-width:1240px;margin:auto;padding:0 28px 25px;font-size:12px;color:var(--muted)}.crumb{font-size:13px;color:var(--muted);padding-top:28px}.prose{max-width:790px;margin:35px auto 70px;font-size:17px}.prose h2{font:500 29px Georgia,serif;margin:35px 0 12px}.prose h3{margin:25px 0 10px}.prose p{margin:0 0 20px}.prose li{margin-bottom:10px}.prose .callout{padding:20px;border-left:3px solid var(--gold);background:#eaf2ed;margin:25px 0}.prose table{width:100%;border-collapse:collapse;font-size:15px}.prose td,.prose th{padding:12px;border:1px solid var(--line);text-align:left}.prayers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prayer{padding:14px;background:#ffffff0d;border:1px solid #ffffff25;border-radius:8px}.prayer strong{display:block;color:var(--gold);font-size:22px}.count-button{border-radius:50%;width:145px;height:145px;font-size:46px;background:var(--gold);border:8px solid #ffffff16;color:var(--deep);margin:15px auto}.error{color:#9e352b;font-size:14px;margin-top:12px}.result .error{color:#ffc5b9}.search{width:min(100%,400px);border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;margin:20px 0}.hidden{display:none!important}.panel{margin:20px 0;padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.quiet{color:var(--muted);font-size:14px}.progress{width:100%;height:8px;background:#ffffff26;border-radius:8px;margin:15px 0;overflow:hidden}.progress div{height:100%;background:var(--gold)}@media(min-width:900px){.calculator{animation:appear .5s ease both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}@media(max-width:1050px){.workspace{grid-template-columns:165px 1fr}.calc-grid{grid-template-columns:1.2fr 1fr}.form-area,.result{padding:22px}.cards{grid-template-columns:repeat(3,1fr)}.links{gap:16px}}@media(max-width:760px){main{padding:0 18px}.nav{padding:16px 18px;flex-wrap:wrap}.brand{font-size:21px}.links{width:100%;justify-content:space-between;gap:12px}.navbtn{padding:8px 12px}.intro{padding-top:30px;align-items:start}.datechip{display:none}.workspace{display:block}.sidebar{flex-direction:row;overflow-x:auto;margin-bottom:16px;padding-bottom:5px}.sidebar a{white-space:nowrap;font-size:13px}.side-label{display:none}.calc-grid{grid-template-columns:1fr}.result{padding:25px}.calc-title{padding:20px}.form-area{padding:20px}.field-grid{gap:14px}.cards{grid-template-columns:1fr 1fr}.card{padding:19px}.articles{grid-template-columns:1fr}.banner{padding:26px;display:block}.banner .button{margin-top:20px}.trust{flex-wrap:wrap;gap:10px;margin-bottom:25px}.section{margin:38px 0}.section-head{align-items:start}.section h2{font-size:28px}.footer{display:block;padding:28px 18px}.footer nav{flex-wrap:wrap}.copyright{padding:0 18px 20px}.prose{margin-top:25px}.intro h1,h1{letter-spacing:-.8px}.prayers{grid-template-columns:repeat(3,1fr)}}@media(max-width:390px){.cards,.field-grid{grid-template-columns:1fr}.links{font-size:13px}.calc-title{display:block}.badge{display:inline-block;margin-top:10px}.full{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.sidebar,footer,.actions,.section,.banner,.trust{display:none}body{background:#fff}.workspace{display:block}.result{color:#000;background:#fff;border:1px solid #ccc}.result p,.result .eyebrow{color:#333}.calc-grid{grid-template-columns:1fr 1fr}.breakdown div{border-color:#ccc}main{max-width:none;padding:0}.button{display:none}}
.city-option{display:block;width:100%;text-align:left;background:#f5f9f6;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:14px;padding:11px 13px;margin:8px 0}.city-option:hover{background:#e6f0e9;border-color:#88a99a}#city-results p{font-size:14px;margin:0 0 10px}#custom-settings{padding:16px;background:#f0f6f2;border:1px solid var(--line);border-radius:10px}#method-detail{margin:0}#prayer-location{padding:12px;background:#eef5f0;border-radius:8px;margin:0}.field select{text-overflow:ellipsis} .prose table{display:block;overflow-x:auto}
.calendar-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 24px;min-width:310px;max-width:390px;box-shadow:0 7px 20px #12372c05}.calendar-row{display:flex;justify-content:space-between;gap:16px;font-size:14px;padding-top:8px}.calendar-row>span{color:var(--muted)}.calendar-row time{font-weight:600;text-align:right}.live-time{font-size:32px;letter-spacing:1px;font-variant-numeric:tabular-nums;display:block;margin-top:8px;color:var(--green);font-weight:650}.calendar-panel small{font-size:12px;display:block;color:var(--muted);margin-top:8px}.heir-share{background:#ffffff0b;border:1px solid #ffffff25;border-radius:8px;padding:12px;margin:10px 0}.heir-share strong{display:block;color:var(--gold);font-size:19px}.heir-share span{font-size:13px;display:block}.heir-share h3{font-size:16px;margin:0 0 4px}.result .inherit-total{font-size:14px;color:#d4e4de}.inheritance-source{font-size:14px}.result .allocation-note{font-size:13px;color:#d4e4de}@media(max-width:900px){.intro:has(.calendar-panel){align-items:start}.calendar-panel{min-width:280px;padding:18px}}@media(max-width:760px){.intro:has(.calendar-panel){flex-direction:column}.calendar-panel{width:100%;max-width:none;min-width:0}.calendar-row{justify-content:space-between}.live-time{font-size:29px}}@media print{.calendar-panel{box-shadow:none}.heir-share{border-color:#aaa}.heir-share strong,.result .allocation-note{color:#222}}
.tool-guide{margin:45px auto}.tool-guide details{background:#fff;border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:15px 20px}.tool-guide summary{cursor:pointer;font-weight:650}.table-scroll{overflow-x:auto;margin:24px 0}.table-scroll table{min-width:520px;width:100%}.prose a:not(.button){text-decoration:underline;text-underline-offset:3px}
.zakat-group{border:1px solid var(--line);border-radius:10px;background:#f6f9f7;padding:16px}.zakat-group summary{cursor:pointer;font-weight:650;color:var(--green);font-size:16px}.zakat-group>.field-grid{margin-top:18px}.zakat-group .quiet{margin:0}.calculator:has(#z-mode) .calc-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.calculator:has(#z-mode) .result{align-self:start;position:sticky;top:16px}.calculator:has(#z-mode) .breakdown strong{max-width:60%;text-align:right;overflow-wrap:anywhere}@media(max-width:900px){.calculator:has(#z-mode) .calc-grid{grid-template-columns:1fr}.calculator:has(#z-mode) .result{position:static}}@media print{.zakat-group{break-inside:avoid}.zakat-group:not([open]){display:none}.tool-guide{display:none}.calculator:has(#z-mode) .calc-grid{grid-template-columns:1fr}.calculator:has(#z-mode) .result{position:static}}
.zakat-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px}.zakat-overview>div{background:#edf5f0;border-radius:8px;padding:12px}.zakat-overview span{display:block;font-size:14px;color:var(--muted)}.zakat-overview strong{display:block;color:var(--green);font-size:18px;overflow-wrap:anywhere}.zakat-overview p{margin:0}@media(max-width:600px){.zakat-overview{grid-template-columns:1fr}.zakat-overview>div{display:flex;align-items:center;justify-content:space-between;gap:12px}}
.guide-jumps{display:flex;gap:12px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.guide-jumps a{font-size:14px;font-weight:600}#zakat-questions,#zakat-sources,#zakat-method{scroll-margin-top:24px}
.article-contents{padding:20px 24px;border:1px solid var(--line);background:#fff;border-radius:12px;margin:28px 0}.article-contents ol{columns:2;column-gap:28px;padding-left:20px;margin-bottom:0}.article-contents li{break-inside:avoid;margin-bottom:8px;font-size:14px}.blog-topics{display:flex;flex-wrap:wrap;gap:12px}.blog-topics a{padding:9px 16px;background:var(--green);color:#fff;border-radius:25px;font-size:14px}.prose h2[id]{scroll-margin-top:24px}@media(max-width:600px){.article-contents ol{columns:1}}@media print{.article-contents{display:none}}
.tool-steps{padding-left:24px}.tool-steps li{margin:12px 0;padding-left:6px}.tool-guide h3[id]{scroll-margin-top:24px}
/* Shared multilingual editions. */
.language-switch{display:flex;justify-content:flex-end;gap:.7rem;max-width:1180px;margin:.7rem auto;padding:0 1.4rem;font-size:.9rem;flex-wrap:wrap}.language-switch a{padding:.35rem .7rem;border:1px solid #cddcd6;border-radius:999px;text-decoration:none;color:#064d40}.language-switch a[aria-current=page]{background:#064d40;color:white}html[lang=ar]{font-family:Tahoma,"Noto Sans Arabic",Arial,sans-serif}html[dir=rtl] .field,html[dir=rtl] .calc-title,html[dir=rtl] .prose,html[dir=rtl] .intro{text-align:right}html[dir=rtl] input[type=number],html[dir=rtl] input[type=date]{direction:ltr;text-align:right}html[dir=rtl] .amount,html[dir=rtl] .breakdown strong{unicode-bidi:plaintext}html[dir=rtl] .sidebar a{border-left:0;border-right:3px solid transparent}html[dir=rtl] .sidebar a.active{border-right-color:#064d40}html[dir=rtl] ol,html[dir=rtl] ul{padding-inline-start:1.6rem;padding-inline-end:0}.prose p{max-width:75ch}.calculator table{width:100%;border-collapse:collapse}.calculator th,.calculator td{padding:.5rem;text-align:start}
.language-switch{align-items:center;gap:.65rem}.language-switch label{display:flex;align-items:center;gap:.45rem;font-weight:600;color:#064d40}.language-switch select{width:auto;min-width:145px;max-width:100%;border:1px solid #b9cec5;border-radius:12px;background:#fff;color:#064d40;padding:.55rem 2rem .55rem .85rem;font:inherit;cursor:pointer}.language-switch select:focus-visible{outline:3px solid #e7bc63;outline-offset:3px}.language-switch noscript nav{display:flex;gap:.4rem;flex-wrap:wrap}html[dir=rtl] .language-switch select{padding-inline-start:.85rem;padding-inline-end:2rem}@media(max-width:480px){.language-switch{justify-content:flex-start;padding:0 1rem}}
.mortgage-schedule{margin-top:1.5rem}.mortgage-schedule summary{cursor:pointer;font-weight:700;color:#064d40;margin-bottom:.7rem}.mortgage-table-wrap{max-height:340px;overflow:auto;border:1px solid #cddcd6;border-radius:10px}.mortgage-schedule table{font-size:.85rem;min-width:520px}.mortgage-schedule caption{padding:.65rem;text-align:start}.mortgage-schedule thead{background:#e7f0eb}.mortgage-schedule td,.mortgage-schedule th{border-bottom:1px solid #dfe7e2;white-space:nowrap}@media print{.mortgage-table-wrap{max-height:none;overflow:visible}.mortgage-schedule table{min-width:0}}
/* Local system fonts for Japanese, Simplified Chinese and Cyrillic editions. */
html[lang=ja]{font-family:"Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic",sans-serif}html[lang^=zh]{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}html[lang=ru],html[lang=pl]{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}html[lang=ja] .intro h1,html[lang^=zh] .intro h1{line-height:1.4;letter-spacing:0}html[lang=ja] .prose,html[lang^=zh] .prose{line-height:1.9}html[lang=ja] .card,html[lang^=zh] .card{line-height:1.7}.field,.calc-title,.card,.breakdown{min-width:0;overflow-wrap:anywhere}.break-row strong{max-width:65%}.language-switch select{min-width:155px}
/* Quran reading surfaces keep Arabic and translations visually distinct. */
.q-reader{--q-font:34px;max-width:1060px;margin:auto}.q-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.q-controls .field{min-width:0}.q-controls input[type=checkbox]{width:auto}.q-controls select{width:100%}.q-search{margin:24px 0}.q-search>div{display:flex;gap:10px;margin-top:8px}.q-search input{flex:1;min-width:0}.q-player{display:flex;flex-wrap:wrap;align-items:center;gap:14px;position:sticky;top:8px;z-index:5;background:#fffdf7;border:1px solid #c5d9cb}.q-player audio{max-width:100%;flex:1;min-width:220px}.q-player p{margin:0}.q-verse{padding:28px;margin:20px 0;border:1px solid #d2dfd6;border-radius:18px;background:#fffdf9;scroll-margin-top:120px}.q-verse[hidden]{display:none}.q-verse-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#064d40}.q-verse-top .button{font-size:.85rem;padding:9px 12px}.q-arabic{font-family:'Traditional Arabic','Noto Naskh Arabic','Amiri',serif;font-size:var(--q-font);line-height:2.3;text-align:right;letter-spacing:0;margin:24px 0;overflow-wrap:normal}.q-translation{font-size:1.08rem;line-height:1.9;border-inline-start:3px solid #be994e;padding-inline-start:18px}.q-latin{font-style:italic;line-height:1.8;color:#4c6057}.q-playing{border:2px solid #9f7830;background:#fff7de}.q-saved{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.q-reader details summary{cursor:pointer;font-weight:700}.q-reader .prose{margin-top:30px}.q-reader select{color:#133c30}.q-reader input[type=range]{accent-color:#0a634a}.q-reader button:disabled{opacity:.5;cursor:default}@media(max-width:700px){.q-controls{grid-template-columns:1fr}.q-verse{padding:18px}.q-player{position:static}.q-verse-top{gap:8px}.q-search>div{flex-wrap:wrap}.q-search input{width:100%}}
.h-arabic{font-family:Amiri,"Noto Naskh Arabic",Georgia,serif;font-size:1.6rem;line-height:2.2;margin:1.5rem 0;overflow-wrap:anywhere}.h-arabic p{padding:1rem;background:var(--white,#fff);border-bottom:1px solid #dbe5df}.h-arabic h3{font-size:1.45rem;color:#064d40}#h-reader .panel{margin-top:1rem}#h-reader .field{max-width:100%}#h-reader .q-controls select{max-width:100%}