/* SohajPedia visual UI — data panels inside articles (stat cards, bars, timelines).
   Hand-built from each article's verified numbers. No images, no scripts. */
.viz{border:1px solid #dde3ec;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f3f6fb);padding:20px 22px 16px;margin:20px 0;box-shadow:0 6px 24px rgba(23,32,64,.07)}
.viz .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#6a5cff;text-transform:uppercase}
.viz h3.vt{font-family:'Linux Libertine',Georgia,serif;font-weight:400;font-size:22px;margin:4px 0 14px;border:0;padding:0;color:#141a2e}
.viz .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-bottom:6px}
.viz .stat{background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:12px 14px}
.viz .stat b{display:block;font-size:21px;line-height:1.15;color:#141a2e;font-family:Georgia,serif;font-weight:600}
.viz .stat span{font-size:12px;color:#5b6478;display:block;margin-top:3px;line-height:1.35}
.viz .stat .up{color:#0a7d3b}
.viz .bars{margin:10px 0 4px}
.viz .bar-row{display:grid;grid-template-columns:118px 1fr 74px;align-items:center;gap:10px;margin:8px 0;font-size:13px}
.viz .bar-row .bl{color:#39415a;text-align:right}
.viz .bar-row .bv{font-weight:600;color:#141a2e}
.viz .track{background:#e7ebf3;border-radius:99px;height:12px;overflow:hidden}
.viz .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#6a5cff,#9d8cff)}
.viz .fill.alt{background:linear-gradient(90deg,#0e9f6e,#4cc38a)}
.viz .fill.gold{background:linear-gradient(90deg,#d9930d,#f2b544)}
.viz .note{font-size:12.5px;color:#5b6478;margin-top:10px}
.viz .tl{display:flex;gap:0;margin:14px 0 6px;flex-wrap:wrap}
.viz .tl .step{flex:1 1 108px;position:relative;padding:14px 10px 0 0}
.viz .tl .step:before{content:"";position:absolute;top:4px;left:0;width:11px;height:11px;border-radius:50%;background:#6a5cff;box-shadow:0 0 0 3px #e6e2ff}
.viz .tl .step:after{content:"";position:absolute;top:9px;left:14px;right:2px;height:2px;background:#dde3ec}
.viz .tl .step:last-child:after{display:none}
.viz .tl .step b{display:block;font-size:13.5px;color:#141a2e}
.viz .tl .step span{font-size:12px;color:#5b6478;line-height:1.35;display:block}
.viz .vs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.viz .vs .side{background:#fff;border:1px solid #e4e9f2;border-radius:12px;padding:13px 15px}
.viz .vs .side b{font-family:Georgia,serif;font-size:16.5px;font-weight:600;color:#141a2e;display:block;margin-bottom:4px}
.viz .vs .side p{margin:0;font-size:13.5px}
@media (max-width:560px){.viz{padding:16px}.viz .bar-row{grid-template-columns:92px 1fr 62px}}