.tnx-shajra .sub{position:static;opacity:1;visibility:visible;transform:none;padding:0;z-index:auto;left:auto;top:auto;transition:none}.tnx-shajra .note{padding:0;background:none}.tnx-shajra{--ink:#1E1E1C;--muted:#5A5A55;--line:#8C8A84;--ground:#F2F2F2;--card:#FFFFFF;--signal:#E2341D;background:var(--ground);color:var(--ink);font-family:Noto Nastaliq Urdu,serif;direction:rtl;padding:48px 32px 40px;box-sizing:border-box;position:relative}.tnx-shajra *{box-sizing:border-box}.tnx-shajra .head{max-width:980px;margin:0 auto 36px;text-align:center}.tnx-shajra .kicker{font-family:Archivo,sans-serif;direction:ltr;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--signal);margin:0 0 6px}.tnx-shajra h2{font-size:34px;font-weight:700;line-height:2.1;margin:0}.tnx-shajra .sub{font-size:16px;color:var(--muted);line-height:2.2;margin:0}.tnx-shajra blockquote{margin:22px auto 0;max-width:860px;border-right:3px solid var(--signal);background:var(--card);padding:10px 22px 12px;font-size:16px;line-height:2.4;text-align:justify}.tnx-shajra blockquote cite{display:block;text-align:left;font-style:normal;font-weight:700;font-size:15px}.tnx-shajra .scroll{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:8px}.tnx-shajra .tree{width:max-content;margin:0 auto;direction:ltr}.tnx-shajra ul{display:flex;flex-direction:row-reverse;justify-content:center;margin:0;padding:22px 0 0;position:relative}.tnx-shajra li{list-style:none;position:relative;padding:22px 14px 0;display:flex;flex-direction:column;align-items:center}.tnx-shajra ul ul:before{content:"";position:absolute;top:0;left:50%;height:22px;border-left:1.5px solid var(--line)}.tnx-shajra li:before{content:"";position:absolute;top:0;left:0;right:0;border-top:1.5px solid var(--line)}.tnx-shajra li:first-child:before{right:50%}.tnx-shajra li:last-child:before{left:50%}.tnx-shajra li:only-child:before{display:none}.tnx-shajra li:after{content:"";position:absolute;top:0;left:50%;height:22px;border-left:1.5px solid var(--line)}.tnx-shajra .tree>ul{padding-top:0}.tnx-shajra .tree>ul>li{padding-top:0}.tnx-shajra .tree>ul>li:before,.tnx-shajra .tree>ul>li:after{display:none}.tnx-shajra .node{direction:rtl;display:flex;flex-direction:column;align-items:center;max-width:220px}.tnx-shajra .box{background:var(--card);border:1.5px solid var(--ink);padding:2px 16px 4px;font-size:19px;font-weight:700;line-height:2.1;white-space:nowrap}.tnx-shajra .box.root{font-size:23px;padding:4px 26px 6px;border-width:2px}.tnx-shajra .box.key{border-top:4px solid var(--signal)}.tnx-shajra .dates{font-size:13px;color:var(--muted);line-height:2;margin-top:2px;white-space:nowrap}.tnx-shajra .note{font-size:13px;color:var(--muted);line-height:2.15;margin-top:2px;text-align:center;max-width:190px}.tnx-shajra .note b{color:var(--ink);font-weight:600}.tnx-shajra .list{direction:rtl;margin:0;padding:6px 0 0;display:block;position:relative}.tnx-shajra .list:before{display:none}.tnx-shajra .list li{display:block;padding:0;text-align:right;font-size:15px;line-height:2.25;white-space:nowrap}.tnx-shajra .list li:before,.tnx-shajra .list li:after{display:none}.tnx-shajra .list li span{display:block;font-size:12.5px;color:var(--muted);line-height:1.9;padding-right:14px}.tnx-shajra .stem{width:0;height:16px;border-left:1.5px solid var(--line)}.tnx-shajra .card{background:var(--card);border:1px solid #D9D7D1;padding:6px 14px 8px;min-width:120px}.tnx-shajra .foot{max-width:980px;margin:34px auto 0;font-size:13px;color:var(--muted);line-height:2.2;text-align:center}.tnx-shajra .foot .en{font-family:Archivo,sans-serif;direction:ltr;font-size:11.5px;letter-spacing:.02em;line-height:1.6;display:block;margin-top:6px}.tnx-shajra .views{max-width:980px;margin:0 auto 18px;display:flex;justify-content:center;gap:8px}.tnx-shajra>input{position:absolute;opacity:0;pointer-events:none}.tnx-shajra .views label{font-family:Archivo,sans-serif;direction:ltr;font-size:13px;font-weight:700;letter-spacing:.06em;padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--ink);background:var(--card);cursor:pointer}.tnx-shajra .views label span{font-family:Noto Nastaliq Urdu,serif;font-weight:600;font-size:14px;letter-spacing:0;line-height:1.6}.tnx-shajra #v-chart:checked~.views label[for=v-chart],.tnx-shajra #v-page:checked~.views label[for=v-page]{background:var(--ink);color:#fff}.tnx-shajra #v-chart:focus-visible~.views label[for=v-chart],.tnx-shajra #v-page:focus-visible~.views label[for=v-page]{outline:2px solid var(--signal);outline-offset:2px}.tnx-shajra .panel-page{display:none}.tnx-shajra #v-page:checked~.panel-chart{display:none}.tnx-shajra #v-page:checked~.panel-page{display:block}.tnx-shajra .bookpage{margin:0 auto;max-width:640px;background:#fff;box-shadow:0 1px #d9d7d1,0 10px 30px #1e1e1c14}.tnx-shajra .bookpage img{display:block;width:100%;height:auto}.tnx-shajra .bookpage figcaption{font-size:13px;color:var(--muted);line-height:2.1;text-align:center;padding:6px 12px 10px;background:var(--ground)}.tnx-shajra .bookpage figcaption .en{font-family:Archivo,sans-serif;direction:ltr;display:block;font-size:11.5px;line-height:1.6}@media(max-width:640px){.tnx-shajra{padding:32px 16px 28px}.tnx-shajra h2{font-size:25px}.tnx-shajra .sub{font-size:14px}.tnx-shajra blockquote{font-size:14.5px;padding:8px 14px 10px}.tnx-shajra .views label{padding:8px 12px;font-size:12px}}