/* Jaisandar 449 · Демография талдауы (gdp-hub-446 негізінде, күлгін тақырып) */
.demo-window{margin:0 0 22px}
.bank-hub.gdp-hub.demo-hub{--jh-accent:#5b3cc4;--jh-ink:#1d1838;--jh-ink2:#4e4870;--jh-mute:#857f9e;--jh-line:#e7e4f0;--jh-soft:#f5f3fa}
.gdp-hub.demo-hub .jhub-eyebrow{color:#5b3cc4}
.gdp-hub.demo-hub .mhub-nav button[aria-pressed="true"],.gdp-hub.demo-hub .jhub-tabs button[aria-pressed="true"]{background:linear-gradient(135deg,#2b1a63,#5b3cc4);border-color:#2b1a63;color:#fff}
.gdp-hub.demo-hub .jhub-seg button[aria-pressed="true"]{background:#5b3cc4;border-color:#5b3cc4;color:#fff}
.gdp-hub.demo-hub .jhub-btn{background:#4a2fb0;border-color:#4a2fb0;color:#fff}
.gdp-hub.demo-hub .jhub-btn:hover{background:#3a2391}
.gdp-hub.demo-hub .jhub-btn.ghost{background:#fff;color:#1d1838;border-color:#d9d3ec}
.gdp-hub.demo-hub .jhub-story{background:radial-gradient(110% 140% at 100% 0%,rgba(224,86,122,.45) 0%,transparent 52%),radial-gradient(90% 120% at 0% 100%,rgba(47,123,224,.35) 0%,transparent 55%),linear-gradient(135deg,#1b1240 0%,#2b1a63 55%,#3b2486 100%)}
.gdp-hub.demo-hub .jhub-story .big{font-size:clamp(40px,5.4vw,66px);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.gdp-hub.demo-hub .jhub-story .mv em{color:#2f7be0}
.gdp-hub.demo-hub .jhub-story .mv.dn em{color:#e0567a}
.gdp-hub.demo-hub .ghub-ico{background:#f5f3fa;color:#5b3cc4}
.gdp-hub.demo-hub .jhub-story .mv.up .ghub-ico{color:#2f7be0}
.gdp-hub.demo-hub .jhub-story .mv.dn .ghub-ico{color:#e0567a}
.gdp-hub.demo-hub .jhub-hero{background:linear-gradient(135deg,#fbfaff,#f3effd);border-color:#e7e4f0}
.gdp-hub.demo-hub .ghub-tab td.ghub-bar u{background:linear-gradient(90deg,#8a63f0,#5b3cc4)}
.gdp-hub.demo-hub .ghub-chip:first-child{background:#2b1a63}
.dhub-pctl{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.dhub-play{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#2b1a63,#5b3cc4);color:#fff;font:700 15px/1 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(91,60,196,.3)}
.dhub-play:hover{filter:brightness(1.12)}
.dhub-pctl input[type=range]{flex:1;min-width:120px;accent-color:#5b3cc4;height:28px}
.dhub-py{flex:0 0 auto;font:900 22px/1 Inter,Arial,sans-serif;color:#2b1a63;font-variant-numeric:tabular-nums;min-width:62px}
.dhub-jan{padding:16px 18px}
.dhub-jan .jhub-chead{margin-bottom:12px}
.dhub-jan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.dhub-jt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e7e4f0;border-radius:14px;background:#fbfaff}
.dhub-jt .ghub-logo{width:34px;height:34px;flex-basis:34px}
.dhub-jt span{display:grid;gap:1px;min-width:0}
.dhub-jt b{font:700 12.5px/1.2 Inter,Arial,sans-serif;color:#1d1838;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dhub-jt em{font:800 15px/1.2 Inter,Arial,sans-serif;font-style:normal;color:#1d1838;font-variant-numeric:tabular-nums}
.dhub-jt i{font:700 11.5px/1.2 Inter,Arial,sans-serif;font-style:normal}
.dhub-jt i.up{color:#12805c}.dhub-jt i.dn{color:#c75b1e}
@media(max-width:1100px){.dhub-jan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){
  .dhub-jan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dhub-jt{padding:8px 9px;gap:7px}
  .dhub-jt .ghub-logo{width:26px;height:26px;flex-basis:26px}
  .dhub-py{font-size:18px;min-width:auto}
  .dhub-pctl{gap:9px}
  .gdp-hub.demo-hub .jhub-story .big{font-size:42px}
}
.gdp-hub.demo-hub .jhub-story .big{font-size:clamp(36px,4.2vw,58px);white-space:nowrap}
.gdp-hub.demo-hub .ghub-kpis.dhub-k6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1200px){.gdp-hub.demo-hub .ghub-kpis.dhub-k6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.gdp-hub.demo-hub .ghub-kpis.dhub-k6{grid-template-columns:repeat(2,minmax(0,1fr))}.gdp-hub.demo-hub .jhub-story .big{font-size:40px}}
.demo-hub .jhub-controls{flex-wrap:wrap}
.dhub-tab table{width:100%;border-collapse:collapse;font:500 13px/1.3 Inter,Arial,sans-serif;color:#1d1838}
.dhub-tab th,.dhub-tab td{padding:9px 8px;border-bottom:1px solid #eeebf5;text-align:right;white-space:nowrap}
.dhub-tab tbody th{text-align:left;font-weight:700}
.dhub-tab thead th{font-size:11px;font-weight:700;color:#857f9e;text-transform:uppercase;letter-spacing:.04em;background:#f7f5fc}
.dhub-tab thead th button{all:unset;cursor:pointer}
.dhub-tab thead th button[aria-pressed="true"]{color:#5b3cc4}
.dhub-tab td.up{color:#12805c;font-weight:700}.dhub-tab td.dn{color:#c75b1e;font-weight:700}
.dhub-tab td.ghub-bar span{display:inline-block;vertical-align:middle;width:90px;height:10px;border-radius:5px;background:#efecf7;margin-right:8px;overflow:hidden}
.dhub-tab td.ghub-bar u{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#8a63f0,#5b3cc4)}
@media(max-width:640px){
  :root body .demo-hub .dhub-tab :is(th,td):is(:nth-child(1),:nth-child(4),:nth-child(5),:nth-child(7)){display:none!important}
  :root body .demo-hub .dhub-tab table{min-width:0!important;width:100%!important;table-layout:auto}
  .dhub-tab th,.dhub-tab td{padding:8px 5px;font-size:12px}
  .dhub-tab td.ghub-bar span{display:none}
  .dhub-tab .ghub-rc{gap:5px;white-space:normal}
  .dhub-tab thead th{font-size:9.5px;white-space:normal}
  .gdp-hub.demo-hub .jhub-story .movers{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;overflow:visible}
  .gdp-hub.demo-hub .jhub-story .movers .mv{min-width:0;padding:8px 9px}
  .gdp-hub.demo-hub .jhub-story .movers .mv b{white-space:normal;font-size:12px;overflow:visible}
  .gdp-hub.demo-hub .jhub-story .movers .ghub-ico{display:none}
}
.dhub-tab{overflow-x:auto;max-width:100%}
@media(max-width:640px){
  :root body .demo-hub .dhub-tab tbody th{white-space:normal;min-width:0}
  :root body .demo-hub .dhub-tab .ghub-rc{white-space:normal;font-size:12px}
  :root body .demo-hub .dhub-tab .ghub-logo{width:18px;height:18px;flex-basis:18px}
}
.demo-hub .jhub-card,.demo-hub .jhub-chart{min-width:0;max-width:100%}
:root body .demo-hub .dhub-tab{width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}
.gdp-hub.demo-hub .jhub-story .mv.up b{color:#1f5fbf}.gdp-hub.demo-hub .jhub-story .mv.dn b{color:#c23462}