/* Shared visual system for service discovery and practical reading. */
:root{--radius:14px;--muted:#536976;--teal:#116b65}
h1,h2,h3{font-weight:600;letter-spacing:-.025em}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow{letter-spacing:0}
[dir=rtl] .arrow{transform:scaleX(-1)}
.arrow{display:inline-block;vertical-align:middle}
.site-header{position:sticky;top:0;box-shadow:0 3px 20px #061d3010}
body.admin-bar .site-header{top:32px}
.nav-row{min-height:88px}.brand img{width:54px;height:54px;border-radius:8px}
.brand strong{font-weight:600}.main-nav a{min-height:44px;display:inline-flex;align-items:center}
.nav-contact,.menu-toggle,.button{border-radius:7px}
.main-nav a[aria-current]{color:#e8c991}
.page-hero{padding-block:48px 58px;background:radial-gradient(ellipse at 90% 0%,#193e4b 0%,var(--navy) 65%)}
.page-hero h1{font-size:clamp(30px,3.6vw,50px);line-height:1.45;margin-bottom:18px}
.page-hero .lead{line-height:1.95;margin-bottom:0}
.breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:24px;font-size:13px}
.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}
.service-hero .text-link{margin-top:22px}
.service-hero-art{border-radius:16px;overflow:hidden;background:#ece5d8;box-shadow:0 18px 50px #0003}
.service-hero-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.section{padding-block:72px}.section-head{gap:32px}.section-head h2{font-size:clamp(26px,2.7vw,36px)}
.cards{border:0;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.card,.finder-result,.knowledge-card{padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 4px 16px #09263b04;min-width:0}
.card-media,.finder-art,.knowledge-art{display:block;aspect-ratio:16/9;background:#eae4d8;overflow:hidden}
.card-media img,.finder-art img,.knowledge-art img{display:block;width:100%;height:100%;object-fit:cover}
.card-copy,.finder-copy,.knowledge-copy{padding:24px;display:flex;flex-direction:column;flex:1;gap:0}
.card-copy h3,.finder-copy h3,.knowledge-copy h2{font-size:22px;line-height:1.6;margin-bottom:12px}
.card-copy p,.finder-copy p,.knowledge-copy p{font-size:15px;line-height:1.95;color:var(--muted);margin-bottom:18px;flex:1}
.finder-result{display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s,transform .18s}
.finder-result:hover{border-color:#66877e;box-shadow:0 8px 24px #09263b12;transform:translateY(-2px)}
.finder-copy .text-link,.card-copy .text-link,.knowledge-copy .text-link{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;font-size:14px;min-height:44px;color:var(--teal);border-color:#77a59b}
.card-copy h3 a:hover,.knowledge-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.card .text-link:hover,.knowledge-card .text-link:hover{color:#073e3a}
.finder-results,.knowledge-grid{gap:24px}.service-finder{background:var(--paper)!important}
.service-finder select{border-radius:8px;min-height:56px;font-size:16px;max-width:850px}
.service-finder .help-note{margin-block:8px 24px}
.strip{border-radius:12px;background:#edf2ef;padding:28px;margin-top:32px}
.strip strong{display:block;margin-bottom:6px}.strip .text-link{flex-shrink:0}
.service-process{margin-top:24px}.service-process .step{border-color:var(--line)}
.service-process .step p{color:var(--muted)}.service-process .step b{color:var(--teal);font-size:15px}
.knowledge-toolbar{margin-bottom:20px;align-items:center}.knowledge-toolbar label{font-size:17px;font-weight:600}
.knowledge-toolbar>div{width:min(720px,100%)}.knowledge-toolbar input{border-color:#92a6ab;border-radius:9px;font-size:17px;background:#fff;padding:17px 20px}
.knowledge-toolbar p{white-space:nowrap;font-size:14px}
.knowledge-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.knowledge-filters button{background:#fff;border:1px solid #b5c5c5;border-radius:24px;min-height:44px;padding:8px 18px;color:var(--ink);cursor:pointer;font-size:14px}
.knowledge-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.knowledge-filters button:hover{border-color:var(--teal)}
.category-pill{display:inline-flex;background:#e8f1ed;color:#21594d;border-radius:5px;padding:4px 9px;font-size:12px;align-self:flex-start}
.knowledge-copy .article-meta{margin-bottom:14px;gap:12px;font-size:12px;color:#526975}
.library-more{margin-top:26px;text-align:end}
.knowledge-grid .knowledge-copy{padding:24px}.empty-state{background:#fff;border-radius:12px}
.service-section{scroll-margin-top:120px}.service-section h2{font-size:29px;line-height:1.55}
.service-jump a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.service-jump nav{padding-block:8px;gap:30px}
.preparation-panel,.aside-card,.related-card,.topic,.form-box,.cta-box,.team-card{border-radius:12px}
.service-aside{position:sticky;top:112px;background:var(--ink)}
.service-aside p{color:#d0dde1}.service-aside .tag{display:block;margin-bottom:9px;color:#e2c18d;font-size:11px}
.aside-reading a{font-size:15px;line-height:1.8;margin-top:0}.aside-reading a:hover{text-decoration:underline;text-underline-offset:4px}
.service-aside .button{display:flex;gap:12px}.service-aside .direct-contact{padding-block:8px;font-size:16px}
.article-layout{grid-template-columns:230px minmax(0,1fr);gap:60px}.article-content{max-width:780px;font-size:18px}
.article-content h2{font-size:29px;line-height:1.65;scroll-margin-top:118px}
.article-content h3{font-size:23px}.article-content p,.article-content li{line-height:2}
.article-illustration{margin-block:4px 32px;border-radius:12px;overflow:hidden;background:#f0e9df}
.article-illustration img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.article-toc{top:112px;padding-inline-end:22px;max-height:calc(100dvh - 140px);overflow-y:auto}
.toc-disclosure{padding-top:0;border:0}.toc-disclosure>summary{font-size:16px;font-weight:600;padding-bottom:16px;min-height:44px}
.article-toc nav a{font-size:14px;line-height:1.75;border-radius:5px;padding:10px 12px;margin-bottom:3px}
.article-toc nav a[aria-current=true]{border-color:var(--teal);background:#e7efea;color:#145448}
.article-toc .print-article{font-size:13px;margin-top:12px;min-height:44px}
.article-content .article-meta{font-size:12px;gap:14px;color:#596e75}
.article-next{border-radius:12px;background:#edf2ef;padding:32px}.article-next h2{font-size:26px}
.article-content .next-reading a{font-size:16px;padding:20px;text-decoration:none!important;line-height:1.7}
.article-content .next-reading a:hover{background:#eff4f0}.table-scroll{border-radius:8px}
.footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-grid a{overflow-wrap:anywhere}
@media(min-width:801px){.home-guides{grid-template-columns:repeat(3,minmax(0,1fr))}.home-guides .knowledge-copy h2{font-size:21px}}
@media(max-width:1100px){.service-hero-grid{gap:30px}.article-layout{gap:32px;grid-template-columns:200px minmax(0,1fr)}.main-nav{gap:16px}}
@media(max-width:800px){
 .section{padding-block:46px}.nav-row{min-height:80px}.site-header{position:relative}body.admin-bar .site-header{top:0}
 .page-hero{padding-block:28px 38px}.page-hero h1{font-size:33px}.page-hero .lead{font-size:16px}
 .service-hero-grid{grid-template-columns:1fr;gap:28px}.service-hero-art{max-width:600px;width:100%}.service-hero-art img{max-height:300px}
 .cards,.finder-results,.home-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
 .article-layout{grid-template-columns:1fr;gap:24px}.article-toc{position:static;max-height:none;overflow:visible;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:#f6f8f5}
 .article-toc .toc-disclosure{padding:0}.toc-disclosure>summary{padding:6px 0}.article-toc nav{display:block}.article-toc nav a{border:0;padding:10px;margin:0}
 .article-toc .print-article{margin-top:2px}.article-content{font-size:17px;max-width:100%}.article-content h2{font-size:26px}
 .article-content h2,.service-section{scroll-margin-top:20px}.service-aside{position:static}.knowledge-toolbar{gap:12px}
 .knowledge-copy h2,.finder-copy h3,.card-copy h3{font-size:21px}.card-copy,.finder-copy,.knowledge-grid .knowledge-copy{padding:21px}
 .main-nav a{display:flex}.service-process{grid-template-columns:1fr}.service-process .step{padding-top:18px}.service-process .step b{margin-bottom:10px}
}
@media(max-width:540px){
 .cards,.finder-results,.home-guides,.knowledge-grid{grid-template-columns:1fr}.page-hero h1{font-size:30px}
 .knowledge-filters{gap:8px}.knowledge-filters button{padding:8px 12px;font-size:13px}.knowledge-toolbar input{font-size:16px}
 .knowledge-copy h2,.card-copy h3,.finder-copy h3{font-size:22px}.knowledge-copy p,.card-copy p,.finder-copy p{font-size:15px}
 .article-illustration{margin-bottom:24px}.article-next{padding:23px}.article-content h2{font-size:25px}
 .service-jump nav{gap:0 18px}.service-jump a{font-size:13px}.strip{padding:22px}.section-head{margin-bottom:26px}
 .brand img{width:46px;height:46px}.brand strong{font-size:17px}.brand small{font-size:9px!important}.menu-toggle{font-size:14px;padding:8px 12px}
}
@media print{.article-illustration{max-height:200px;overflow:hidden}.page-hero{background:white;color:black}.service-hero-art{display:none}.site-header{display:none}.section{padding-block:12px}}

/* Practical service content: examples and specific review questions. */
.service-situations{display:grid;gap:16px}.service-situations .topic{background:#fff;padding:24px}.service-situations h3{font-size:21px;margin-bottom:10px}.service-situations p{font-size:16px;line-height:1.95;margin-bottom:0}.service-example,.answer-panel{border-inline-start:4px solid #116b65;background:#edf3ef;padding:28px;border-radius:8px}.service-example .eyebrow{font-size:13px;margin-bottom:12px}.service-example p{font-size:17px;line-height:1.95;margin:0}.source-panel h2{font-size:23px}.source-panel a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.source-panel li{margin-bottom:12px;font-size:15px}.answer-panel h2{margin-top:0}.answer-panel p:last-child{margin-bottom:0}

/* Purpose-led business zakat routes. */
.zakat-task-grid{display:grid;gap:18px;margin-block:26px}.zakat-task-grid article{padding:24px;border:1px solid #d6dfe2;border-radius:14px;background:#fff}.zakat-task-grid h3{margin-block:10px;font-size:1.25rem}.zakat-task-grid p{margin-block:10px 20px}.task-number{font-size:.85rem;letter-spacing:.12em;color:#856630;font-weight:700}.official-route{padding:24px;background:#eef4f4;border-inline-start:3px solid #927647;border-radius:8px}.official-route h3{margin-top:0}.zakat-tasks .text-link{white-space:normal}.review-checks{list-style:none;padding:0}.review-checks li{padding:14px 0;border-bottom:1px solid #d9e0e2}.review-checks label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.review-checks input{margin-top:8px;flex-shrink:0;accent-color:#163e50;width:20px;height:20px}.review-checks input:checked+span{text-decoration:line-through;color:#667680}.review-checks input:focus-visible{outline:3px solid #997344;outline-offset:3px}@media(min-width:650px){.zakat-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{.official-route,.zakat-task-grid article{break-inside:avoid}.review-checks input{appearance:auto}}