.th-article-page{max-width:1120px;width:100%;margin-inline:auto;overflow-x:hidden}.th-article-hero{max-width:900px;margin-inline:auto;text-align:left;padding-top:30px}.th-article-hero h1{max-width:920px}.th-article-toc{max-width:820px;margin:0 auto 34px;padding:22px 24px;border:1px solid var(--th-border);border-radius:20px;background:linear-gradient(145deg,#fff,#f6faf9);box-shadow:var(--th-shadow-soft)}.th-article-toc>strong{display:block;font-size:1.05rem;color:var(--th-text);margin-bottom:10px}.th-article-toc ol{columns:2;column-gap:36px;margin:0;padding-left:20px}.th-article-toc li{break-inside:avoid;margin:8px 0;color:var(--th-muted)}.th-article-toc li.is-level-3{margin-left:10px;font-size:.94rem}.th-article-toc a{color:var(--th-primary-dark);text-decoration:none;font-weight:700}.th-article-toc a:hover{text-decoration:underline}.th-article-body{width:min(820px,100%);max-width:820px;margin-inline:auto;font-size:1.04rem;line-height:1.85;color:#263342}.th-article-heading{scroll-margin-top:105px;color:#172231;letter-spacing:-.02em}.th-article-body h2{font-size:clamp(1.48rem,2.5vw,1.9rem);line-height:1.3;margin:46px 0 18px;padding-top:4px}.th-article-body h3{font-size:1.22rem;line-height:1.4;margin:32px 0 14px}.th-article-paragraph{margin:0 0 20px}.th-article-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0;width:100%}.th-article-card{min-width:0;padding:20px;border:1px solid #dce4e8;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(18,32,47,.045);overflow-wrap:anywhere}.th-article-card__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--th-primary-soft);color:var(--th-primary);margin-bottom:12px}.th-article-card h3{font-size:1.04rem;margin:0 0 7px;color:var(--th-text)}.th-article-card p{margin:0;color:#526171;line-height:1.65;font-size:.95rem}.th-article-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px}.th-article-steps li{display:flex;gap:14px;padding:18px;border:1px solid var(--th-border);border-radius:16px;background:#fff}.th-article-step__num{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--th-primary);color:#fff;font-weight:800}.th-article-steps strong{display:block;color:var(--th-text);margin-bottom:4px}.th-article-steps p{margin:0;color:var(--th-muted);line-height:1.7}.th-article-formula{margin:28px 0;padding:22px;border-radius:18px;background:#182932;color:#f7fbfd;box-shadow:0 12px 28px rgba(18,32,47,.11);max-width:100%;overflow:hidden}.th-article-formula strong{display:block;margin-bottom:12px;font-size:1.05rem}.th-article-formula code{display:block;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.96rem;line-height:1.55;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.th-article-formula p{margin:12px 0 0;color:#d9e4e8;line-height:1.7}.th-article-table-wrap{width:100%;max-width:100%;margin:24px 0 34px;border:1px solid #dce4e8;border-radius:16px;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;background:#fff;box-shadow:0 6px 18px rgba(18,32,47,.035)}.th-article-table-caption{padding:14px 16px;background:#eef7f4;border-bottom:1px solid #dce4e8;font-weight:800;color:var(--th-primary-dark);line-height:1.5;position:sticky;left:0}.th-article-table{width:100%;min-width:620px;border-collapse:collapse;background:#fff;font-size:.96rem;line-height:1.55;table-layout:auto}.th-article-table th,.th-article-table td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid #e7ecef;overflow-wrap:normal;word-break:normal;hyphens:none}.th-article-table th{background:#f8fafb;color:#1f2d3a;font-weight:800;white-space:normal}.th-article-table td{color:#344454}.th-article-table tbody tr:nth-child(even){background:#fbfcfd}.th-article-table tr:last-child td{border-bottom:none}.th-article-table tbody tr:hover{background:#f4f8f7}.th-article-table-wrap:has(.th-article-table th:nth-child(6)){width:min(1120px,calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table{min-width:1080px;font-size:.9rem;line-height:1.5}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table th,.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table td{min-width:145px;padding:14px 13px}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table th:first-child,.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table td:first-child{min-width:175px;position:sticky;left:0;z-index:2;background:#fff;box-shadow:8px 0 12px -12px rgba(18,32,47,.35)}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table th:first-child{z-index:3;background:#f8fafb}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table tbody tr:nth-child(even) td:first-child{background:#fbfcfd}.th-article-sources{margin:48px 0 10px;padding:24px;border-radius:20px;background:#f7f9fb;border:1px solid var(--th-border)}.th-article-sources h2{font-size:1.3rem!important;margin:0 0 14px!important}.th-article-sources ol{margin:0;padding-left:22px}.th-article-sources li{margin:10px 0}.th-article-sources a{font-weight:750;color:var(--th-blue)}.th-article-sources span{display:block;color:var(--th-muted);font-size:.88rem;margin-top:2px}.th-article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,var(--th-primary-soft),#fff8e4);border:1px solid #dbe8e3}.th-article-cta strong{display:block;font-size:1.15rem;color:var(--th-text)}.th-article-cta p{margin:5px 0 0;color:var(--th-muted)}.th-article-cta .th-button{flex:0 0 auto;text-decoration:none;background:var(--th-primary);color:#fff;padding:11px 16px;border-radius:12px;font-weight:800}.th-article-callout{margin:24px 0;padding:18px 20px;border-radius:14px;box-shadow:0 8px 22px rgba(18,32,47,.04);line-height:1.7}.th-article-callout strong{display:block;margin-bottom:6px}.th-article-callout p{margin:0}.th-article-list{padding-left:22px;margin:18px 0 26px}.th-article-list li{margin:8px 0;padding-left:4px}.th-article-cover{aspect-ratio:16/7}.th-article-cover img{height:100%;max-height:none}.th-article-meta span{background:#f4f8f7;border:1px solid var(--th-border);border-radius:999px;padding:5px 8px}.th-article-chart{position:relative;width:100%;height:360px;max-height:360px;margin:28px 0;overflow:hidden}.th-article-chart canvas{display:block!important;width:100%!important;height:320px!important;max-height:320px!important}.th-article-chart figcaption{margin-bottom:10px;font-weight:700}.th-article-chart:after{content:'Illustrative example';display:block;text-align:right;font-size:.72rem;color:var(--th-muted);margin-top:8px}.th-article-page .th-reveal{transition-duration:.55s}
.th-article-card__image-wrap--fallback,.th-featured-story__image--fallback{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.7),transparent 34%),linear-gradient(135deg,#eaf6f2,#eef4fb 55%,#fff8e4);color:var(--th-primary-dark);text-decoration:none;min-height:190px}.th-article-card__fallback-icon,.th-featured-story__image--fallback>span{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(18,32,47,.08);font-size:1.45rem}.th-article-card__fallback-label,.th-featured-story__image--fallback>strong{font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.th-article-card__image-wrap--tax{background:linear-gradient(135deg,#eaf6f2,#f7fbfa)}.th-article-card__image-wrap--personal-finance{background:linear-gradient(135deg,#eef4fb,#f7f4ff)}.th-article-card__image-wrap--zakat{background:linear-gradient(135deg,#fff8e4,#f5f9ec)}
@media(max-width:900px){.th-article-card-grid{margin-left:0;margin-right:0}.th-article-cta{margin-left:0;margin-right:0}.th-article-sources{margin-left:0;margin-right:0}.th-article-table-wrap:has(.th-article-table th:nth-child(6)){width:calc(100vw - 24px)}}
@media(max-width:700px){.th-article-toc ol{columns:1}.th-article-card-grid{grid-template-columns:1fr}.th-article-cta{align-items:flex-start;flex-direction:column}.th-article-body{font-size:1rem;line-height:1.78}.th-article-body h2{font-size:1.48rem;margin-top:38px}.th-article-body h3{font-size:1.15rem}.th-article-hero{text-align:left}.th-article-meta{gap:6px}.th-article-meta span{font-size:.72rem}.th-article-card__image-wrap--fallback{min-height:150px}.th-article-chart{height:300px;max-height:300px}.th-article-chart canvas{height:260px!important;max-height:260px!important}.th-article-table{min-width:560px;font-size:.9rem}.th-article-table th,.th-article-table td{padding:11px 12px}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table{min-width:980px;font-size:.86rem}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table th,.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table td{min-width:130px}.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table th:first-child,.th-article-table-wrap:has(.th-article-table th:nth-child(6)) .th-article-table td:first-child{min-width:155px}.th-article-formula{padding:18px}.th-article-formula code{font-size:.88rem}}

/* =========================================================
   ARTICLE REVEAL FAILSAFE
   Content must NEVER depend on JavaScript to be readable.
   Animation is progressive enhancement only.
   ========================================================= */

.th-article-page .th-reveal {
    opacity: 1;
    transform: none;
}

.th-article-page .th-reveal.th-reveal--ready {
    opacity: 0;
    transform: translateY(10px);
    transition:
        opacity .45s ease var(--th-delay, 0ms),
        transform .45s ease var(--th-delay, 0ms);
}

.th-article-page .th-reveal.th-reveal--ready.is-visible {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .th-article-page .th-reveal,
    .th-article-page .th-reveal.th-reveal--ready {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}