.hi-resources{--resource-bg: #faf9f6;--resource-surface: #fff;--resource-ink: #203a2d;--resource-muted: #55645c;--resource-line: #e1e4dc;--resource-green: #2d6a4f;--resource-soft: #eef2e9;--resource-action: #2d6a4f;--resource-action-ink: #fff;--resource-action-hover: #24573f;color:var(--resource-ink);background:var(--resource-bg);min-height:70vh;font-family:Work Sans,system-ui,sans-serif}.dark .hi-resources{--resource-bg: #181a1d;--resource-surface: #23262b;--resource-ink: #eeeae3;--resource-muted: #b9bcb9;--resource-line: #3b4148;--resource-green: #a9d2b7;--resource-soft: #28332e;--resource-action: #a9d2b7;--resource-action-ink: #18231d;--resource-action-hover: #c0dfca}.hi-resources .resource-container{max-width:1240px;margin:auto;padding:28px 28px 72px}@media (min-width: 768px){.hi-resources .resource-container{padding-top:116px}}.hi-resources h1,.hi-resources h2,.hi-resources h3{font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-.035em}.hi-resources .resource-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--resource-green);margin-bottom:18px}.hi-resources .resource-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--resource-muted);margin-bottom:32px}.hi-resources .resource-breadcrumbs a:hover{color:var(--resource-green);text-decoration:underline}.hi-resources .resource-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:64px;padding:30px 0 48px}.hi-resources .resource-hero h1{font-size:clamp(36px,4.3vw,58px);line-height:1.12;max-width:720px;margin-bottom:22px}.hi-resources .resource-hero p:not(.resource-eyebrow){color:var(--resource-muted);line-height:1.8;font-size:16px;max-width:590px}.hi-resources .resource-search-panel{background:var(--resource-soft);border-radius:26px;padding:28px}.hi-resources .resource-search-panel label{font-weight:600;display:block;margin-bottom:15px}.hi-resources .resource-search-field{background:var(--resource-surface);border:1px solid var(--resource-line);border-radius:14px;display:flex;align-items:center;gap:10px;padding:14px}.hi-resources .resource-search-field input{width:100%;min-width:0;background:transparent;color:var(--resource-ink);border:0;outline:none;font-size:16px}.hi-resources .resource-search-field:focus-within{outline:2px solid var(--resource-green);outline-offset:3px}.hi-resources .resource-search-field button{padding:3px}.hi-resources .resource-search-panel .resource-search-note{font-size:12px!important;margin-top:15px;line-height:1.6!important}.hi-resources .resource-section{margin-top:48px}.hi-resources .resource-section-heading{margin-bottom:24px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}.hi-resources .resource-section-heading h2{font-size:clamp(26px,3vw,34px);line-height:1.25}.hi-resources .resource-section-heading p{color:var(--resource-muted);line-height:1.7;font-size:14px;margin-top:8px}.hi-resources .resource-quick-grid,.hi-resources .resource-category-grid,.hi-resources .resource-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hi-resources .resource-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hi-resources .resource-tone-sage{--resource-tone: #387451;--resource-tint: #edf2e9}.hi-resources .resource-tone-blue{--resource-tone: #496e82;--resource-tint: #eef3f6}.hi-resources .resource-tone-plum{--resource-tone: #7b617e;--resource-tint: #f3eef4}.hi-resources .resource-tone-sand{--resource-tone: #86633a;--resource-tint: #f5f0e7}.hi-resources .resource-tone-rose{--resource-tone: #8c6268;--resource-tint: #f7eff0}.dark .hi-resources .resource-tone-sage{--resource-tone: #afd0b7;--resource-tint: #28372f}.dark .hi-resources .resource-tone-blue{--resource-tone: #a1c3d7;--resource-tint: #27343e}.dark .hi-resources .resource-tone-plum{--resource-tone: #c7aecf;--resource-tint: #37303d}.dark .hi-resources .resource-tone-sand{--resource-tone: #d5bd98;--resource-tint: #373229}.dark .hi-resources .resource-tone-rose{--resource-tone: #d9b2bc;--resource-tint: #3a2e35}.hi-resources .resource-card{height:100%;padding:27px;border:1px solid var(--resource-line);border-radius:22px;background:var(--resource-surface);display:flex;flex-direction:column;gap:23px;transition:transform .25s,box-shadow .25s,border-color .25s}.hi-resources .resource-card:hover{transform:translateY(-4px);border-color:var(--resource-tone);box-shadow:0 12px 24px #14281e12}.hi-resources .resource-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--resource-tone)}.hi-resources .resource-card-top>svg{width:18px}.hi-resources .resource-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:var(--resource-tint, var(--resource-soft));color:var(--resource-tone, var(--resource-green));flex:none}.hi-resources .resource-icon svg{width:23px;height:23px}.hi-resources .resource-card h3{font-size:22px;line-height:1.35;margin-bottom:9px}.hi-resources .resource-card p{font-size:14px;line-height:1.75;color:var(--resource-muted)}.hi-resources .resource-card-label{display:flex;align-items:center;gap:8px;color:var(--resource-tone);font-weight:500;font-size:12px;margin-top:auto}.hi-resources .resource-quick-card{background:var(--resource-tint)}.hi-resources .resource-category-card{padding:22px;gap:18px}.hi-resources .resource-category-card h3{font-size:24px}.hi-resources .resource-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.hi-resources .resource-filters button{border:1px solid var(--resource-line);border-radius:99px;padding:9px 14px;color:var(--resource-muted);font-size:13px;background:var(--resource-surface)}.hi-resources .resource-filters button[aria-pressed=true]{background:#2d6a4f;border-color:#2d6a4f;color:#fff}.hi-resources .resource-empty{padding:40px 25px;background:var(--resource-surface);border:1px solid var(--resource-line);border-radius:20px;text-align:center;line-height:1.9}.hi-resources .resource-empty p{color:var(--resource-muted)}.hi-resources .resource-text-link{display:inline-flex;gap:8px;align-items:center;color:var(--resource-green);font-weight:500;margin-top:28px}.hi-resources .resource-category-header{padding:36px 0;max-width:760px}.hi-resources .resource-category-header .resource-icon{margin-bottom:24px}.hi-resources .resource-category-header h1{font-size:clamp(34px,4.5vw,54px);line-height:1.15;margin-bottom:20px}.hi-resources .resource-category-header>p:not(.resource-eyebrow){color:var(--resource-muted);line-height:1.8}.hi-resources .resource-small-note{font-size:13px;margin-top:20px}.hi-resources .resource-quote{padding:25px;border-inline-start:3px solid var(--resource-green);background:var(--resource-soft);border-radius:0 18px 18px 0;margin-top:36px;line-height:1.9}.hi-resources .resource-quote cite{display:block;font-style:normal;font-size:12px;color:var(--resource-muted);margin-top:12px}.hi-resources .resource-reader-grid{display:grid;gap:38px;align-items:start}.hi-resources .resource-has-contents{grid-template-columns:minmax(0,1fr) 230px}.hi-resources .resource-article{min-width:0}.hi-resources .resource-article>div{background:transparent;min-height:0}.hi-resources .resource-article>div>div{padding:0;max-width:none}.hi-resources .resource-article>div>div>:first-child{text-align:start;margin-bottom:35px}.hi-resources .resource-article>div>div>:first-child .justify-center{justify-content:flex-start}.hi-resources .resource-article h1{font-size:clamp(30px,3.3vw,45px);line-height:1.2}.hi-resources .resource-article .modern-card,.hi-resources .resource-article .glass-effect-dark{background:var(--resource-surface);border-color:var(--resource-line);box-shadow:none;border-radius:20px;-webkit-backdrop-filter:none;backdrop-filter:none}.hi-resources .resource-article [data-resource-heading]{font-family:Lora,Georgia,serif;font-size:22px;font-weight:500;line-height:1.4;scroll-margin-top:110px}.hi-resources .resource-article h2{scroll-margin-top:110px}.hi-resources .resource-article .text-xs{font-size:12px;line-height:1.8}.hi-resources .resource-article .text-sm{font-size:14px;line-height:1.8}.hi-resources .resource-article [class~="text-[var(--primary)]"]{color:var(--resource-green)}.hi-resources .resource-article [class~="text-[var(--text-muted)]"],.hi-resources .resource-article .text-gray-400{color:var(--resource-muted)}.hi-resources .resource-article span[class~="bg-[var(--primary-light)]"]{background:var(--resource-soft)}.hi-resources .resource-article span[class~="bg-[var(--primary)]"].text-white{background:var(--resource-action);color:var(--resource-action-ink)}.hi-resources .resource-article :is(.text-green-600,.text-emerald-500){color:#166534}.hi-resources .resource-article :is(.text-red-500,.text-red-600,.text-rose-600){color:#9f2741}.hi-resources .resource-article :is(.text-blue-500,.text-blue-600){color:#1e40af}.hi-resources .resource-article :is(.text-purple-500,.text-pink-500){color:#7b3d83}.hi-resources .resource-article :is(.text-amber-500,.text-amber-600,.text-yellow-600,.text-orange-500,.text-orange-600){color:#854d0e}.dark .hi-resources .resource-article :is(.text-green-600,.text-emerald-500){color:#b1d7bc}.dark .hi-resources .resource-article :is(.text-red-500,.text-red-600,.text-rose-600){color:#f2b3b3}.dark .hi-resources .resource-article :is(.text-blue-500,.text-blue-600){color:#b3d1ee}.dark .hi-resources .resource-article :is(.text-purple-500,.text-pink-500){color:#d2b6df}.dark .hi-resources .resource-article :is(.text-amber-500,.text-amber-600,.text-yellow-600,.text-orange-500,.text-orange-600){color:#ecd29f}.dark .hi-resources .resource-article :is(.bg-amber-100,.bg-orange-100).rounded-full{background:#373229}.hi-resources .resource-article p,.hi-resources .resource-article li{overflow-wrap:break-word}.hi-resources .resource-article table{width:100%}.hi-resources .resource-contents{position:sticky;top:110px;padding:20px;border:1px solid var(--resource-line);border-radius:18px;background:var(--resource-surface);max-height:calc(100dvh - 145px);overflow:auto}.hi-resources .resource-contents nav{display:grid;gap:3px}.hi-resources .resource-contents button{text-align:start;font-size:12px;line-height:1.6;color:var(--resource-muted);padding:8px 0}.hi-resources .resource-contents button:hover{color:var(--resource-green)}.hi-resources :is(a,button):focus-visible{outline:2px solid var(--resource-green);outline-offset:4px}.hi-resources .resource-guide-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hi-resources .resource-guide-controls button{min-height:44px}.hi-resources .resource-guide-step{background:var(--resource-surface);border:1px solid var(--resource-line);border-radius:24px;padding:30px}.hi-resources .resource-guide-step h2{font-size:28px;margin:10px 0 24px;line-height:1.3}.hi-resources .resource-recitation{padding:24px;margin:20px 0;background:var(--resource-soft);border-radius:16px;text-align:center}.hi-resources .resource-recitation .quran-ar{font-size:28px;line-height:2;color:var(--resource-ink)}.hi-resources .resource-recitation p:not(.quran-ar){margin-top:10px;line-height:1.8;color:var(--resource-muted);font-size:14px}.hi-resources .resource-step-description{line-height:1.9}.hi-resources .resource-step-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--resource-muted);font-size:12px}.hi-resources .resource-guide-progress{height:6px;border-radius:99px;background:var(--resource-soft);overflow:hidden;margin:14px 0 24px}.hi-resources .resource-guide-progress span{display:block;height:100%;background:#2d6a4f;transition:width .25s ease}.hi-resources .resource-source{display:block;font-size:12px;color:var(--resource-green);line-height:1.8;margin-top:16px}.hi-resources .resource-source a{text-decoration:underline;text-underline-offset:3px}.hi-resources .resource-guide-summary{display:grid;gap:20px;margin-top:24px}.hi-resources .resource-guide-summary h2{font-size:23px}.hi-resources .resource-rakat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.hi-resources .resource-rakat-option{padding:28px;border:1px solid var(--resource-line);background:var(--resource-surface);border-radius:22px;text-align:start;transition:transform .2s,border-color .2s}.hi-resources .resource-rakat-option:hover{transform:translateY(-3px);border-color:var(--resource-green)}.hi-resources .resource-rakat-option strong{display:block;font:500 36px Lora,Georgia,serif;margin:22px 0 8px}.hi-resources .resource-rakat-option p{color:var(--resource-muted);font-size:14px;line-height:1.8}.hi-resources .resource-rakat-option .resource-text-link{font-size:13px}.hi-resources .resource-guide-note{font-size:13px;line-height:1.9;color:var(--resource-muted);background:var(--resource-soft);border-radius:16px;padding:20px;margin-top:26px}.hi-resources .resource-checklist{display:grid;gap:10px;padding:20px 0;line-height:1.8}.hi-resources .resource-checklist li{display:flex;align-items:start;gap:10px}.hi-resources .resource-checklist svg{width:18px;flex:none;margin-top:4px;color:var(--resource-green)}@media (max-width: 900px){.hi-resources .resource-hero{gap:30px;grid-template-columns:1fr}.hi-resources .resource-has-contents{grid-template-columns:minmax(0,1fr)}.hi-resources .resource-contents{grid-row:1;position:static;max-height:240px}.hi-resources .resource-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.hi-resources .resource-container{padding:20px 18px 44px}.hi-resources .resource-hero{padding-top:8px;gap:26px}.hi-resources .resource-search-panel{padding:22px}.hi-resources .resource-breadcrumbs{margin-bottom:25px}.hi-resources .resource-quick-grid,.hi-resources .resource-category-grid,.hi-resources .resource-topic-grid,.hi-resources .resource-related-grid{grid-template-columns:1fr;gap:14px}.hi-resources .resource-card{padding:22px;gap:18px}.hi-resources .resource-quick-grid .resource-card{display:grid;grid-template-columns:auto 1fr;gap:10px 16px}.hi-resources .resource-quick-grid .resource-card-top>svg{display:none}.hi-resources .resource-quick-grid .resource-card-label{grid-column:2}.hi-resources .resource-section{margin-top:34px}.hi-resources .resource-article .p-8{padding:20px}.hi-resources .resource-article .p-6{padding:18px}.hi-resources .resource-rakat-grid{grid-template-columns:1fr;gap:12px}.hi-resources .resource-rakat-option{padding:22px}.hi-resources .resource-rakat-option strong{margin:12px 0 6px}.hi-resources .resource-guide-step{padding:20px}.hi-resources .resource-recitation{padding:18px}.hi-resources .resource-recitation .quran-ar{font-size:25px}}@media (prefers-reduced-motion: reduce){.hi-resources *,.hi-resources *:before{transition:none!important;animation:none!important}}.hi-resources .resource-contents-toggle{display:none}.hi-resources .resource-article button:is(.inline-flex,.flex){min-height:44px}.hi-resources .resource-article>div>div>.flex.justify-center.gap-4{flex-wrap:wrap}.hi-resources .resource-article button.border-input{background:var(--resource-surface);color:var(--resource-ink);border-color:var(--resource-line)}.hi-resources .resource-article button.border-input:not(:disabled):hover{background:var(--resource-soft)}.hi-resources .resource-article button:is(.bg-primary,.bg-green-600,[class~="bg-[var(--primary)]"]),.hi-resources .resource-guide-controls button[aria-pressed=true]{background:var(--resource-action);color:var(--resource-action-ink);border-color:var(--resource-action)}.hi-resources .resource-article button:is(.bg-primary,.bg-green-600,[class~="bg-[var(--primary)]"]):not(:disabled):hover,.hi-resources .resource-guide-controls button[aria-pressed=true]:not(:disabled):hover{background:var(--resource-action-hover)}.hi-resources .resource-guide-step{animation:resource-step-enter .22s ease-out}@keyframes resource-step-enter{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hi-resources .resource-contents{padding:12px 18px}.hi-resources .resource-desktop-contents-title{display:none}.hi-resources .resource-contents-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;color:var(--resource-green);font-weight:600;min-height:24px}.hi-resources .resource-contents nav{display:none}.hi-resources .resource-contents.is-open nav{display:grid;margin-top:8px}}.hi-resources .resource-reference-list{margin-top:32px;padding:24px;border:1px solid var(--resource-line);border-radius:18px;background:var(--resource-surface)}.hi-resources .resource-reference-list h2{font-size:23px;margin-bottom:16px}.hi-resources .resource-reference-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:var(--resource-green);font-size:14px;text-decoration:underline;text-underline-offset:3px}.hi-resources .resource-filters button{min-height:44px}.hi-resources .resource-contents-toggle{min-height:28px}