:root{
  --th-bg:#f7f9fb;--th-surface:#fff;--th-surface-soft:#f2f7f5;--th-text:#13202f;--th-muted:#667085;--th-border:#dfe7e5;
  --th-primary:#397e73;--th-primary-dark:#2d6960;--th-primary-soft:#eaf6f2;--th-blue:#4d78a8;--th-blue-soft:#eef4fb;
  --th-gold:#c99b2e;--th-gold-soft:#fff8e4;--th-rose:#b66b72;--th-rose-soft:#fff2f3;--th-purple:#7d6aa8;--th-purple-soft:#f5f2fb;
  --th-radius-sm:12px;--th-radius:18px;--th-radius-lg:24px;--th-shadow:0 12px 36px rgba(18,32,47,.07);--th-shadow-soft:0 8px 24px rgba(18,32,47,.045);
  --th-content:min(1240px,calc(100% - 32px));--th-page-top:32px;--th-section-gap:52px;
}
html{scroll-padding-top:88px}.th-lang-en{font-family:Inter,"Hind Siliguri",system-ui,sans-serif}.th-lang-bn{font-family:"Hind Siliguri",Inter,system-ui,sans-serif}

/* Language control */
.th-lang{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--th-border);background:#f8faf9;border-radius:999px;margin-left:5px}.th-lang__option{padding:6px 9px;border-radius:999px;text-decoration:none;font-size:.74rem;font-weight:800;color:#667085;line-height:1}.th-lang__option.is-active{background:#fff;color:var(--th-primary-dark);box-shadow:0 2px 7px rgba(15,23,42,.08)}

/* One spacing system for every page */
main:not(.th-no-global-spacing){position:relative}.th-page-shell{width:var(--th-content);margin-inline:auto;padding:var(--th-page-top) 0 68px}.th-page-intro{padding:var(--th-page-top) 0 24px}.th-page-intro__kicker{font-size:.8rem;font-weight:800;letter-spacing:.07em;color:var(--th-primary);text-transform:uppercase}.th-page-intro h1{font-size:clamp(2.25rem,4vw,3.9rem);line-height:1.06;margin:.35rem 0 .55rem;letter-spacing:-.025em}.th-page-intro p{max-width:760px;color:var(--th-muted);font-size:1rem;line-height:1.7}
.th-hero{padding-top:48px}.th-hero--compact{padding-top:36px}.th-hero--compact + .th-section{padding-top:28px}.th-section{padding-block:var(--th-section-gap)}

/* Restrained multi-colour accents */
.th-accent--tax{--local-accent:var(--th-primary);--local-soft:var(--th-primary-soft)}.th-accent--saving{--local-accent:var(--th-blue);--local-soft:var(--th-blue-soft)}.th-accent--zakat{--local-accent:var(--th-gold);--local-soft:var(--th-gold-soft)}.th-accent--article{--local-accent:var(--th-purple);--local-soft:var(--th-purple-soft)}
.th-soft-card{background:linear-gradient(145deg,#fff,var(--local-soft,var(--th-primary-soft)));border:1px solid var(--th-border);border-radius:var(--th-radius-lg);box-shadow:var(--th-shadow-soft)}

/* Subtle sparkle texture */
.th-sparkle{position:relative;isolation:isolate;overflow:hidden}.th-sparkle:before,.th-sparkle:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(.1px);opacity:.55}.th-sparkle:before{width:7px;height:7px;right:9%;top:24%;background:var(--th-gold);box-shadow:-80px 28px 0 -2px rgba(57,126,115,.65),45px 70px 0 -2px rgba(77,120,168,.5),-160px 85px 0 -2px rgba(125,106,168,.4)}.th-sparkle:after{width:4px;height:4px;right:19%;top:17%;background:rgba(57,126,115,.55);box-shadow:65px 58px 0 rgba(201,155,46,.45),-55px 92px 0 rgba(77,120,168,.35)}

/* Motion: content is visible by default. JS opts elements into animation. */
.th-reveal{opacity:1;transform:none}.th-reveal.th-reveal--ready{opacity:0;transform:translateY(10px);transition:opacity .5s ease var(--th-delay,0ms),transform .5s ease var(--th-delay,0ms)}.th-reveal.th-reveal--ready.is-visible{opacity:1;transform:none}.th-float-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.th-float-hover:hover{transform:translateY(-3px);box-shadow:var(--th-shadow);border-color:#c9ddd7}.th-nav{transition:box-shadow .2s ease,background .2s ease}.th-nav__link,.th-nav__cta,.th-button{transition:all .18s ease}

/* Shared calculator surfaces */
.th-calc-shell{width:var(--th-content);margin:auto;padding:var(--th-page-top) 0 70px}.th-calc-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:24px;align-items:start}.th-calc-card{background:#fff;border:1px solid var(--th-border);border-radius:var(--th-radius-lg);box-shadow:var(--th-shadow-soft)}.th-calc-result{position:sticky;top:96px}.th-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.th-metric{padding:14px;border:1px solid var(--th-border);border-radius:14px;background:#fff}.th-metric small{display:block;color:var(--th-muted);font-weight:700}.th-metric strong{display:block;margin-top:3px;font-size:1.08rem}.th-result-enter{animation:thResultIn .35s ease both}@keyframes thResultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Horizontal related-content rail */
.th-scroll-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,320px);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 10px}.th-scroll-rail::-webkit-scrollbar{display:none}.th-scroll-rail>*{scroll-snap-align:start}

@media(max-width:1050px){.th-nav__inner{gap:14px}.th-nav__link{padding-inline:9px}.th-lang{order:8}}
@media(max-width:900px){:root{--th-page-top:26px;--th-section-gap:44px}.th-lang{margin:6px 0 0;width:max-content}.th-calc-grid{grid-template-columns:1fr}.th-calc-result{position:static}.th-page-shell,.th-calc-shell{width:min(100% - 28px,1240px)}}
@media(max-width:560px){:root{--th-page-top:22px;--th-section-gap:38px}.th-page-intro h1{font-size:2.25rem}.th-metric-grid{grid-template-columns:1fr}.th-sparkle:before,.th-sparkle:after{opacity:.3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.th-reveal,.th-reveal.th-reveal--ready{opacity:1;transform:none;transition:none}.th-result-enter{animation:none}.th-float-hover:hover{transform:none}}