/* =====================================================================
html body B.A.P-I uniform design layer (pages,html body tabs and sub-tabs).
   Published works (articles,html body books,html body journals,html body papers,html body reports) keep their own layout.
   Eight institutional themes,html body used for tab cards,html body heroes and accents:
   1 Saffron Sunrise  2 Royal Indigo  3 Heritage Maroon  4 Research Teal
   5 Standing Gold    6 Constitution Steel  7 Partnership Emerald  8 Media Violet
   ===================================================================== */
:root{
  --th1:linear-gradient(135deg,#f5901f 0%,#e8731a 45%,#c2500c 100%);
  --th2:linear-gradient(135deg,#2c4f94 0%,#1b3a73 50%,#0e1f45 100%);
  --th3:linear-gradient(135deg,#b23a55 0%,#8c1c3a 55%,#5e1027 100%);
  --th4:linear-gradient(135deg,#14a39a 0%,#0f766e 55%,#0b4f4a 100%);
  --th5:linear-gradient(135deg,#c9a24a 0%,#a87c2a 50%,#7d5a1a 100%);
  --th6:linear-gradient(135deg,#64748b 0%,#3f4b5e 50%,#1f2937 100%);
  --th7:linear-gradient(135deg,#22a35a 0%,#15803d 50%,#0f5130 100%);
  --th8:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 50%,#45188f 100%);
  --thl1:linear-gradient(135deg,#fff4e6,#ffe3c4);--thl2:linear-gradient(135deg,#eef3ff,#dbe5fb);
  --thl3:linear-gradient(135deg,#fdeef2,#f8d7e0);--thl4:linear-gradient(135deg,#e7f8f6,#cdeee9);
  --thl5:linear-gradient(135deg,#fff8e6,#f5e6bf);--thl6:linear-gradient(135deg,#f1f4f8,#dfe5ee);
  --thl7:linear-gradient(135deg,#eafaf0,#cff0dc);--thl8:linear-gradient(135deg,#f4eeff,#e3d6fd);
  --bx-ink:#1d2433;--bx-head:#16325e;--bx-saf:#e8731a;--bx-gold:#b8862b;
}

/* ---------- Institute sub-tab bar: prominent themed tabs with symbols ---------- */
html body .ins-bar{background:linear-gradient(90deg,#fffaf2 0%,#fff 50%,#f4f7fc 100%)!important;border-bottom:1px solid #ecdcb8!important;box-shadow:0 6px 18px rgba(22,50,94,.06)}
html body .ins-bar__in{padding:12px 24px!important;gap:10px 14px!important}
html body .ins-tabs{gap:8px!important}
html body .ins-tabs a{position:relative;padding:8px 14px 8px 8px!important;border:0!important;color:#fff!important;font:600 12.5px/1.2 "Poppins",sans-serif!important;box-shadow:0 4px 12px rgba(22,50,94,.16);transition:transform .15s,box-shadow .15s,filter .15s;filter:saturate(.92)}
html body .ins-tabs a:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(22,50,94,.22);filter:saturate(1.1)}
html body .ins-tabs a b{width:22px!important;height:22px!important;background:rgba(255,255,255,.95)!important;color:#16325e!important;font-size:11px!important}
html body .ins-tabs a i.fa{font-size:13px;opacity:.95}
html body .ins-tabs a:nth-child(1){background:var(--th1)}html body .ins-tabs a:nth-child(2){background:var(--th2)}html body .ins-tabs a:nth-child(3){background:var(--th3)}html body .ins-tabs a:nth-child(4){background:var(--th4)}
html body .ins-tabs a:nth-child(5){background:var(--th5)}html body .ins-tabs a:nth-child(6){background:var(--th6)}html body .ins-tabs a:nth-child(7){background:var(--th7)}html body .ins-tabs a:nth-child(8){background:var(--th8)}
html body .ins-tabs a.on{outline:3px solid #fff;box-shadow:0 0 0 5px rgba(232,115,26,.55),0 10px 22px rgba(22,50,94,.25)!important;filter:saturate(1.15)}
html body .ins-tabs a.on b{background:#ff850c!important;color:#fff!important}
html body .ins-pn a{background:var(--th2)!important;border-radius:999px!important;padding:8px 14px!important}

/* ---------- The Institute hub: eight themed tab cards ---------- */
html body .ins-grid{gap:16px!important}
html body .ins-card{position:relative;overflow:hidden;border:0!important;border-radius:18px!important;padding:20px 18px 18px!important;color:#fff;box-shadow:0 12px 28px rgba(22,50,94,.18)!important;transition:transform .18s,box-shadow .18s}
html body .ins-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(22,50,94,.26)!important}
html body .ins-card::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 70%);pointer-events:none}
html body .ins-grid>.ins-card:nth-child(1){background:var(--th1)}html body .ins-grid>.ins-card:nth-child(2){background:var(--th2)}html body .ins-grid>.ins-card:nth-child(3){background:var(--th3)}html body .ins-grid>.ins-card:nth-child(4){background:var(--th4)}
html body .ins-grid>.ins-card:nth-child(5){background:var(--th5)}html body .ins-grid>.ins-card:nth-child(6){background:var(--th6)}html body .ins-grid>.ins-card:nth-child(7){background:var(--th7)}html body .ins-grid>.ins-card:nth-child(8){background:var(--th8)}
html body .ins-card .n b{background:rgba(255,255,255,.95)!important;color:#16325e!important;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
html body .ins-card .n i{font-size:24px!important;color:#fff!important;opacity:.95}
html body .ins-card h3,html body .ins-card h3 a{color:#fff!important;font-size:17px!important}
html body .ins-card p{color:rgba(255,255,255,.9)!important;font-size:14px!important;line-height:1.5!important}
html body .ins-card ul{border-top:1px solid rgba(255,255,255,.3)!important;display:flex;flex-direction:column;gap:5px;padding-top:8px!important}
html body .ins-card li a{border:0!important;padding:6px 10px!important;border-radius:9px;background:rgba(255,255,255,.14);color:#fff!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
html body .ins-card li a::before{content:"\f105";font-family:FontAwesome;margin-right:7px;opacity:.85}
html body .ins-card li a:hover{background:rgba(255,255,255,.95);color:#16325e!important}
html body .ins-card .go{display:inline-flex;align-self:flex-start;margin-top:12px!important;padding:8px 14px;border-radius:999px;background:#fff;color:#16325e!important;font-weight:700!important}
html body .ins-feat a{border:0!important;box-shadow:0 8px 20px rgba(22,50,94,.10)}
html body .ins-feat a:nth-child(1){background:var(--thl1)!important}html body .ins-feat a:nth-child(2){background:var(--thl2)!important}html body .ins-feat a:nth-child(3){background:var(--thl7)!important}
html body .ins-res a{box-shadow:0 3px 8px rgba(22,50,94,.06)}
html body .ins-res a:hover{background:var(--th2)!important;color:#fff!important;border-color:transparent!important}html body .ins-res a:hover i{color:#ffcf9e!important}
html body .ins-figs div{border:0!important;background:linear-gradient(160deg,#fff 0%,#fff7ea 100%)!important;box-shadow:0 8px 20px rgba(22,50,94,.08)!important;border-top:4px solid #e8731a!important}

/* ---------- Section navigation on every page: previous / next / related ---------- */
html body .sn{background:linear-gradient(180deg,#f7f9fd 0%,#eef2f9 60%,#fff8ee 100%)!important}
html body .sn-k{color:#b35600!important}
html body .sn-k::before{content:"\f0e8";font-family:FontAwesome;margin-right:8px;color:#e8731a}
html body .sn-pager a{border:0!important;border-radius:16px!important;background:var(--thl1)!important;box-shadow:0 8px 20px rgba(22,50,94,.10);transition:transform .15s,box-shadow .15s}
html body .sn-pager a.nx{background:var(--thl2)!important}
html body .sn-pager a:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(22,50,94,.18)!important}
html body .sn-pager a small::before{font-family:FontAwesome;margin-right:6px}
html body .sn-pager a:not(.nx):not(.up) small::before{content:"\f104"}
html body .sn-pager a.nx small::after{content:"\f105";font-family:FontAwesome;margin-left:6px}
html body .sn-pager .up{background:var(--th2)!important;color:#fff}
html body .sn-pager .up small::before{content:"\f009"}
html body .sn-strip a{border:0!important;background:#fff!important;box-shadow:0 3px 10px rgba(22,50,94,.08);transition:transform .15s,background .15s}
html body .sn-strip a::before{content:"\f0da";font-family:FontAwesome;margin-right:6px;color:#e8731a}
html body .sn-strip a:hover{transform:translateY(-2px);background:var(--thl1)!important}
html body .sn-strip a.on{background:var(--th2)!important;color:#fff!important}
html body .sn-strip a.on::before{color:#ffcf9e}
html body .sn-rel a{border:0!important;background:var(--thl5)!important;box-shadow:0 3px 10px rgba(22,50,94,.06)}
html body .sn-rel a:hover{background:var(--th1)!important;color:#fff!important}

/* ---------- Doctrine pages: themed heroes and refined reading typography ---------- */
html body .bxd{max-width:100%}
html body .bxd .bxd-hero.th1{background:var(--th1)}html body .bxd .bxd-hero.th2{background:var(--th2)}html body .bxd .bxd-hero.th3{background:var(--th3)}html body .bxd .bxd-hero.th4{background:var(--th4)}
html body .bxd .bxd-hero.th5{background:var(--th5)}html body .bxd .bxd-hero.th6{background:var(--th6)}html body .bxd .bxd-hero.th7{background:var(--th7)}html body .bxd .bxd-hero.th8{background:var(--th8)}
html body .bxd .bxd-hero{box-shadow:0 18px 40px rgba(22,50,94,.20)}
html body .bxd .bxd-hero::before{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#ff9933 0 33.3%,#fff 33.3% 66.6%,#138808 66.6%)}
html body .bxd .bxd-hero .bxd-kicker{color:#fff3d6!important;opacity:.95}
html body .bxd .bxd-hero.th1 .bxd-kicker,html body .bxd .bxd-hero.th5 .bxd-kicker{color:#3b2408!important}
html body .bxd .bxd-hero.th1 h2,html body .bxd .bxd-hero.th5 h2{color:#22160a!important}
html body .bxd .bxd-hero.th1 p,html body .bxd .bxd-hero.th5 p{color:#2b1d0d!important}
html body .bxd h2:not(.bxd-hero h2){background:linear-gradient(90deg,#16325e,#8c1c3a 60%,#c25e00);-webkit-background-clip:text;background-clip:text;color:transparent!important;border-bottom:0!important;position:relative;padding-bottom:12px!important}
html body .bxd h2:not(.bxd-hero h2)::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;border-radius:4px;background:linear-gradient(90deg,#ff9933,#b8862b 60%,#138808)}
html body .bxd h3{padding-left:12px;border-left:4px solid #e8731a}
html body .bxd p b,html body .bxd p strong,html body .bxd li b,html body .bxd li strong{color:#16325e;font-weight:700}
html body .bxd p i,html body .bxd li i:not(.fa),html body .bxd p em{color:#5b4416}
html body .bxd a:not(.go):not(.bxd-links a){color:#b35600;text-decoration:none;background:linear-gradient(90deg,#ff9933,#b8862b) left bottom/100% 1.5px no-repeat;padding-bottom:1px}
html body .bxd a:not(.go):not(.bxd-links a):hover{color:#16325e}
html body .bxd ul{list-style:none!important;padding-left:2px!important}
html body .bxd ul li{position:relative;padding-left:24px}
html body .bxd ul li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,#ff9933,#b8862b);transform:rotate(45deg)}
html body .bxd .bxd-acc{box-shadow:0 4px 14px rgba(22,50,94,.06);transition:box-shadow .15s}
html body .bxd .bxd-acc:hover{box-shadow:0 10px 24px rgba(22,50,94,.12)}
html body .bxd .bxd-acc>summary .n{background:var(--th2)}
html body .bxd .bxd-acc:nth-of-type(8n+1)>summary .n{background:var(--th1);color:#fff}html body .bxd .bxd-acc:nth-of-type(8n+2)>summary .n{background:var(--th2)}
html body .bxd .bxd-acc:nth-of-type(8n+3)>summary .n{background:var(--th3);color:#fff}html body .bxd .bxd-acc:nth-of-type(8n+4)>summary .n{background:var(--th4);color:#fff}
html body .bxd .bxd-acc:nth-of-type(8n+5)>summary .n{background:var(--th5);color:#fff}html body .bxd .bxd-acc:nth-of-type(8n+6)>summary .n{background:var(--th6)}
html body .bxd .bxd-acc:nth-of-type(8n+7)>summary .n{background:var(--th7);color:#fff}html body .bxd .bxd-acc:nth-of-type(8n+8)>summary .n{background:var(--th8);color:#fff}
html body .bxd .bxd-acc[open]>summary{background:linear-gradient(90deg,#fff4e6,#fff 70%)}
html body .bxd .bxd-card{border-radius:16px}
html body .bxd .bxd-card>i.fa{background:var(--th1);color:#fff;box-shadow:0 6px 14px rgba(232,115,26,.3)}
html body .bxd .bxd-card.gold{background:var(--thl5)}html body .bxd .bxd-card.gold>i.fa{background:var(--th5)}
html body .bxd .bxd-card.saffron{background:var(--thl1)}
html body .bxd .bxd-card.grey{background:var(--thl6)}html body .bxd .bxd-card.grey>i.fa{background:var(--th6)}
html body .bxd .bxd-stats div{background:linear-gradient(160deg,#fff,#fff6e8);box-shadow:0 8px 18px rgba(22,50,94,.07)}
html body .bxd .bxd-stats b{background:linear-gradient(90deg,#e8731a,#8c1c3a);-webkit-background-clip:text;background-clip:text;color:transparent}
html body .bxd .bxd-flow span{background:var(--th2);box-shadow:0 4px 10px rgba(22,50,94,.2)}
html body .bxd .bxd-flow span:nth-child(4n+3){background:var(--th3)}html body .bxd .bxd-flow span:nth-child(4n+5){background:var(--th4)}html body .bxd .bxd-flow span:nth-child(4n+7){background:var(--th1)}
html body .bxd .bxd-tbl th{background:var(--th2)}
html body .bxd .bxd-band{background:linear-gradient(110deg,#fff1e4 0%,#fbf3df 55%,#eaf6ee 100%);border:0;box-shadow:inset 4px 0 0 #e8731a}
html body .bxd .bxd-q{background:linear-gradient(110deg,#fbf3df,#fff 80%)}
html body .bxd .bxd-links a{box-shadow:0 3px 10px rgba(22,50,94,.08)}
html body .bxd .bxd-links a i{color:#e8731a}
html body .bxd .bxd-links a:hover{background:var(--th2);border-color:transparent}html body .bxd .bxd-links a:hover i{color:#ffcf9e}

/* ---------- Uniform reading layer for page content (not for published works) ---------- */
html.bx-uni body .post-content,html.bx-uni body .bapi-inst .panel{color:var(--bx-ink)}
html.bx-uni body .post-content ul:not([class]) li::marker{color:#e8731a}
html.bx-uni body .post-content a:not([class]){color:#b35600}
html.bx-uni body .post-content table{max-width:100%}
html.bx-uni body .bapi-inst article{background:linear-gradient(180deg,#fff 0%,#fffdf8 60%,#fff 100%)}
@media (max-width:767px){
html body .ins-tabs{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
html body .ins-tabs a{flex:0 0 auto}
html body .ins-card{padding:18px 16px!important}
html body .sn-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
html body .sn-strip a{flex:0 0 auto}
html body .bxd .bxd-flow span{font-size:12.5px;padding:7px 11px}
}

html body .bxd .bxd-hero p b,html body .bxd .bxd-hero p strong{color:#ffd08a!important}
html body .bxd .bxd-hero.th1 p b,html body .bxd .bxd-hero.th5 p b{color:#fff!important}
html body .bxd .bxd-hero.th1 .bxd-kicker,html body .bxd .bxd-hero.th5 .bxd-kicker{color:#fff3d6!important}
html body .bxd .bxd-hero.th1 h2,html body .bxd .bxd-hero.th5 h2{color:#fff!important}
html body .bxd .bxd-hero.th1 p,html body .bxd .bxd-hero.th5 p{color:#fff8ee!important}
html body .bxd .bxd-hero p i{color:inherit!important}
@media (max-width:767px){html body .bxd .bxd-hero p{font-size:16px!important}html body .bxd .bxd-lead{font-size:17px!important}}