.zakat-page{max-width:70rem;margin-inline:auto;padding-block:2rem 3rem}
.zakat-page h1{margin-block:.7rem;font-size:clamp(2rem,5vw,3.6rem)}
.zakat-lead{color:var(--muted);font-size:1.15rem;margin-bottom:1.25rem}
.zakat-privacy{max-width:53rem;color:var(--muted);font-size:.94rem}
.zakat-page [hidden]{display:none!important}
.zakat-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);gap:2rem;align-items:start;margin-top:1.75rem}
.zakat-controls,.zakat-summary{min-width:0}
.zakat-card{background:var(--panel);border:1px solid var(--rule);border-radius:.8rem;padding:1.25rem;margin-bottom:1.3rem}
.zakat-card h2{font-size:1.45rem;margin:0 0 .75rem}
.zakat-page fieldset{border:0;padding:0;margin:1.4rem 0;min-width:0}
.zakat-page legend{font-weight:600;font-size:1.15rem;margin-bottom:.5rem}
.zakat-choices{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.zakat-choice{display:flex;align-items:center;gap:.6rem;min-height:2.8rem;cursor:pointer}
.zakat-choice input{width:1.2rem;height:1.2rem;flex-shrink:0;accent-color:var(--green)}
.zakat-year{align-items:flex-start;padding-block:.8rem}
.zakat-year input{margin-top:.3rem}
.zakat-field{margin-block:1rem}
.zakat-field label{display:block;font-weight:500;margin-bottom:.35rem}
.zakat-field--jewelry{margin-left:1.2rem}
.zakat-input-line{display:flex;align-items:center;gap:.65rem}
.zakat-input-line input{display:block;min-width:0;width:100%;min-height:3rem;padding:.65rem .8rem;border:1px solid var(--control);border-radius:.4rem;background:var(--paper);color:var(--ink);font:inherit}
.zakat-unit{min-width:1.8rem;color:var(--muted)}
.zakat-page input:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.zakat-page input[aria-invalid=true]{border-width:2px}
.zakat-error{display:block;font-size:.9rem;font-weight:600;margin-top:.3rem}
.zakat-result{background:var(--soft);border-color:var(--green)}
.zakat-result p{margin:.5rem 0}
#zakat-outcome{font-weight:700;font-size:1.3rem}
.zakat-donate{display:inline-flex;margin:.25rem 0 .5rem}
.zakat-note{color:var(--muted);font-size:.92rem}
.zakat-guide{margin-top:2rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:1rem}
.zakat-guide summary{cursor:pointer;font-family:var(--serif);font-size:1.6rem;padding:.4rem 0;min-height:2.8rem}
.zakat-guide-content{max-width:49rem;padding-block:.5rem 1rem}
.zakat-guide h3{font-size:1.4rem;margin-top:1.7rem}
.zakat-guide blockquote{margin:1rem 0;padding:.4rem 0 .4rem 1.2rem;border-left:3px solid var(--gold-line)}
.zakat-guide cite{font-style:normal;color:var(--muted)}
.zakat-sources{padding-left:1.25rem}
.zakat-sources li{margin-block:.9rem}
.zakat-sources a{display:inline-block;padding-block:.25rem}
@media(max-width:48rem){.zakat-layout{grid-template-columns:minmax(0,1fr);gap:.5rem}.zakat-page{padding-top:1.25rem}.zakat-card{padding:1rem}.zakat-choices{gap:.2rem 1rem}}
@media(prefers-reduced-motion:reduce){.zakat-page{scroll-behavior:auto}}