/* =========================================================
   Shivjagruti College - Single Modern Site Stylesheet v16
   ========================================================= */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f7fb;color:#29496b;font-family:Arial,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}.sj-container{width:min(1600px,calc(100% - 72px));margin:0 auto}.sj-topbar{background:#0b79c8;color:#fff}.sj-topbar-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:25px}.sj-top-left,.sj-top-right{display:flex;align-items:center;gap:15px}.sj-topbar a{color:#fff;text-decoration:none}.sj-divider{opacity:.45}.sj-social{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.sj-branding{background:#fff;border-bottom:1px solid #e2e8ef}.sj-brand-inner{min-height:246px;display:flex;align-items:center;gap:28px;padding:18px 0}.sj-crest-link{flex:0 0 160px;display:flex;justify-content:center}.sj-crest{display:block;width:150px!important;height:150px!important;max-width:150px!important;max-height:150px!important;object-fit:contain}.sj-brand-copy{min-width:0;flex:1}.sj-brand-small{font-size:21px;color:#4b6079;line-height:1.25}.sj-brand-title{font-size:46px;line-height:1.12;font-weight:800;color:#123e73;letter-spacing:.3px;white-space:nowrap}.sj-brand-meta{font-size:18px;color:#3e5773;line-height:1.5}.sj-tagline{flex:0 0 220px;text-align:center;font:italic 30px/1.2 Georgia,serif;color:#222}.sj-tagline span{display:block;width:105px;height:2px;background:#ef6b70;margin:13px auto 0}.sj-navigation{background:#0d477f;color:#fff;box-shadow:0 4px 12px rgba(10,45,80,.16);position:relative;z-index:100}.sj-nav-inner{display:flex;align-items:stretch;min-height:76px}.sj-home,.sj-nav-item>a{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;white-space:nowrap}.sj-home{padding:0 25px;background:#1599e5;font-size:19px;font-weight:700;border-radius:12px;margin:10px 8px 10px 0}.sj-nav-item{position:relative}.sj-nav-item>a{height:76px;padding:0 16px;font-size:14px}.sj-nav-item>a small{font-size:12px;opacity:.8}.sj-nav-item:hover>a{background:rgba(255,255,255,.1)}.sj-dropdown{position:absolute;top:76px;left:0;min-width:245px;background:#fff;border:1px solid #dce6f0;border-radius:0 0 12px 12px;box-shadow:0 15px 35px rgba(22,45,70,.2);display:none;padding:8px 0}.sj-nav-item:hover .sj-dropdown{display:block}.sj-dropdown a{display:block;padding:11px 18px;color:#29496b;text-decoration:none;font-size:14px}.sj-dropdown a:hover{background:#eef7ff;color:#087bc9}.sj-mobile-nav{display:none}.sj-mobile-menu{display:none}.sj-mobile-menu.is-open{display:block;padding:10px 0 16px}.sj-mobile-toggle{background:#1599e5;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-size:14px}.sj-mobile-group strong,.sj-mobile-group>a{display:block;padding:8px 12px;color:#fff;text-decoration:none}.sj-mobile-group strong{color:#a9dfff}.sj-page-shell{border-left:1px solid #d9e3ed;border-right:1px solid #d9e3ed;background:#f3f7fb;min-height:400px}.sj-banner-wrap{padding:38px 0 0}.sj-banner{width:min(1600px,calc(100% - 72px));height:260px;margin:0 auto;border-radius:22px;overflow:hidden;background-image:linear-gradient(90deg,rgba(20,122,190,.7),rgba(20,122,190,.35)),url('../images/background/bg-image-1.jpg');background-size:cover;background-position:center;display:flex;align-items:center;padding:0 58px;box-shadow:0 10px 30px rgba(25,58,95,.1)}.sj-banner h1{margin:0;color:#fff;font-size:38px;text-shadow:0 2px 8px rgba(0,0,0,.25)}.sj-breadcrumb-wrap{padding:20px 0;border-bottom:1px solid #dce6f0}.sj-breadcrumb{width:min(1440px,calc(100% - 120px));margin:0 auto;background:#fff;border:1px solid #dce6f0;border-radius:14px;padding:14px 24px;box-shadow:0 5px 18px rgba(30,60,90,.05);display:flex;gap:16px;align-items:center;color:#6c829c}.sj-breadcrumb a{color:#6c829c;text-decoration:none}.sj-page-main{padding:28px 0 55px}.sj-content-grid{width:min(1440px,calc(100% - 120px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.sj-content-card{background:#fff;border:1px solid #dce6f0;border-radius:18px;box-shadow:0 8px 25px rgba(24,53,82,.07);padding:30px;min-height:300px}.sj-content-card h1,.sj-content-card h2{color:#123e73}.sj-content-card .sj-page-title{font-size:34px;margin:0 0 25px;padding-bottom:15px;border-bottom:1px solid #dce6f0}.sj-content-card .sj-page-title:after{content:"";display:block;width:58px;height:3px;background:#1599e5;position:relative;top:18px}.sj-content-card p{font-size:14px;line-height:1.85;color:#385674}.sj-content-card img[align="left"]{border-radius:14px!important;margin:0 22px 15px 0!important;max-width:300px!important;height:auto!important}.sj-content-card iframe{max-width:100%;border:0;border-radius:12px}.sj-sidebar-card{background:#fff;border:1px solid #dce6f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(24,53,82,.07);margin-bottom:18px}.sj-sidebar-title{background:#172b43;color:#fff;font-size:18px;padding:15px 18px}.sj-sidebar-list ul{list-style:none;margin:0;padding:0}.sj-sidebar-list li{padding:12px 15px;border-bottom:1px solid #e7edf4;display:flex;gap:12px;align-items:flex-start}.sj-sidebar-list li a{color:#315675;text-decoration:none;flex:1}.sj-side-date{display:flex;flex-direction:column;min-width:42px;color:#087bc9;font-size:11px}.sj-side-date strong{font-size:11px}.sj-side-date span{font-size:10px}.sj-side-link{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid #e7edf4;color:#315675;text-decoration:none;font-size:13px}.sj-side-link span{color:#087bc9}.sj-facebook{padding:8px;overflow:hidden}.sj-footer{background:#132d49;color:#d8e5f1;border-top:5px solid #1599e5}.sj-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:45px 0}.sj-footer h3{color:#fff;margin:0 0 15px;font-size:20px}.sj-footer p{margin:7px 0}.sj-footer a{display:block;color:#d8e5f1;text-decoration:none;padding:4px 0}.sj-footer a:hover{color:#5bc0ff}.sj-footer-social{display:inline-flex!important;width:38px;height:38px;border-radius:50%;background:#168fda;color:#fff!important;align-items:center;justify-content:center;margin-right:8px}.sj-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:17px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.sj-footer-bottom a{display:inline-block}.sj-topbar,.sj-branding,.sj-navigation{width:100%}@media(max-width:1250px){.sj-brand-title{font-size:38px}.sj-brand-meta{font-size:15px}.sj-brand-small{font-size:14px}.sj-nav-item>a{padding:0 10px;font-size:15px}.sj-home{padding:0 17px}.sj-content-grid{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1000px){.sj-brand-inner{min-height:205px}.sj-crest-link{flex-basis:120px}.sj-crest{width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important}.sj-brand-title{font-size:30px}.sj-brand-small{font-size:15px}.sj-brand-meta{font-size:13px}.sj-tagline{flex-basis:155px;font-size:22px}.sj-nav-inner{display:none}.sj-mobile-nav{display:block;padding:9px 0}.sj-content-grid{grid-template-columns:1fr}.sj-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.sj-container{width:calc(100% - 24px)}.sj-topbar-inner{min-height:44px;font-size:12px}.sj-top-left span:nth-child(2),.sj-top-left span:nth-child(3){display:none}.sj-top-right .sj-divider,.sj-top-right>a:not(:first-child){display:none}.sj-social{display:none}.sj-brand-inner{min-height:145px;padding:10px 0;gap:10px}.sj-crest-link{flex-basis:70px}.sj-crest{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important}.sj-brand-small{font-size:10px}.sj-brand-title{font-size:20px;white-space:normal}.sj-brand-meta{font-size:9px;line-height:1.35}.sj-tagline{display:none}.sj-banner-wrap{padding-top:20px}.sj-banner{width:calc(100% - 24px);height:180px;padding:0 24px;border-radius:16px}.sj-banner h1{font-size:26px}.sj-breadcrumb{width:calc(100% - 24px);padding:11px 14px;font-size:13px}.sj-content-grid{width:calc(100% - 24px)}.sj-content-card{padding:20px}.sj-content-card .sj-page-title{font-size:27px}.sj-footer-grid{grid-template-columns:1fr}.sj-footer-bottom{flex-direction:column}}
.sj-home-frame{border-left:2px solid #d9e3ed;border-right:2px solid #d9e3ed;background:#f3f7fb;min-height:400px}
@media(max-width:650px){.sj-home-frame{border-left:1px solid #d9e3ed;border-right:1px solid #d9e3ed}}

/* v11: unified compact master header - intentionally mirrors homepage-modern header proportions */
.topbar{background:#0869bd;color:#fff;font-size:13px;width:100%;}
.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1240px,calc(100% - 36px));margin:0 auto;}
.top-left,.top-right{display:flex;align-items:center;gap:14px}.topbar a{color:#fff;text-decoration:none}.sep{opacity:.45}
.social{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.16);font-size:11px;font-weight:800}
.header{background:#fff;border-bottom:1px solid #e8eef6;width:100%;}.header .container{width:min(1240px,calc(100% - 36px));margin:0 auto;}
.brand{min-height:122px;height:122px;display:flex;align-items:center;justify-content:space-between;gap:22px;}
.brand-main{display:flex;align-items:center;gap:18px;min-width:0}.crest{width:94px!important;height:94px!important;max-width:94px!important;max-height:94px!important;border-radius:50%;object-fit:contain;flex:none}.brand-copy{min-width:0}.brand-copy small{display:block;font-size:13px;color:#39445a;margin-bottom:2px;line-height:1.2}.brand-title{font-size:30px;line-height:1.1;font-weight:800;letter-spacing:.2px;color:#102b5b;white-space:nowrap}.brand-copy .meta{font-size:12px;color:#33415a;margin-top:5px;line-height:1.25}.tagline{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:18px;line-height:1.25;color:#222;min-width:145px}.tagline span{display:block;border-bottom:1px solid #ef5b5b;width:68px;margin:7px auto 0}
.navwrap{background:#063f7c;box-shadow:0 2px 8px rgba(0,0,0,.08);width:100%;position:relative;z-index:100}.navwrap .container{width:min(1240px,calc(100% - 36px));margin:0 auto}.nav{display:flex;align-items:center;min-height:48px;overflow:visible}.home{background:#0789e8!important;color:#fff!important;border-radius:7px;margin:6px 4px 6px 0;padding:8px 13px;font-weight:700;font-size:14px}.nav-item{position:relative;color:#fff;font-size:13px}.nav-item>a{display:block;padding:15px 10px;white-space:nowrap;color:#fff;text-decoration:none;font-size:13px;height:auto}.nav-item>a:after{content:'⌄';font-size:11px;margin-left:5px;opacity:.7}.nav-item:hover>a{background:rgba(255,255,255,.09)}.nav-item.current>a{background:transparent}.nav-item.current:hover>a{background:rgba(255,255,255,.09)}.dropdown{display:none;position:absolute;left:0;top:48px;background:#fff;min-width:220px;border-radius:0 0 10px 10px;box-shadow:0 14px 30px rgba(0,0,0,.18);padding:7px;z-index:500}.nav-item:hover .dropdown{display:block}.dropdown a{display:block;color:#17365f!important;padding:9px 11px;border-radius:7px;font-size:13px}.dropdown a:hover{background:#eef6ff;color:#087fe5!important}
.sj-mobile-menu{display:none}.sj-mobile-menu.is-open{display:block}.sj-mobile-group strong,.sj-mobile-group>a{display:block;padding:8px 12px;color:#fff;text-decoration:none}.sj-mobile-group strong{color:#a9dfff}
@media(max-width:1050px){.brand-title{font-size:25px}.brand-copy small,.brand-copy .meta{font-size:11px}.nav-item>a{padding-left:7px;padding-right:7px;font-size:12px}.home{padding-left:11px;padding-right:11px}}
@media(max-width:820px){.topbar .container,.header .container,.navwrap .container{width:calc(100% - 24px)}.top-left .location,.tagline{display:none}.topbar .container{height:auto;min-height:36px}.brand{min-height:96px;height:96px}.crest{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important}.brand-main{gap:10px}.brand-title{font-size:20px}.brand-copy small,.brand-copy .meta{font-size:10px}.nav{display:none}.mobile-nav{display:block;padding:10px 0}.sj-mobile-toggle{background:#0789e8;color:#fff;border:0;border-radius:7px;padding:8px 13px;font-weight:700;font-size:14px}.sj-mobile-menu{background:#063f7c}.top-right .social{display:none}}
@media(max-width:560px){.brand{min-height:96px;height:96px}.crest{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}.brand-title{font-size:14px;white-space:normal}.brand-copy small{font-size:8px}.brand-copy .meta{font-size:8px;margin-top:3px}.topbar{font-size:12px}.top-right .sep,.top-right>a:not(:first-child){display:none}}

/* v12 structural correction: desktop navigation is always one row; mobile menu only on small screens. */
.navwrap .nav{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;min-height:48px!important;overflow:visible!important}
.navwrap .mobile-nav{display:none!important}
.navwrap .nav-item{flex:0 0 auto!important}
.navwrap .home{flex:0 0 auto!important}

@media (max-width:820px){
  .navwrap .nav{display:none!important}
  .navwrap .mobile-nav{display:block!important;padding:10px 0!important}
}


/* v13: complete site frame - consistent left/right borders on every public page */
html,body{min-height:100%;}
body.sj-home-page,body.sj-internal-page{background:#eaf0f6;}
.sj-page-shell{
  width:calc(100% - 36px);
  max-width:1600px;
  margin:0 auto;
  border-left:2px solid #cfdbe7;
  border-right:2px solid #cfdbe7;
  background:#f3f7fb;
  min-height:100vh;
  box-shadow:0 0 24px rgba(23,57,88,.07);
}
.sj-home-frame{
  border-left:0;
  border-right:0;
}
@media(max-width:650px){
  .sj-page-shell{width:calc(100% - 16px);border-left:1px solid #cfdbe7;border-right:1px solid #cfdbe7;}
}


/* Unified Shivjagruti internal-page content theme. Header/footer are owned by site-modern.css. */
.sj-page-shell{min-height:100vh;border-left:2px solid #d9e3ed;border-right:2px solid #d9e3ed;background:#f3f7fb;overflow:visible}
.sj-page-main{background:#f3f7fb;padding:30px 0 55px}
.sj-content-grid{width:min(1440px,calc(100% - 120px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
.sj-content-card{background:#fff;border:1px solid #dce6f0;border-radius:18px;box-shadow:0 8px 25px rgba(24,53,82,.07);padding:30px;min-height:300px;overflow:hidden}
.sj-content-card h1,.sj-content-card h2,.sj-content-card h3,.sj-content-card h4{color:#123e73}
.sj-content-card .shiv-article-title,.sj-content-card .sj-page-title{font-size:34px;line-height:1.25;color:#123e73;margin:0 0 25px;padding:0 0 15px;border-bottom:1px solid #dce6f0;font-weight:800}
.sj-content-card .shiv-article-title:after,.sj-content-card .sj-page-title:after{content:"";display:block;width:58px;height:3px;background:#1599e5;position:relative;top:18px}
.sj-content-card p{font-size:14px;line-height:1.85;color:#385674}
.sj-content-card img[align="left"]{border-radius:14px!important;margin:0 22px 15px 0!important;max-width:300px!important;height:auto!important}
.sj-content-card img{max-width:100%;height:auto}
.sj-content-card iframe{max-width:100%;border:0;border-radius:12px}
.sj-content-card table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff}
.sj-content-card th{background:#172b43;color:#fff;text-align:left;padding:12px 14px}
.sj-content-card td{padding:11px 14px;border-bottom:1px solid #e7edf4}
.sj-content-card a{color:#087bc9}
.sj-sidebar{min-width:0}
.sj-sidebar-card{background:#fff;border:1px solid #dce6f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(24,53,82,.07);margin-bottom:18px}
.sj-sidebar-title{background:#172b43;color:#fff;font-size:18px;padding:15px 18px}
.sj-sidebar-list ul{list-style:none;margin:0;padding:0}.sj-sidebar-list li{padding:12px 15px;border-bottom:1px solid #e7edf4;display:flex;gap:12px;align-items:flex-start}.sj-sidebar-list li a{color:#315675;text-decoration:none;flex:1}.sj-side-date{display:flex;flex-direction:column;min-width:42px;color:#087bc9;font-size:11px}.sj-side-date strong{font-size:11px}.sj-side-date span{font-size:10px}.sj-side-link{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid #e7edf4;color:#315675;text-decoration:none;font-size:13px}.sj-side-link span{color:#087bc9}.sj-facebook{padding:8px;overflow:hidden}.sj-facebook .fb-page{max-width:100%}
.sj-breadcrumb-wrap{background:#f3f7fb;padding:20px 0;border-bottom:1px solid #dce6f0}.sj-breadcrumb{width:min(1440px,calc(100% - 120px));margin:0 auto;background:#fff;border:1px solid #dce6f0;border-radius:14px;padding:14px 24px;box-shadow:0 5px 18px rgba(30,60,90,.05);display:flex;gap:14px;align-items:center;color:#6c829c}.sj-breadcrumb a{color:#6c829c;text-decoration:none}.sj-bc-sep{color:#8fa5ba}
@media(max-width:1000px){.sj-content-grid{grid-template-columns:1fr;width:min(100% - 48px,900px)}}
@media(max-width:650px){.sj-page-shell{border-left:1px solid #d9e3ed;border-right:1px solid #d9e3ed}.sj-content-grid,.sj-breadcrumb{width:calc(100% - 24px)}.sj-content-card{padding:20px}.sj-content-card .shiv-article-title,.sj-content-card .sj-page-title{font-size:27px}.sj-content-card img[align="left"]{float:none!important;display:block!important;margin:0 auto 18px!important;max-width:100%!important}.sj-breadcrumb{padding:11px 14px;font-size:13px}}

/* v15: shared sidebar now mirrors the homepage notification/link cards. */
.sj-sidebar .card{background:#fff;border:1px solid #dce6f0;border-radius:15px;box-shadow:0 8px 25px rgba(24,53,82,.07);padding:22px;margin-bottom:16px}
.sj-sidebar .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sj-sidebar .section-title{font-size:20px;font-weight:800;color:#102b5b;display:flex;align-items:center;gap:10px;margin:0}
.sj-sidebar .section-icon{font-size:22px;color:#087fe5}
.sj-sidebar .viewall{font-size:12px;color:#087fe5;font-weight:700;text-decoration:none;white-space:nowrap}
.sj-sidebar .notice-list{list-style:none;padding:0;margin:0}
.sj-sidebar .notice-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6}
.sj-sidebar .notice-item:last-child{border-bottom:0}
.sj-sidebar .datebox{border-radius:6px;overflow:hidden;text-align:center;border:1px solid #e1e9f3;background:#f6f9fd;height:52px}
.sj-sidebar .datebox .month{background:#087fe5;color:#fff;font-size:10px;font-weight:800;padding:3px;line-height:1.2}
.sj-sidebar .datebox .day{font-size:18px;font-weight:800;line-height:25px;color:#102b5b}
.sj-sidebar .notice-title{font-size:12px;font-weight:700;color:#17365f;line-height:1.35;text-decoration:none}
.sj-sidebar .notice-meta{font-size:10px;color:#7b8ba2;margin-top:4px}
.sj-sidebar .new{float:right;background:#f04444;color:#fff;border-radius:10px;padding:2px 6px;font-size:9px;line-height:1.2}
.sj-sidebar .links-card{margin-top:0}
.sj-sidebar .link-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:12px;color:#27466d;text-decoration:none}
.sj-sidebar .link-row:last-child{border-bottom:0}
.sj-sidebar .link-arrow{color:#087fe5;font-weight:900}
.sj-sidebar .external{margin-left:auto;color:#087fe5}
.sj-sidebar .about-nav-card .section-head{margin-bottom:8px}
.sj-sidebar .about-nav-list{border-top:1px solid #edf1f6}
.sj-sidebar .about-nav-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #edf1f6;color:#27466d;text-decoration:none;font-size:13px}
.sj-sidebar .about-nav-link:hover,.sj-sidebar .about-nav-link.active{color:#087fe5;background:#f5faff}
.sj-sidebar .about-nav-link.active{font-weight:800;border-left:3px solid #087fe5;padding-left:9px}
.sj-sidebar .facebook-card .sj-facebook{padding:0;overflow:hidden}
.sj-sidebar .facebook-card .fb-page{max-width:100%}
@media(max-width:650px){
 .sj-sidebar .card{padding:18px}
 .sj-sidebar .section-title{font-size:18px}
 .sj-sidebar .notice-title{font-size:12px}
}


:root{--blue:#087fe5;--blue2:#075bb6;--navy:#102b5b;--ink:#14284b;--muted:#60708b;--bg:#f4f9fe;--line:#e3ebf5;--white:#fff;--shadow:0 7px 24px rgba(25,66,112,.09);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 36px));margin:auto}
.topbar{background:#0869bd;color:#fff;font-size:13px}.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.top-left,.top-right{display:flex;align-items:center;gap:14px}.sep{opacity:.45}.social{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.16);font-size:11px;font-weight:800}
.header{background:#fff;border-bottom:1px solid #e8eef6}.brand{min-height:122px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand-main{display:flex;align-items:center;gap:18px;min-width:0}.crest{width:94px;height:94px;border-radius:50%;object-fit:contain;flex:none}.brand-copy small{display:block;font-size:13px;color:#39445a;margin-bottom:2px}.brand-title{font-size:30px;line-height:1.1;font-weight:800;letter-spacing:.2px;color:#102b5b}.brand-copy .meta{font-size:12px;color:#33415a;margin-top:5px}.tagline{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:18px;line-height:1.25;color:#222;min-width:145px}.tagline span{display:block;border-bottom:1px solid #ef5b5b;width:68px;margin:7px auto 0}
.navwrap{background:#063f7c;box-shadow:0 2px 8px rgba(0,0,0,.08)}.nav{display:flex;align-items:center;min-height:48px;overflow:visible}.home{background:#0789e8;color:#fff;border-radius:7px;margin:6px 4px 6px 0;padding:8px 13px;font-weight:700}.nav-item{position:relative;color:#fff;font-size:13px}.nav-item>a{display:block;padding:15px 10px;white-space:nowrap}.nav-item>a:after{content:'⌄';font-size:11px;margin-left:5px;opacity:.7}.nav-item:hover>a{background:rgba(255,255,255,.09)}.dropdown{display:none;position:absolute;left:0;top:48px;background:#fff;min-width:220px;border-radius:0 0 10px 10px;box-shadow:0 14px 30px rgba(0,0,0,.18);padding:7px;z-index:50}.nav-item:hover .dropdown{display:block}.dropdown a{display:block;color:#17365f;padding:9px 11px;border-radius:7px;font-size:13px}.dropdown a:hover{background:#eef6ff;color:#087fe5}.mobile-nav{display:none;padding:10px 0}.mobile-nav select{width:100%;padding:11px;border:1px solid #cdd9e8;border-radius:9px;background:#fff}
.hero{margin:16px auto 0;position:relative;height:400px;border-radius:18px;overflow:hidden;background:#dbeeff;box-shadow:var(--shadow)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;background-size:cover;background-position:center}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,249,255,.98) 0%,rgba(242,249,255,.88) 37%,rgba(242,249,255,.12) 70%,rgba(242,249,255,0) 100%)}.hero-content{position:relative;z-index:2;width:52%;padding:54px 0 0 48px}.eyebrow{display:inline-block;background:#087fe5;color:#fff;font-weight:700;font-size:11px;padding:5px 10px;border-radius:6px;letter-spacing:.4px}.hero h1{font-size:39px;line-height:1.05;margin:15px 0 12px;color:#102b5b;max-width:500px}.hero p{max-width:430px;color:#30486b;font-size:14px;margin:0 0 18px}.btn{display:inline-flex;align-items:center;gap:8px;background:#0789e8;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700;font-size:13px}.btn:hover{background:#066ec1}.arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.12);font-size:24px;color:#17365f;cursor:pointer}.arrow.left{left:12px}.arrow.right{right:12px}.dots{position:absolute;z-index:5;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#fff;border:1px solid #168be9;cursor:pointer}.dot.active{background:#087fe5}
.quick{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:16px 0 20px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.18s}.quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(25,66,112,.13)}.qicon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:7px}.q-blue{background:#e2efff}.q-orange{background:#fff0df}.q-cyan{background:#e0f7ff}.q-green{background:#def7e8}.q-purple{background:#eee5ff}.q-yellow{background:#fff3cf}.q-sky{background:#e4efff}.quick-label{font-weight:700;font-size:12px;white-space:pre-line;line-height:1.25}
.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title{font-size:20px;font-weight:800;color:#102b5b;display:flex;align-items:center;gap:10px;margin:0}.section-icon{font-size:22px;color:#087fe5}.viewall{font-size:12px;color:#087fe5;font-weight:700}.about p{font-size:14px;color:#405370;margin:0 0 14px}.about p:last-child{margin-bottom:0}
.course-wrap{margin-top:16px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-card{border:1px solid #e2eaf4;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 3px 10px rgba(25,66,112,.06)}.course-card img{height:120px;width:100%;object-fit:cover}.course-body{padding:10px;position:relative;min-height:74px}.course-name{font-size:12px;font-weight:800;color:#102b5b;padding-right:28px}.course-meta{font-size:11px;color:#6b7b94;margin-top:4px}.course-arrow{position:absolute;right:8px;bottom:9px;width:25px;height:25px;border:1px solid #b9dcfb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#087fe5}
.notice-list{list-style:none;padding:0;margin:0}.notice-item{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f6}.notice-item:last-child{border-bottom:0}.datebox{border-radius:6px;overflow:hidden;text-align:center;border:1px solid #e1e9f3;background:#f6f9fd;height:52px}.datebox .month{background:#087fe5;color:#fff;font-size:10px;font-weight:800;padding:3px}.datebox .day{font-size:18px;font-weight:800;line-height:25px}.notice-title{font-size:12px;font-weight:700;color:#17365f;line-height:1.35}.notice-meta{font-size:10px;color:#7b8ba2;margin-top:4px}.new{float:right;background:#f04444;color:#fff;border-radius:10px;padding:2px 6px;font-size:9px}
.links-card{margin-top:16px}.link-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:12px;color:#27466d}.link-row:last-child{border-bottom:0}.link-arrow{color:#087fe5;font-weight:900}.external{margin-left:auto;color:#087fe5}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat{border-radius:13px;padding:17px 14px;display:flex;align-items:center;gap:12px}.stat:nth-child(1){background:#eaf9f0}.stat:nth-child(2){background:#fff0f1}.stat:nth-child(3){background:#eef2ff}.stat:nth-child(4){background:#fff8e2}.stat-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(255,255,255,.72)}.stat strong{display:block;font-size:21px;line-height:1.05}.stat span{font-size:11px;color:#52627a}
.principal-news{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:18px}.principal{background:#e6f4ff;border:1px solid #cfe9fb;border-radius:15px;padding:20px;display:grid;grid-template-columns:105px 1fr 120px;gap:16px;align-items:center}.principal img{width:105px;height:105px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}.principal h2{font-size:18px;margin:0 0 9px;color:#07528f}.principal p{font-size:12px;color:#385475;margin:0}.principal-name{border-left:1px solid #c5ddef;padding-left:16px;font-weight:800;font-size:13px;color:#174a79}.news-card .news-row{display:grid;grid-template-columns:54px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f6}.news-card .news-row:last-child{border-bottom:0}.news-thumb{width:54px;height:42px;border-radius:6px;object-fit:cover;background:#dbeeff}.news-title{font-size:11px;font-weight:700;color:#17365f;line-height:1.3}.news-date{font-size:9px;color:#7c8ca1;margin-top:3px}
.footer{background:#0d2c55;color:#d9e8f7;margin-top:18px}.footer-top{padding:34px 0;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}.footer h3{color:#fff;font-size:15px;margin:0 0 12px}.footer p,.footer li{font-size:11px;color:#b9cee4}.footer ul{padding:0;margin:0;list-style:none}.footer li{padding:4px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:13px 0;font-size:10px;display:flex;justify-content:space-between}
@media(max-width:1050px){.nav-item>a{padding-left:7px;padding-right:7px;font-size:12px}.brand-title{font-size:25px}.quick{grid-template-columns:repeat(4,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.top-left .location,.tagline{display:none}.topbar .container{height:auto;min-height:36px}.brand{min-height:96px}.crest{width:70px;height:70px}.brand-title{font-size:20px}.brand-copy small,.brand-copy .meta{font-size:10px}.nav{display:none}.mobile-nav{display:block}.hero{height:410px}.hero-content{width:75%;padding:45px 0 0 35px}.hero h1{font-size:31px}.layout{grid-template-columns:1fr}.principal-news{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 22px,1240px)}.top-right .social{display:none}.brand-main{gap:10px}.crest{width:58px;height:58px}.brand-title{font-size:14px}.brand-copy small{font-size:8px}.brand-copy .meta{font-size:8px}.hero{height:360px}.hero-overlay{background:linear-gradient(90deg,rgba(242,249,255,.97),rgba(242,249,255,.66))}.hero-content{width:90%;padding:38px 0 0 27px}.hero h1{font-size:27px}.hero p{font-size:12px}.quick{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.principal{grid-template-columns:80px 1fr}.principal img{width:80px;height:80px}.principal-name{grid-column:2;border-left:0;padding:0}.stats{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}}

/* Shared header contract: identical markup/styles on homepage and every internal page. */
.topbar,.header,.navwrap{position:relative;z-index:100;}
.topbar{width:100%;}
.header{width:100%;}
.navwrap{width:100%;}
.topbar .container,.header .container,.navwrap .container{width:min(1240px,calc(100% - 36px));margin-left:auto;margin-right:auto;}
@media(max-width:820px){.topbar .container,.header .container,.navwrap .container{width:calc(100% - 24px);}}


/* v16 standard layout helpers */
html,body{min-height:100%;}
body{overflow-x:hidden;}
.sj-page-shell{max-width:1600px;margin:0 auto;background:#f3f7fb;border-left:2px solid #d9e3ed;border-right:2px solid #d9e3ed;box-shadow:0 0 28px rgba(25,58,95,.06);}
.sj-home-page .sj-page-shell{border-left:2px solid #d9e3ed;border-right:2px solid #d9e3ed;}
.sj-home-frame{border:0!important;}
/* Consistent public-page container */
.sj-banner-wrap,.sj-breadcrumb-wrap,.sj-page-main{width:100%;}
.sj-banner-wrap{padding-top:16px;}
.sj-banner{width:min(1240px,calc(100% - 48px));height:112px;border-radius:16px;padding:0 34px;}
.sj-breadcrumb{width:min(1240px,calc(100% - 48px));}
.sj-content-grid{width:min(1240px,calc(100% - 48px));grid-template-columns:minmax(0,1fr) 310px;gap:28px;}
.sj-sidebar{min-width:0;}
.sj-content-card{overflow:hidden;}
.sj-content-card table{width:100%;border-collapse:collapse;margin:14px 0;}
.sj-content-card table th{background:#edf6ff;color:#123e73;font-weight:700;text-align:left;padding:11px;border-bottom:2px solid #cfe2f5;}
.sj-content-card table td{padding:10px 11px;border-bottom:1px solid #e4ebf3;color:#385674;vertical-align:top;}
.sj-content-card table tr:nth-child(even) td{background:#fbfdff;}
/* Replace legacy grid classes with simple CSS grid */
.shiv-grid,.shivj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;}
.shiv-grid-width-small-1-2,.shiv-grid-width-medium-1-2,.shiv-grid-width-large-1-4,.shiv-grid-width-large-1-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
/* Simple modal/lightbox used by legacy content without the old UIkit package */
.sj-modal{position:fixed;inset:0;background:rgba(9,29,52,.78);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999;}
.sj-modal.is-open{display:flex;}
.sj-modal-box{position:relative;background:#fff;border-radius:14px;max-width:900px;width:min(100%,900px);max-height:90vh;overflow:auto;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.sj-modal-close{position:absolute;right:10px;top:8px;border:0;background:#eef5fb;color:#17365f;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer;}
.sj-lightbox-img{max-width:100%;max-height:78vh;display:block;margin:auto;border-radius:10px;}
.sj-accordion-content{display:none;}
.sj-accordion-content.is-open{display:block;}
@media(max-width:1000px){.sj-content-grid{grid-template-columns:1fr;}.sj-banner{height:105px;}.sj-banner h1{font-size:30px;}}
@media(max-width:650px){.sj-page-shell,.sj-home-page .sj-page-shell{border-left:1px solid #d9e3ed;border-right:1px solid #d9e3ed;}.sj-banner,.sj-breadcrumb,.sj-content-grid{width:calc(100% - 24px);}.sj-banner{height:88px;padding:0 20px;border-radius:13px;}.sj-banner h1{font-size:22px;}}

/* v17: compact internal-page banner — keeps the page title visible without consuming vertical space. */
.sj-banner-wrap{padding-top:16px!important;padding-bottom:0!important}
.sj-banner{height:112px!important;width:min(1240px,calc(100% - 48px))!important;border-radius:16px!important;padding:0 34px!important}
.sj-banner h1{font-size:30px!important;line-height:1.15!important}
@media(max-width:1000px){.sj-banner{height:100px!important}.sj-banner h1{font-size:28px!important}}
@media(max-width:650px){.sj-banner{height:82px!important;width:calc(100% - 24px)!important;padding:0 20px!important;border-radius:12px!important}.sj-banner h1{font-size:22px!important}}

/* =========================================================
   v19 — exact inner-page design system
   Inspired by the selected Shivjagruti College mockup:
   compact banner, section-specific cards, clean right rail.
   ========================================================= */
:root{--sj-blue:#0b79c8;--sj-deep:#123e73;--sj-navy:#172b43;--sj-sky:#eaf6ff;--sj-bg:#f3f7fb;--sj-border:#dce7f1;--sj-green:#1f9d68;--sj-orange:#f28a21;--sj-purple:#7b43c6}
html,body{min-width:320px}body.sj-internal-page{background:var(--sj-bg)}
.sj-page-shell{max-width:1600px!important;margin:0 auto!important;border-left:2px solid #d5e0eb!important;border-right:2px solid #d5e0eb!important;background:var(--sj-bg)!important;box-shadow:0 0 30px rgba(20,52,82,.06)}
/* Master header — compact and identical everywhere */
.topbar .container,.header .container,.navwrap .container{width:min(1240px,calc(100% - 36px))!important;margin-inline:auto!important}
.topbar{height:36px!important;font-size:13px!important}.topbar .container{height:36px!important}
.header{height:122px!important}.brand{height:122px!important;min-height:122px!important}.crest{width:94px!important;height:94px!important;max-width:94px!important;max-height:94px!important}.brand-title{font-size:30px!important;line-height:1.1!important}.brand-copy small{font-size:13px!important}.brand-copy .meta{font-size:12px!important}.tagline{font-size:18px!important}
.navwrap{height:48px!important}.navwrap .nav{height:48px!important;min-height:48px!important}.navwrap .nav-item>a{padding:15px 10px!important;height:48px!important}.navwrap .home{margin:6px 4px 6px 0!important}
/* compact inner banner */
.sj-banner-wrap{padding:18px 0 0!important}.sj-banner{width:min(1240px,calc(100% - 36px))!important;height:112px!important;border-radius:18px!important;padding:0 34px!important;background-image:linear-gradient(90deg,rgba(31,137,203,.82),rgba(79,164,214,.52)),url('../images/bgimg.jpg')!important;background-position:center 48%!important}.sj-banner h1{font-size:31px!important;font-weight:800!important;letter-spacing:.1px!important}
.sj-breadcrumb-wrap{padding:14px 0!important}.sj-breadcrumb{width:min(1240px,calc(100% - 36px))!important;padding:11px 18px!important;border-radius:12px!important;font-size:14px!important}
.sj-page-main{padding:22px 0 48px!important}.sj-content-grid{width:min(1240px,calc(100% - 36px))!important;grid-template-columns:minmax(0,1fr) 350px!important;gap:24px!important}
.sj-content-card{border-radius:18px!important;padding:28px!important;min-height:0!important}.sj-content-card .shiv-article-title,.sj-content-card .sj-page-title{font-size:32px!important;margin:0 0 24px!important;padding-bottom:13px!important}.sj-content-card p{font-size:14px!important;line-height:1.78!important}
/* common right rail */
.sj-sidebar .card,.sj-sidebar-card{border-radius:16px!important;border:1px solid var(--sj-border)!important;box-shadow:0 8px 25px rgba(24,53,82,.06)!important;overflow:hidden!important;background:#fff!important;margin-bottom:18px!important}.sj-sidebar .section-head{padding:17px 18px 13px!important}.sj-sidebar .section-title{font-size:20px!important;color:#123e73!important}.sj-sidebar .section-icon{color:#0789e8!important}.sj-sidebar .viewall{font-size:12px!important;color:#0789e8!important;font-weight:700!important}.sj-sidebar .notice-item{padding:12px 14px!important;gap:10px!important}.sj-sidebar .datebox{width:54px!important;min-width:54px!important;border-radius:8px!important;overflow:hidden!important}.sj-sidebar .datebox .month{font-size:11px!important;padding:4px!important;background:#0789e8!important;color:#fff!important;text-align:center!important;font-weight:800!important}.sj-sidebar .datebox .day{font-size:19px!important;padding:3px!important;background:#f7fbff!important;color:#17365f!important;text-align:center!important;font-weight:800!important}.sj-sidebar .notice-title{font-size:13px!important;font-weight:700!important;color:#17365f!important}.sj-sidebar .notice-meta{font-size:10px!important;color:#8294a8!important}.sj-sidebar .new{font-size:9px!important;padding:2px 6px!important}.about-nav-card .section-head{padding-bottom:9px!important}.about-nav-list{padding:0 12px 10px}.about-nav-link{padding:9px 8px!important;font-size:12px!important;border-bottom:1px solid #edf1f5!important}.about-nav-link.active{background:#eef7ff!important;color:#087bc9!important;font-weight:800!important;border-left:3px solid #0789e8!important}
/* Editorial About layouts */
.sj-page-about-institution .sj-content-card,.sj-page-about-college .sj-content-card,.sj-page-about-nalegaon .sj-content-card{background:#fff}
.sj-page-about-institution .tm-article:before{content:'Our Journey Since 1991';display:block;float:right;background:#eaf6ff;color:#087bc9;border:1px solid #cfe9fb;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;margin:0 0 12px 12px}
.sj-page-about-institution .tm-article img[align="left"],.sj-page-about-college .tm-article img[align="left"],.sj-page-about-nalegaon .tm-article img[align="left"]{width:300px!important;max-width:300px!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(18,62,115,.14)!important;margin:0 22px 14px 0!important}
.sj-page-about-college .tm-article:after{content:'Academic Excellence   •   Student Support   •   Holistic Development';display:block;clear:both;margin-top:22px;background:#eef8ff;border:1px solid #d8edf9;border-radius:12px;padding:13px;color:#0d5d9d;font-size:13px;font-weight:700;text-align:center}
.sj-page-about-nalegaon .tm-article:before{content:'Nalegaon — Our Hometown';background:#eafaf3;color:#16804f;border-color:#cdeedc}
/* Vision / Mission */
.sj-page-vision-mission .sj-content-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.sj-page-vision-mission .tm-article:after{content:'CORE VALUES   •   Integrity   •   Excellence   •   Inclusiveness   •   Social Responsibility';display:block;margin-top:24px;padding:16px;border-radius:13px;background:#f2f9ff;border:1px solid #d8edf9;color:#16527f;font-weight:800;font-size:12px;text-align:center}
/* Principal */
.sj-page-principal-desk .tm-article img[align="left"]{width:180px!important;max-width:180px!important;border-radius:14px!important;margin-right:24px!important;box-shadow:0 8px 18px rgba(18,62,115,.15)!important}.sj-page-principal-desk .tm-article:before{content:'MESSAGE FROM THE PRINCIPAL';display:block;color:#0789e8;font-weight:800;font-size:12px;letter-spacing:.8px;margin-bottom:10px}
/* Trustees — convert table into profile cards */
.sj-page-trustees .tsc_table_s15{border-collapse:separate!important;border-spacing:12px!important;width:100%!important}.sj-page-trustees .tsc_table_s15 td{background:#f8fbff!important;border:1px solid #dce8f3!important;border-radius:12px!important;padding:14px!important;text-align:center!important;vertical-align:top!important;box-shadow:0 5px 15px rgba(20,55,90,.05)}.sj-page-trustees .tsc_table_s15 img{width:105px!important;height:105px!important;object-fit:cover!important;border-radius:10px!important;margin:auto!important}
/* Organogram */
.sj-page-organogram .sj-content-card img{background:#fff;padding:10px;border:1px solid #dce7f1;border-radius:14px!important;box-shadow:0 8px 20px rgba(20,55,90,.06)}
/* Courses */
.sj-page-courses .tsc_table_s15,.sj-page-course-strength .tsc_table_s15{border-collapse:separate!important;border-spacing:0 8px!important}.sj-page-courses .tsc_table_s15 td,.sj-page-course-strength .tsc_table_s15 td{background:#f9fcff!important;border-top:1px solid #dce8f3!important;border-bottom:1px solid #dce8f3!important;padding:12px!important}.sj-page-courses .tsc_table_s15 tr td:first-child,.sj-page-course-strength .tsc_table_s15 tr td:first-child{border-left:4px solid #0789e8!important;border-radius:10px 0 0 10px!important}.sj-page-courses .tsc_table_s15 tr td:last-child,.sj-page-course-strength .tsc_table_s15 tr td:last-child{border-right:1px solid #dce8f3!important;border-radius:0 10px 10px 0!important}
/* Staff */
.sj-page-teaching-staff .shiv-grid,.sj-page-non-teaching-staff .shiv-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.sj-page-teaching-staff .shiv-width-small-1-1,.sj-page-non-teaching-staff .shiv-width-small-1-1{width:auto!important}.sj-page-teaching-staff .shiv-panel,.sj-page-non-teaching-staff .shiv-panel{height:100%!important;border:1px solid #dce7f1!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 7px 18px rgba(20,55,90,.07)!important}.sj-page-teaching-staff .shiv-panel-teaser,.sj-page-non-teaching-staff .shiv-panel-teaser{box-shadow:none!important}.sj-page-teaching-staff .tm-card-avatar,.sj-page-non-teaching-staff .tm-card-avatar{height:220px!important;width:100%!important;object-fit:cover!important}.sj-page-teaching-staff .tm-card-content,.sj-page-non-teaching-staff .tm-card-content{text-align:center!important;padding:12px!important}.sj-page-teaching-staff .shiv-panel-title,.sj-page-non-teaching-staff .shiv-panel-title{font-size:15px!important;color:#123e73!important}.sj-page-teaching-staff .tm-card-title,.sj-page-non-teaching-staff .tm-card-title{font-size:11px!important;color:#087bc9!important}
/* Admission — process feel */
.sj-page-admission .sj-content-card .tm-article:before{content:'01  Eligibility   →   02  Application   →   03  Documents   →   04  Admission';display:block;background:#f1fbf6;border:1px solid #d2efdf;color:#16804f;border-radius:13px;padding:14px;text-align:center;font-weight:800;font-size:12px;margin-bottom:20px}
/* Facilities / research / IQAC */
.sj-page-facilities .sj-content-card,.sj-page-research .sj-content-card,.sj-page-iqac .sj-content-card{background:linear-gradient(180deg,#fff,#fbfdff)}
.sj-page-facilities .tm-article h3,.sj-page-research .tm-article h4{color:#123e73!important}
.sj-page-iqac .tsc_table_s15,.sj-page-research .tsc_table_s15{border-collapse:separate!important;border-spacing:0 7px!important}.sj-page-iqac .tsc_table_s15 td,.sj-page-research .tsc_table_s15 td{background:#f8fbff!important;border-top:1px solid #dce7f1!important;border-bottom:1px solid #dce7f1!important;padding:11px!important}
/* Downloads */
.sj-page-downloads .tsc_table_s15,.sj-page-downloads .tsc_table_s15 tbody{display:block;width:100%!important}.sj-page-downloads .tsc_table_s15 tr{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:8px;border:1px solid #dce7f1;border-radius:11px;background:#f9fcff;overflow:hidden}.sj-page-downloads .tsc_table_s15 td{border:0!important;padding:12px!important}.sj-page-downloads .shiv-icon-download{font-size:1.15em!important}
/* News */
.sj-page-news .tm-article{padding:14px 0;border-bottom:1px solid #e6edf4}.sj-page-news .tm-article:last-child{border-bottom:0}.sj-page-news .tm-article img{border-radius:10px!important;box-shadow:none!important}.sj-page-news .tm-article h3{color:#123e73!important;font-size:18px!important}
/* Gallery */
.sj-page-gallery .tm-article img{border-radius:12px!important;box-shadow:0 5px 14px rgba(20,55,90,.08)!important;transition:transform .2s}.sj-page-gallery .tm-article img:hover{transform:translateY(-2px)}
/* Footer */
.sj-footer{margin-top:0!important}.sj-footer .sj-container{width:min(1240px,calc(100% - 36px))!important}
@media(max-width:900px){.sj-content-grid{grid-template-columns:1fr!important}.sj-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sj-sidebar .card{margin-bottom:0}.sj-page-teaching-staff .shiv-grid,.sj-page-non-teaching-staff .shiv-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.header{height:96px!important}.brand{height:96px!important;min-height:96px!important}.crest{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important}.brand-title{font-size:20px!important}.brand-copy small,.brand-copy .meta{font-size:10px!important}.sj-banner{height:100px!important}.sj-banner h1{font-size:27px!important}}
@media(max-width:600px){.sj-page-shell{border-left:1px solid #d5e0eb!important;border-right:1px solid #d5e0eb!important}.sj-container,.topbar .container,.header .container,.navwrap .container,.sj-banner,.sj-breadcrumb,.sj-content-grid{width:calc(100% - 22px)!important}.sj-banner-wrap{padding-top:12px!important}.sj-banner{height:82px!important;padding:0 20px!important;border-radius:13px!important}.sj-banner h1{font-size:22px!important}.sj-breadcrumb-wrap{padding:10px 0!important}.sj-page-main{padding-top:15px!important}.sj-content-card{padding:20px!important}.sj-sidebar{grid-template-columns:1fr}.sj-page-about-institution .tm-article img[align="left"],.sj-page-about-college .tm-article img[align="left"],.sj-page-about-nalegaon .tm-article img[align="left"],.sj-page-principal-desk .tm-article img[align="left"]{float:none!important;display:block!important;width:100%!important;max-width:100%!important;margin:0 auto 18px!important}.sj-page-teaching-staff .shiv-grid,.sj-page-non-teaching-staff .shiv-grid{grid-template-columns:1fr!important}}

/* v20: unified modern pagination for every listing page */
ul.pagination, ul.shiv-pagination, .pagination.modal-1, .shiv-pagination{
  list-style:none!important;
  margin:24px 0 10px!important;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:100%!important;
  background:#f7fbff!important;
  border:1px solid #dbe7f2!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
}
ul.pagination li, ul.shiv-pagination li, .pagination.modal-1 li, .shiv-pagination li{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
ul.pagination li::before, ul.pagination li::after,
ul.shiv-pagination li::before, ul.shiv-pagination li::after,
.pagination.modal-1 li::before, .pagination.modal-1 li::after{
  content:none!important;
}
ul.pagination a, ul.shiv-pagination a, .pagination.modal-1 a, .shiv-pagination a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  height:38px!important;
  padding:0 13px!important;
  border:1px solid #d5e2ee!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#1769aa!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:0 2px 6px rgba(25,60,95,.05)!important;
  transition:all .18s ease!important;
  box-sizing:border-box!important;
}
ul.pagination a:hover, ul.shiv-pagination a:hover, .pagination.modal-1 a:hover, .shiv-pagination a:hover{
  background:#0789e8!important;
  border-color:#0789e8!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
ul.pagination a.active, ul.shiv-pagination a.active, .pagination.modal-1 a.active, .shiv-pagination a.active{
  background:#0789e8!important;
  border-color:#0789e8!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(8,137,232,.22)!important;
}
ul.pagination a.prev, ul.pagination a.next, ul.shiv-pagination a.prev, ul.shiv-pagination a.next{
  min-width:82px!important;
  background:#eef7ff!important;
  color:#087bc9!important;
}
/* The pagination include is sometimes followed by a <br>; neutralize legacy spacing. */
ul.pagination + br, ul.shiv-pagination + br{display:none!important;}
/* Records summary printed by pagination.php */
ul.pagination ~ .pagination-records, ul.shiv-pagination ~ .pagination-records{
  text-align:center!important;
  margin:10px 0 4px!important;
  color:#526b86!important;
  font-size:14px!important;
  font-weight:600!important;
}
@media(max-width:600px){
  ul.pagination, ul.shiv-pagination, .pagination.modal-1, .shiv-pagination{padding:11px 10px!important;gap:6px!important;margin:18px 0 8px!important}
  ul.pagination a, ul.shiv-pagination a, .pagination.modal-1 a, .shiv-pagination a{min-width:36px!important;height:36px!important;padding:0 9px!important;font-size:13px!important}
  ul.pagination a.prev, ul.pagination a.next, ul.shiv-pagination a.prev, ul.shiv-pagination a.next{min-width:70px!important}
}
/* v21 course landing/detail and sitemap */
.sj-course-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.sj-course-list-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce7f2;border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 7px 22px rgba(25,58,90,.07);transition:.18s}.sj-course-list-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,58,90,.12)}.sj-course-image{height:170px;background:#edf5fb;overflow:hidden}.sj-course-image img{width:100%;height:100%;object-fit:cover;display:block}.sj-course-list-body{padding:18px;display:flex;flex-direction:column;min-height:170px}.sj-course-list-body h2{font-size:21px!important;margin:0 0 10px!important;color:#123e73}.sj-course-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sj-course-details span{background:#f3f8fd;border:1px solid #dce9f5;border-radius:20px;padding:4px 9px;font-size:12px;color:#45627f}.sj-course-badge{align-self:flex-start;background:#eaf6ff;color:#087bc9;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.sj-course-open{margin-top:auto;padding-top:15px;color:#087bc9;font-weight:700;font-size:14px}.sj-course-summary{display:grid;grid-template-columns:260px 1fr;gap:24px;margin:18px 0 28px;padding:18px;background:#f7fbff;border:1px solid #dce9f4;border-radius:16px}.sj-course-summary-image img{width:100%;height:180px;object-fit:cover;border-radius:12px;display:block}.sj-course-summary-data{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}.sj-course-summary-data div{padding:16px;background:#fff;border:1px solid #e0e9f2;border-radius:12px}.sj-course-summary-data strong{display:block;color:#123e73;font-size:13px;margin-bottom:5px}.sj-course-summary-data span{color:#45627f}.sj-course-subjects{margin:0 0 28px;padding:20px;background:#fbfdff;border:1px solid #dce7f2;border-radius:14px}.sj-course-subjects h2,.sj-module-heading{color:#123e73}.sj-rich-content{line-height:1.8}.sj-table-wrap{overflow:auto}.sj-syllabus-action a{color:#087bc9;font-weight:700;text-decoration:none}.sj-empty{text-align:center;padding:24px!important;color:#71859b}.sj-back-courses{display:inline-block;margin-top:20px;color:#087bc9;text-decoration:none;font-weight:700}.sj-sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sj-sitemap-group{border:1px solid #dce7f2;border-radius:14px;background:#fbfdff;padding:18px}.sj-sitemap-group h2{font-size:19px!important;margin:0 0 10px!important}.sj-sitemap-group a{display:block;padding:8px 0;border-top:1px solid #e8eef5;color:#315675;text-decoration:none}.sj-sitemap-group a:hover{color:#087bc9;padding-left:4px}@media(max-width:1000px){.sj-course-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-sitemap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.sj-course-list-grid,.sj-sitemap-grid{grid-template-columns:1fr}.sj-course-summary{grid-template-columns:1fr}.sj-course-summary-data{grid-template-columns:1fr}.sj-course-image{height:150px}}
/* v22: top-level navigation labels are direct links; dropdown remains available on hover. */
.nav-item>a.nav-direct-link{display:flex!important;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}
.nav-item>a.nav-direct-link:after{content:none!important}
.nav-arrow{font-size:11px;line-height:1;opacity:.75}
.sj-mobile-main-link{font-weight:700!important;color:#fff!important;background:rgba(255,255,255,.08);border-radius:7px}


/* v29: Staff dropdown follows the approved Staff reference design. */
.navwrap .staff-dropdown{
  width:520px; min-width:520px; padding:16px 18px 18px; display:none;
  grid-template-columns:1fr; background:#fff; border:1px solid #dce7f2;
  border-radius:0 0 16px 16px; overflow:hidden;
  box-shadow:0 16px 34px rgba(18,52,86,.18);
}
.navwrap .nav-item:hover .staff-dropdown,.navwrap .nav-item:focus-within .staff-dropdown{display:grid;}
.staff-all{display:flex!important;align-items:center;justify-content:space-between;min-height:54px;padding:0 16px!important;border-radius:10px!important;background:#eef7ff!important;color:#087bc9!important;text-decoration:none;font-size:19px!important;}
.staff-all:hover,.staff-all:focus{background:#e4f3ff!important;color:#087bc9!important;}
.staff-section{padding:18px 10px 14px;border-top:1px solid #e0e8f0;}
.staff-section h4{margin:0 0 8px;padding:0 4px 9px;border-bottom:3px solid #1599e5;color:#123e73;font-size:14px;line-height:1.25;font-weight:800;}
.staff-section a{display:block!important;padding:9px 10px!important;border-radius:5px!important;color:#173f6d!important;background:#fff;font-size:14px!important;text-decoration:none;}
.staff-section a:hover,.staff-section a:focus{background:#f0f8ff!important;color:#087bc9!important;}
.staff-nonteaching{padding-bottom:4px;}
@media(max-width:820px){.navwrap .staff-dropdown{display:none!important;}}

/* v30: Courses dropdown follows the same compact vertical structure as Staff.
   Keep typography at the site's existing navigation scale; do not enlarge fonts. */
.navwrap .courses-menu-staff{
  width:520px; min-width:520px; padding:16px 18px 18px; display:none;
  grid-template-columns:1fr; background:#fff; border:1px solid #dce7f2;
  border-radius:0 0 16px 16px; overflow:hidden;
  box-shadow:0 16px 34px rgba(18,52,86,.18);
}
.navwrap .nav-item:hover .courses-menu-staff,
.navwrap .nav-item:focus-within .courses-menu-staff{display:grid;}
.course-all{display:flex!important;align-items:center;justify-content:space-between;
  min-height:54px;padding:0 16px!important;border-radius:10px!important;
  background:#eef7ff!important;color:#087bc9!important;text-decoration:none;
  font-size:14px!important;}
.course-all:hover,.course-all:focus{background:#e4f3ff!important;color:#087bc9!important;}
.course-section{padding:18px 10px 14px;border-top:1px solid #e0e8f0;}
.course-section h4{margin:0 0 8px;padding:0 4px 9px;border-bottom:3px solid #1599e5;
  color:#123e73;font-size:14px;line-height:1.25;font-weight:800;}
.course-section a{display:block!important;padding:8px 10px!important;border-radius:5px!important;
  color:#173f6d!important;background:#fff;font-size:14px!important;line-height:1.3;text-decoration:none;}
.course-section a:hover,.course-section a:focus{background:#f0f8ff!important;color:#087bc9!important;}
@media(max-width:820px){.navwrap .courses-menu-staff{display:none!important;}}

/* v31: COMPACT NAVIGATION DROPDOWNS
   Courses and Staff use the same small typography and proportions as the main navigation. */
.navwrap .staff-dropdown,
.navwrap .courses-menu-staff{
  width:410px;
  min-width:410px;
  padding:10px 12px 12px;
  border-radius:0 0 14px 14px;
  box-shadow:0 12px 28px rgba(18,52,86,.16);
}
.staff-all,.course-all{
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.staff-section,.course-section{
  padding:11px 6px 8px!important;
}
.staff-section h4,.course-section h4{
  margin:0 0 5px!important;
  padding:0 4px 6px!important;
  border-bottom:2px solid #1599e5!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.staff-section a,.course-section a{
  padding:6px 8px!important;
  border-radius:4px!important;
  font-size:14px!important;
  line-height:1.3!important;
}
.staff-nonteaching{padding-bottom:2px!important;}
@media(max-width:1250px){
  .navwrap .staff-dropdown,.navwrap .courses-menu-staff{width:380px;min-width:380px;}
}
@media(max-width:820px){
  .navwrap .staff-dropdown,.navwrap .courses-menu-staff{display:none!important;}
}

/* v33: unified staff directory — 16 records/page, 4 cards per row on desktop. */
.sj-page-staff .sj-staff-page-card{padding:26px;}
.sj-page-staff .sj-staff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;}
.sj-page-staff .sj-staff-head .sj-page-title{margin-bottom:6px!important;}
.sj-page-staff .sj-staff-subtitle{margin:0!important;font-size:13px!important;color:#6b7d94!important;line-height:1.5!important;}
.sj-page-staff .sj-staff-count{min-width:72px;padding:9px 12px;border:1px solid #dce7f1;border-radius:10px;background:#f5faff;text-align:center;color:#123e73;}
.sj-page-staff .sj-staff-count strong{display:block;font-size:20px;line-height:1.1;}
.sj-page-staff .sj-staff-count span{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#087bc9;}
.sj-page-staff .sj-staff-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #e2eaf2;}
.sj-page-staff .sj-staff-filters a{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #d9e5f0;border-radius:8px;background:#fff;color:#315675;text-decoration:none;font-size:12px;font-weight:700;}
.sj-page-staff .sj-staff-filters a:hover,.sj-page-staff .sj-staff-filters a.active{background:#087fe5;border-color:#087fe5;color:#fff;}
.sj-page-staff .sj-staff-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
.sj-page-staff .sj-staff-card{min-width:0;border:1px solid #dce7f1;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 5px 15px rgba(20,55,90,.06);transition:transform .18s ease,box-shadow .18s ease;}
.sj-page-staff .sj-staff-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,55,90,.11);}
.sj-page-staff .sj-staff-photo-link{display:block;background:#edf4fa;aspect-ratio:1/1;overflow:hidden;}
.sj-page-staff .sj-staff-photo{display:block;width:100%;height:100%;object-fit:cover;}
.sj-page-staff .sj-staff-card-body{padding:11px 12px 12px;text-align:center;}
.sj-page-staff .sj-staff-type{display:inline-block;margin-bottom:5px;font-size:9px;line-height:1.2;color:#087bc9;text-transform:uppercase;letter-spacing:.35px;font-weight:800;}
.sj-page-staff .sj-staff-card h3{margin:0;color:#123e73;font-size:13px;line-height:1.35;font-weight:800;}
.sj-page-staff .sj-staff-card p{margin:4px 0 9px!important;color:#58708c!important;font-size:11px!important;line-height:1.35!important;}
.sj-page-staff .sj-staff-view{font-size:10px;font-weight:700;color:#087fe5;text-decoration:none;}
.sj-page-staff .sj-staff-view span{margin-left:3px;}
.sj-page-staff .sj-empty-state{padding:40px 15px;text-align:center;border:1px dashed #cbdbe9;border-radius:12px;color:#6b7d94;}
.sj-page-staff .sj-staff-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid #e2eaf2;}
.sj-page-staff .sj-staff-pagination a,.sj-page-staff .sj-staff-pagination span{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce7f1;border-radius:7px;background:#fff;color:#315675;text-decoration:none;font-size:14px;font-weight:500;}
.sj-page-staff .sj-staff-pagination a:hover,.sj-page-staff .sj-staff-pagination a.active{background:#087fe5;border-color:#087fe5;color:#fff;}
.sj-page-staff .sj-staff-pagination .sj-staff-records{border:0;background:transparent;color:#71839a;font-weight:500;min-width:auto;}
@media(max-width:1100px){.sj-page-staff .sj-staff-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:900px){.sj-page-staff .sj-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){.sj-page-staff .sj-staff-page-card{padding:18px!important}.sj-page-staff .sj-staff-head{display:block}.sj-page-staff .sj-staff-count{display:inline-block;margin-top:10px}.sj-page-staff .sj-staff-grid{grid-template-columns:1fr!important}.sj-page-staff .sj-staff-filters a{font-size:11px;padding:6px 9px;}}


/* v34: staff profile modal */
.sj-page-staff .sj-staff-photo-link{width:100%;border:0;padding:0;cursor:pointer;font:inherit;display:block;}
.sj-page-staff .sj-staff-view{border:0;background:transparent;padding:0;cursor:pointer;font-family:inherit;}
.sj-staff-modal{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:24px;}
.sj-staff-modal.is-open{display:flex;}
.sj-staff-modal-backdrop{position:absolute;inset:0;background:rgba(10,29,50,.68);backdrop-filter:blur(3px);}
.sj-staff-modal-dialog{position:relative;z-index:1;width:min(920px,96vw);max-height:90vh;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr);background:#fff;border:1px solid #dce7f1;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28);}
.sj-staff-modal-photo-wrap{min-height:420px;max-height:90vh;background:#f3f7fb;display:flex;align-items:center;justify-content:center;padding:20px;}
.sj-staff-modal-image{display:block;width:100%;height:100%;max-height:82vh;object-fit:contain;object-position:center;border-radius:10px;}
.sj-staff-modal-info{padding:42px 38px;align-self:center;}
.sj-staff-modal-type{display:inline-block;color:#087fe5;background:#eef7ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;}
.sj-staff-modal-info h2{margin:12px 0 5px;color:#123e73;font-size:27px;line-height:1.25;}
.sj-staff-modal-designation{margin:0 0 24px;color:#58708c;font-size:15px;line-height:1.5;}
.sj-staff-modal-details{margin:0;border-top:1px solid #e3ebf3;}
.sj-staff-modal-details>div{padding:13px 0;border-bottom:1px solid #e3ebf3;}
.sj-staff-modal-details dt{font-size:11px;color:#7a8da4;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-weight:800;}
.sj-staff-modal-details dd{margin:0;color:#234a72;font-size:14px;line-height:1.5;}
.sj-staff-modal-close{position:absolute;z-index:2;top:12px;right:12px;width:36px;height:36px;border:1px solid #dce7f1;border-radius:50%;background:#fff;color:#17365f;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12);}
.sj-staff-modal-close:hover{background:#087fe5;color:#fff;border-color:#087fe5;}
body.sj-modal-open{overflow:hidden;}
@media(max-width:720px){
  .sj-staff-modal{padding:12px;}
  .sj-staff-modal-dialog{grid-template-columns:1fr;width:min(620px,96vw);max-height:94vh;overflow:auto;}
  .sj-staff-modal-photo-wrap{min-height:300px;max-height:48vh;padding:14px;}
  .sj-staff-modal-image{max-height:44vh;}
  .sj-staff-modal-info{padding:24px 22px 28px;}
  .sj-staff-modal-info h2{font-size:22px;}
}

/* Combined About Us page */
.about-single-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:10px;background:#f5f7fb;border:1px solid #e5e9f2;border-radius:12px;position:sticky;top:8px;z-index:5}
.about-single-nav a{display:inline-flex;align-items:center;padding:9px 13px;border-radius:8px;background:#fff;border:1px solid #dfe5ef;color:#173b70;text-decoration:none;font-size:14px;font-weight:600}
.about-single-nav a:hover{background:#173b70;color:#fff}
.about-combined-section{scroll-margin-top:20px;padding:4px 0 34px;margin:0 0 34px;border-bottom:1px solid #e7ebf2}
.about-combined-section:last-child{border-bottom:0;margin-bottom:0}
.about-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.about-section-heading>span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#fff;background:#173b70;border-radius:7px;padding:7px 9px}
.about-section-heading h2{margin:0;font-size:25px;color:#173b70}
.about-heading-line{width:52px;height:3px;background:#e7a52b;border-radius:3px;margin-top:7px}
.about-section-image{float:left;max-width:275px;max-height:230px;object-fit:contain;margin:0 22px 14px 0;border-radius:12px;box-shadow:0 5px 18px rgba(25,50,90,.14);border:1px solid #e5e9f2}
.about-section-text{line-height:1.75;color:#354052;font-size:15px}
.about-clear{clear:both}
.about-map{margin-top:24px;padding-top:18px;border-top:1px solid #e7ebf2}
.about-map h3{font-size:14px;color:#173b70;margin:0 0 12px}
.about-map iframe{border-radius:10px;display:block}
@media(max-width:700px){.about-single-nav{position:static}.about-single-nav a{flex:1 1 45%;justify-content:center}.about-section-heading h2{font-size:21px}.about-section-image{float:none;display:block;max-width:100%;max-height:300px;margin:0 auto 16px}.about-section-text{font-size:14px}}

/* v41 modern Organogram presentation */
.sj-page-organogram .sj-organogram-card{padding:28px}
.sj-organogram-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.sj-section-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#356aa0;margin-bottom:7px}
.sj-page-organogram .shiv-article-title{margin:0 0 7px;font-size:28px;line-height:1.15}
.sj-organogram-intro{margin:0;color:#65778a;font-size:14px;line-height:1.7;max-width:680px}
.sj-organogram-action{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 15px;border:1px solid #d5e2ee;border-radius:10px;background:#fff;color:#234f79;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 4px 12px rgba(20,55,90,.05)}
.sj-organogram-action:hover{background:#f5f9fc}
.sj-organogram-action span{font-size:15px}
.sj-organogram-viewer{border:1px solid #dbe6ef;border-radius:16px;background:#f7fafc;overflow:hidden;box-shadow:0 10px 28px rgba(20,55,90,.07)}
.sj-organogram-viewer-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e3ebf2;font-size:13px;font-weight:700;color:#294d6d}
.sj-organogram-hint{font-size:11px;font-weight:600;color:#8292a2}
.sj-organogram-image-link{display:block;padding:22px;text-align:center;cursor:zoom-in}
.sj-organogram-image{display:block;width:100%;height:auto;max-height:none;margin:0 auto;background:#fff;border:1px solid #d8e3ec;border-radius:10px;box-shadow:0 5px 18px rgba(20,55,90,.06)}
.sj-organogram-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border:1px solid #dce8f1;border-radius:12px;background:#f8fbfd;color:#5e7183;font-size:12px;line-height:1.6}
.sj-organogram-note strong{color:#294d6d;font-size:13px}
.sj-organogram-note-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:50%;background:#e7f0f7;color:#356a9c;font-weight:800}
@media(max-width:760px){.sj-page-organogram .sj-organogram-card{padding:20px}.sj-organogram-head{align-items:flex-start;flex-direction:column;gap:14px}.sj-page-organogram .shiv-article-title{font-size:24px}.sj-organogram-action{width:max-content}.sj-organogram-image-link{padding:10px}.sj-organogram-viewer-top{font-size:12px}.sj-organogram-hint{display:none}}

/* Vision & Mission page — same Shivjagruti internal-page design language */
.sj-page-vision-mission .sj-vision-card{overflow:hidden;}
.sj-page-vision-mission .sj-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e5edf5;padding-bottom:14px;margin-bottom:18px;}
.sj-page-vision-mission .sj-section-heading .shiv-article-title{margin:0;}
.sj-section-subtitle{margin:5px 0 0;color:#7890aa;font-size:14px;}
.sj-section-badge{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eef8ff;border:1px solid #cfe8fb;color:#0877d1;font-size:11px;font-weight:700;white-space:nowrap;}
.sj-vision-image-wrap{float:right;width:250px;margin:0 0 18px 24px;}
.sj-vision-image-wrap img{display:block;width:100%;height:auto;max-height:210px;object-fit:cover;box-shadow:0 5px 16px rgba(26,73,117,.12);}
.sj-vm-block{border:1px solid #e3ebf4;border-radius:14px;background:#fff;margin:0 0 18px;padding:18px 20px;box-shadow:0 4px 14px rgba(31,72,113,.05);}
.sj-vm-block-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.sj-vm-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#eaf5ff;color:#0877d1;font-weight:800;font-size:14px;flex:0 0 34px;}
.sj-vm-block-head h2{margin:0;color:#123f73;font-size:20px;font-weight:800;}
.sj-vm-block-head span:not(.sj-vm-icon){display:block;color:#8195aa;font-size:11px;margin-top:2px;}
.sj-vm-content{color:#536f8e;font-size:15px;line-height:1.8;}
.sj-vm-content p{margin:0 0 10px;}
.sj-vm-content ol{margin:5px 0 0;padding-left:23px;}
.sj-vm-content li{padding:5px 0 5px 4px;}
.sj-vm-vision{background:linear-gradient(180deg,#fbfdff,#fff);}
.sj-vm-mission{background:linear-gradient(180deg,#fafdff,#fff);}
.sj-vm-aims{background:#fff;}
.sj-empty-state{padding:30px;border:1px dashed #cbd9e7;border-radius:12px;text-align:center;color:#7890aa;}
@media (max-width:900px){.sj-vision-image-wrap{float:none;width:min(100%,360px);margin:0 auto 18px;}.sj-page-vision-mission .sj-section-heading{align-items:flex-start;}.sj-section-badge{display:none;}}

/* Principal's Desk – same modern internal-page language as Vision & Mission. */
.sj-page-principal-desk .sj-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e5edf5;padding-bottom:14px;margin-bottom:18px}.sj-page-principal-desk .sj-section-heading .shiv-article-title{margin:0}.sj-principal-profile{display:grid;grid-template-columns:88px 1fr 52px;align-items:center;gap:16px;padding:16px 18px;margin-bottom:20px;border:1px solid #dce9f5;border-radius:15px;background:linear-gradient(135deg,#f7fbff,#eef7ff);box-shadow:0 4px 14px rgba(31,72,113,.05)}.sj-principal-avatar{width:88px;height:88px;border-radius:14px;object-fit:cover;border:4px solid #fff;box-shadow:0 5px 16px rgba(20,65,110,.16);display:block}.sj-principal-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#e8f3ff;color:#0877d1;font-size:36px}.sj-principal-kicker{display:block;color:#0789e8;font-size:11px;font-weight:800;letter-spacing:.8px;margin-bottom:5px}.sj-principal-profile-copy h2{margin:0;color:#123f73;font-size:20px;font-weight:800}.sj-principal-profile-copy p{margin:4px 0 0;color:#7187a0;font-size:13px}.sj-principal-mark{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dcebfb;color:#1879c9;font-size:42px;line-height:1;font-family:Georgia,serif}.sj-principal-message{color:#536f8e;font-size:15px;line-height:1.85}.sj-principal-message p{margin:0 0 18px}.sj-principal-message p:last-child{margin-bottom:0}.sj-principal-message strong{color:#173f6d}.sj-principal-message hr{border:0;border-top:1px solid #e7eef5;margin:20px 0}.sj-principal-message ol,.sj-principal-message ul{padding-left:24px}.sj-principal-message li{padding:4px 0}.sj-page-principal-desk .tm-article:before{display:none}
@media(max-width:900px){.sj-principal-profile{grid-template-columns:76px 1fr}.sj-principal-avatar{width:76px;height:76px}.sj-principal-mark{display:none}.sj-page-principal-desk .sj-section-heading{align-items:flex-start}.sj-section-badge{display:none}}
@media(max-width:600px){.sj-page-principal-desk .sj-section-heading{display:block}.sj-principal-profile{grid-template-columns:1fr;text-align:center}.sj-principal-avatar{margin:0 auto}.sj-principal-profile-copy p{font-size:12px}.sj-principal-message{font-size:14px;line-height:1.75}}

/* NAAC / IQAC modern section */
.sj-iqac-hero-note{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding:16px 18px;border:1px solid #dbe8f5;border-radius:14px;background:#f7fbff;color:#536b88}.sj-iqac-hero-note .ico{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e6f2ff;color:#087fe5;font-weight:800;font-size:20px}.sj-iqac-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sj-iqac-member{padding:18px;border:1px solid #e1ebf5;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(25,66,112,.05)}.sj-iqac-member-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sj-iqac-member-name{font-size:14px;font-weight:800;color:#123b72}.sj-iqac-member-desig{margin-top:5px;color:#667b97;font-size:13px}.sj-iqac-num{min-width:34px;height:34px;border-radius:10px;background:#edf6ff;color:#087fe5;display:grid;place-items:center;font-weight:800}.sj-doc-list{display:grid;gap:12px}.sj-doc-card{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #e1ebf5;border-radius:14px;background:#fff;transition:.2s}.sj-doc-card:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(25,66,112,.07)}.sj-doc-icon{width:52px;height:52px;border-radius:13px;background:#edf6ff;color:#087fe5;display:grid;place-items:center;font-size:21px;font-weight:800}.sj-doc-title{font-weight:800;color:#143c72}.sj-doc-detail{margin-top:5px;color:#71839c;font-size:13px}.sj-doc-actions{display:flex;gap:8px;align-items:center}.sj-doc-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:10px;background:#edf6ff;color:#076bc6;border:1px solid #d1e6fa;text-decoration:none;font-size:13px;font-weight:800}.sj-doc-btn:hover{background:#dff0ff}.sj-count-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f1f7fd;color:#5f7895;font-size:12px;font-weight:700}.sj-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.sj-filter-tabs a{padding:8px 13px;border:1px solid #d9e7f4;border-radius:999px;background:#fff;color:#45627f;text-decoration:none;font-size:13px;font-weight:700}.sj-filter-tabs a.active,.sj-filter-tabs a:hover{background:#087fe5;color:#fff;border-color:#087fe5}.sj-iqac-table-wrap{overflow:auto;border:1px solid #e0eaf4;border-radius:14px}.sj-iqac-table{width:100%;border-collapse:collapse;min-width:650px}.sj-iqac-table th{padding:13px 14px;text-align:left;background:#edf6ff;color:#123f76;font-size:13px}.sj-iqac-table td{padding:14px;border-top:1px solid #e7eef6;color:#405d7c;vertical-align:middle}.sj-iqac-table tr:hover td{background:#fbfdff}.sj-sr-list{display:grid;gap:10px}.sj-sr-row{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #e2ebf4;border-radius:12px;background:#fff}.sj-sr-no{width:34px;height:34px;border-radius:10px;background:#edf6ff;color:#087fe5;display:grid;place-items:center;font-weight:800}.sj-sr-title{font-weight:800;color:#153e73}.sj-sr-meta{font-size:12px;color:#8292a7;margin-top:4px}.sj-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sj-practice-card{display:flex;flex-direction:column;border:1px solid #dfe9f4;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(25,66,112,.05)}.sj-practice-body{padding:18px}.sj-practice-title{font-size:18px;font-weight:800;color:#123e75;line-height:1.4}.sj-practice-excerpt{margin-top:10px;color:#647995;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.sj-practice-actions{display:flex;gap:8px;margin-top:16px}.sj-gallery-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;background:#f6faff}.sj-gallery-mini img{width:100%;height:70px;object-fit:cover;border-radius:7px}.sj-empty{padding:32px;text-align:center;color:#73869f;background:#f8fbfe;border:1px dashed #d9e5f1;border-radius:14px}.sj-detail-content{color:#49627f;line-height:1.8}.sj-detail-content h2,.sj-detail-content h3{color:#123e75}.sj-detail-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.sj-detail-gallery a{display:block}.sj-detail-gallery img{width:100%;height:150px;object-fit:cover;border-radius:12px;border:1px solid #dfe9f3}.sj-back-link{display:inline-flex;margin-bottom:18px;padding:9px 13px;border-radius:10px;background:#edf6ff;color:#076bc6;text-decoration:none;font-weight:800;font-size:13px}
@media(max-width:900px){.sj-iqac-grid,.sj-practice-grid{grid-template-columns:1fr}.sj-doc-card{grid-template-columns:45px 1fr}.sj-doc-actions{grid-column:2}.sj-detail-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sj-iqac-member-top{flex-direction:column}.sj-doc-card{grid-template-columns:1fr}.sj-doc-actions{grid-column:auto}.sj-doc-icon{width:45px;height:45px}.sj-sr-row{grid-template-columns:38px 1fr}.sj-sr-row .sj-doc-btn{grid-column:2;width:max-content}.sj-detail-gallery{grid-template-columns:1fr}}

/* v55: Compact modern NAAC / IQAC section */
.sj-page-iqac .sj-banner-wrap{padding:10px 0 0}
.sj-page-iqac .sj-banner{min-height:78px;padding:18px 22px;display:flex;align-items:center;border-radius:12px}
.sj-page-iqac .sj-banner h1{font-size:24px;line-height:1.15;margin:0}
.sj-page-iqac .sj-breadcrumb-wrap{padding:7px 0}
.sj-page-iqac .sj-breadcrumb{font-size:11px}
.sj-page-iqac .sj-page-main{padding-top:8px}
.sj-page-iqac .sj-content-card{padding:18px}
.sj-page-iqac .tm-article{min-height:0}
.sj-iqac-subnav{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:7px 9px;border:1px solid #dfe8f1;border-radius:10px;background:#f8fbfe;overflow-x:auto;scrollbar-width:thin}
.sj-iqac-subnav-label{flex:0 0 auto;padding:5px 8px;border-radius:7px;background:#eaf4fd;color:#1b5d93;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.sj-iqac-subnav-links{display:flex;align-items:center;gap:5px;min-width:max-content}
.sj-iqac-subnav-links a{display:inline-flex;align-items:center;min-height:27px;padding:5px 8px;border:1px solid transparent;border-radius:7px;color:#4b6580;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap}
.sj-iqac-subnav-links a:hover{background:#fff;border-color:#d6e4ef;color:#0b73c5}
.sj-iqac-subnav-links a.active{background:#087fe5;color:#fff;border-color:#087fe5;box-shadow:0 2px 7px rgba(8,127,229,.16)}
.sj-page-iqac .sj-iqac-hero-note{gap:10px;margin-bottom:14px;padding:10px 12px;border-radius:10px}
.sj-page-iqac .sj-iqac-hero-note .ico{width:34px;height:34px;border-radius:9px;font-size:14px}
.sj-page-iqac .sj-iqac-hero-note strong{font-size:13px;color:#234d77}
.sj-page-iqac .sj-iqac-hero-note span:not(.ico):not(.sj-count-pill){font-size:11px;line-height:1.45}
.sj-page-iqac .sj-count-pill{padding:5px 8px;font-size:10px;white-space:nowrap}
.sj-page-iqac .sj-iqac-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.sj-page-iqac .sj-iqac-member{padding:11px 12px;border-radius:10px;box-shadow:none}
.sj-page-iqac .sj-iqac-member-name{font-size:13px;line-height:1.35}
.sj-page-iqac .sj-iqac-member-desig{margin-top:3px;font-size:11px;line-height:1.35}
.sj-page-iqac .sj-iqac-num{min-width:27px;height:27px;border-radius:8px;font-size:10px}
.sj-page-iqac .sj-doc-list{gap:7px}
.sj-page-iqac .sj-doc-card{grid-template-columns:38px 1fr auto;gap:9px;padding:10px 11px;border-radius:10px;box-shadow:none}
.sj-page-iqac .sj-doc-card:hover{transform:none;box-shadow:0 4px 13px rgba(25,66,112,.06)}
.sj-page-iqac .sj-doc-icon{width:38px;height:38px;border-radius:9px;font-size:11px}
.sj-page-iqac .sj-doc-title{font-size:12px;line-height:1.4}
.sj-page-iqac .sj-doc-detail{margin-top:3px;font-size:10px;line-height:1.4}
.sj-page-iqac .sj-doc-actions{gap:5px}
.sj-page-iqac .sj-doc-btn{padding:6px 8px;border-radius:7px;font-size:10px;line-height:1}
.sj-page-iqac .sj-sr-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.sj-page-iqac .sj-sr-row{grid-template-columns:30px 1fr auto;gap:8px;padding:9px 10px;border-radius:9px}
.sj-page-iqac .sj-sr-no{width:27px;height:27px;border-radius:7px;font-size:10px}
.sj-page-iqac .sj-sr-title{font-size:12px;line-height:1.35}
.sj-page-iqac .sj-sr-meta{font-size:10px;margin-top:3px;line-height:1.35}
.sj-page-iqac .sj-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sj-page-iqac .sj-practice-card{border-radius:10px;box-shadow:none}
.sj-page-iqac .sj-practice-body{padding:11px 12px}
.sj-page-iqac .sj-practice-title{font-size:13px;line-height:1.35}
.sj-page-iqac .sj-practice-excerpt{margin-top:6px;font-size:11px;line-height:1.5;-webkit-line-clamp:4}
.sj-page-iqac .sj-practice-actions{gap:5px;margin-top:9px;flex-wrap:wrap}
.sj-page-iqac .sj-gallery-mini{gap:4px;padding:5px}
.sj-page-iqac .sj-gallery-mini img{height:52px;border-radius:5px}
.sj-page-iqac .sj-detail-content{font-size:13px;line-height:1.7}
.sj-page-iqac .sj-detail-content h2{font-size:19px}
.sj-page-iqac .sj-detail-content h3{font-size:14px}
.sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}
.sj-page-iqac .sj-detail-gallery img{height:100px;border-radius:8px}
.sj-page-iqac .sj-back-link{margin-bottom:10px;padding:6px 9px;border-radius:7px;font-size:10px}
.sj-page-iqac .sj-empty{padding:20px;border-radius:10px;font-size:12px}
@media(max-width:1050px){.sj-page-iqac .sj-iqac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-page-iqac .sj-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.sj-iqac-subnav{margin-left:0;margin-right:0}.sj-page-iqac .sj-sr-list{grid-template-columns:1fr}.sj-page-iqac .sj-doc-card{grid-template-columns:38px 1fr}.sj-page-iqac .sj-doc-actions{grid-column:2}.sj-page-iqac .sj-practice-grid{grid-template-columns:1fr}.sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.sj-page-iqac .sj-banner{min-height:62px;padding:14px 16px}.sj-page-iqac .sj-banner h1{font-size:20px}.sj-page-iqac .sj-content-card{padding:12px}.sj-iqac-subnav-label{display:none}.sj-page-iqac .sj-iqac-grid{grid-template-columns:1fr}.sj-page-iqac .sj-doc-card{grid-template-columns:1fr}.sj-page-iqac .sj-doc-actions{grid-column:auto}.sj-page-iqac .sj-iqac-hero-note{align-items:flex-start}.sj-page-iqac .sj-iqac-hero-note .sj-count-pill{margin-left:auto}.sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(2,1fr)}}

/* v56: keep NAAC/IQAC tabs aligned with the compact page content instead of spanning the viewport */
.sj-page-iqac .sj-iqac-subnav{
  width:min(1240px,calc(100% - 36px));
  margin:0 auto 12px!important;
  border-radius:10px;
}
@media(max-width:600px){
  .sj-page-iqac .sj-iqac-subnav{width:calc(100% - 22px);margin:0 auto 10px!important}
}

/* v57: medium-compact NAAC / IQAC presentation */
.sj-page-iqac .sj-banner-wrap{padding:14px 0 0}
.sj-page-iqac .sj-banner{min-height:94px;padding:22px 28px;border-radius:14px}
.sj-page-iqac .sj-banner h1{font-size:29px;line-height:1.2}
.sj-page-iqac .sj-breadcrumb-wrap{padding:10px 0}
.sj-page-iqac .sj-breadcrumb{font-size:13px}
.sj-page-iqac .sj-page-main{padding-top:12px}
.sj-page-iqac .sj-content-card{padding:22px}
.sj-iqac-subnav{gap:12px;margin:0 auto 16px!important;padding:9px 12px;border-radius:11px}
.sj-iqac-subnav-label{padding:7px 10px;border-radius:8px;font-size:11px}
.sj-iqac-subnav-links{gap:6px}
.sj-iqac-subnav-links a{min-height:32px;padding:7px 11px;border-radius:8px;font-size:12px}
.sj-page-iqac .sj-iqac-hero-note{gap:12px;margin-bottom:16px;padding:13px 15px;border-radius:11px}
.sj-page-iqac .sj-iqac-hero-note .ico{width:38px;height:38px;border-radius:10px;font-size:14px}
.sj-page-iqac .sj-iqac-hero-note strong{font-size:14px}
.sj-page-iqac .sj-iqac-hero-note span:not(.ico):not(.sj-count-pill){font-size:12px;line-height:1.5}
.sj-page-iqac .sj-count-pill{padding:6px 9px;font-size:11px}
.sj-page-iqac .sj-iqac-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sj-page-iqac .sj-iqac-member{padding:14px 15px;border-radius:11px;box-shadow:0 3px 12px rgba(25,66,112,.04)}
.sj-page-iqac .sj-iqac-member-name{font-size:15px;line-height:1.4}
.sj-page-iqac .sj-iqac-member-desig{margin-top:4px;font-size:12px;line-height:1.45}
.sj-page-iqac .sj-iqac-num{min-width:30px;height:30px;border-radius:8px;font-size:11px}
.sj-page-iqac .sj-doc-list{gap:9px}
.sj-page-iqac .sj-doc-card{grid-template-columns:44px 1fr auto;gap:11px;padding:13px 14px;border-radius:11px;box-shadow:0 3px 12px rgba(25,66,112,.04)}
.sj-page-iqac .sj-doc-icon{width:44px;height:44px;border-radius:10px;font-size:14px}
.sj-page-iqac .sj-doc-title{font-size:14px;line-height:1.45}
.sj-page-iqac .sj-doc-detail{margin-top:4px;font-size:11px;line-height:1.45}
.sj-page-iqac .sj-doc-actions{gap:6px}
.sj-page-iqac .sj-doc-btn{padding:8px 10px;border-radius:8px;font-size:11px}
.sj-page-iqac .sj-sr-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sj-page-iqac .sj-sr-row{grid-template-columns:34px 1fr auto;gap:9px;padding:11px 12px;border-radius:10px}
.sj-page-iqac .sj-sr-no{width:30px;height:30px;border-radius:8px;font-size:11px}
.sj-page-iqac .sj-sr-title{font-size:13px;line-height:1.4}
.sj-page-iqac .sj-sr-meta{font-size:11px;margin-top:3px;line-height:1.4}
.sj-page-iqac .sj-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.sj-page-iqac .sj-practice-card{border-radius:12px;box-shadow:0 3px 13px rgba(25,66,112,.04)}
.sj-page-iqac .sj-practice-body{padding:14px 15px}
.sj-page-iqac .sj-practice-title{font-size:15px;line-height:1.4}
.sj-page-iqac .sj-practice-excerpt{margin-top:7px;font-size:12px;line-height:1.55;-webkit-line-clamp:4}
.sj-page-iqac .sj-practice-actions{gap:6px;margin-top:11px}
.sj-page-iqac .sj-gallery-mini{gap:5px;padding:6px}
.sj-page-iqac .sj-gallery-mini img{height:62px;border-radius:6px}
.sj-page-iqac .sj-detail-content{font-size:14px;line-height:1.75}
.sj-page-iqac .sj-detail-content h2{font-size:21px}
.sj-page-iqac .sj-detail-content h3{font-size:14px}
.sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}
.sj-page-iqac .sj-detail-gallery img{height:115px;border-radius:9px}
.sj-page-iqac .sj-back-link{margin-bottom:12px;padding:8px 11px;border-radius:8px;font-size:11px}
.sj-page-iqac .sj-empty{padding:24px;border-radius:11px;font-size:13px}
@media(max-width:1050px){.sj-page-iqac .sj-iqac-grid,.sj-page-iqac .sj-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.sj-page-iqac .sj-sr-list{grid-template-columns:1fr}.sj-page-iqac .sj-doc-card{grid-template-columns:44px 1fr}.sj-page-iqac .sj-doc-actions{grid-column:2}.sj-page-iqac .sj-practice-grid{grid-template-columns:1fr}}
@media(max-width:560px){.sj-page-iqac .sj-banner{min-height:72px;padding:16px 18px}.sj-page-iqac .sj-banner h1{font-size:22px}.sj-page-iqac .sj-content-card{padding:15px}.sj-iqac-subnav{padding:8px 9px}.sj-iqac-subnav-label{display:none}.sj-page-iqac .sj-iqac-grid{grid-template-columns:1fr}.sj-page-iqac .sj-doc-card{grid-template-columns:1fr}.sj-page-iqac .sj-doc-actions{grid-column:auto}.sj-page-iqac .sj-iqac-hero-note{align-items:flex-start}.sj-page-iqac .sj-iqac-hero-note .sj-count-pill{margin-left:auto}.sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(2,1fr)}}

/* v58 Admission + Fee Structure: medium-compact internal layout */
.sj-page-admission .sj-banner,.sj-page-fee .sj-banner{min-height:132px;display:flex;align-items:center}
.sj-page-admission .sj-banner h1,.sj-page-fee .sj-banner h1{margin:3px 0 5px;font-size:34px;line-height:1.15}
.sj-page-admission .sj-banner p,.sj-page-fee .sj-banner p{margin:0;max-width:720px;font-size:14px;opacity:.92}
.sj-adm-kicker,.sj-section-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sj-adm-kicker{opacity:.9}.sj-adm-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #dce8f5;border-radius:14px;background:#f8fbff;margin-bottom:16px}.sj-adm-icon{width:46px;height:46px;flex:0 0 46px;border-radius:12px;display:grid;place-items:center;background:#e8f3ff;color:#087fe8;font-weight:900;font-size:18px}.sj-adm-head h2{margin:2px 0 3px;font-size:21px;color:#123f6f}.sj-adm-head p{margin:0;color:#60758e;font-size:13px}.sj-adm-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:20px}.sj-adm-links a{display:block;text-decoration:none;border:1px solid #dfe8f2;border-radius:12px;padding:12px 11px;background:#fff;color:#24415e;transition:.18s ease}.sj-adm-links a:hover,.sj-adm-links a.active{border-color:#82b9e9;box-shadow:0 5px 16px rgba(30,93,148,.09);transform:translateY(-1px)}.sj-adm-links a.active{background:#eef7ff}.sj-adm-links strong{display:block;color:#1184e7;font-size:11px;margin-bottom:5px}.sj-adm-links span{display:block;font-weight:800;font-size:13px;line-height:1.25}.sj-adm-links small{display:block;margin-top:5px;color:#71849a;font-size:11px;line-height:1.3}.sj-adm-content{border-top:1px solid #e7eef5;padding-top:8px}.sj-adm-content .sj-rich-content{font-size:14px;line-height:1.7;color:#344b63}.sj-adm-content .sj-rich-content img{max-width:100%;height:auto}.sj-adm-content .sj-rich-content ol,.sj-adm-content .sj-rich-content ul{padding-left:24px}.sj-fee-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sj-fee-course-card{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid #dce8f3;border-radius:14px;text-decoration:none;background:#fff;color:#24415e;transition:.18s ease}.sj-fee-course-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(25,83,133,.1);border-color:#9bc8ef}.sj-fee-course-no{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center;background:#edf7ff;color:#087fe8;font-weight:900;font-size:18px}.sj-fee-course-card h3{margin:0 0 4px;font-size:14px;color:#153f69}.sj-fee-course-card p{margin:0 0 6px;color:#6c8094;font-size:12px}.sj-fee-course-card span{font-size:12px;font-weight:800;color:#087fe8}.sj-fee-back{margin-left:auto;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:800;color:#087fe8}.sj-fee-table th,.sj-fee-table td{padding:10px 9px}.sj-fee-table td:nth-child(n+3),.sj-fee-table th:nth-child(n+3){text-align:right}.sj-fee-table th:first-child,.sj-fee-table td:first-child{text-align:center}.sj-fee-table tfoot th{background:#f3f8fd}
@media(max-width:1000px){.sj-adm-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.sj-page-admission .sj-banner h1,.sj-page-fee .sj-banner h1{font-size:28px}.sj-adm-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-fee-course-grid{grid-template-columns:1fr}.sj-adm-head{align-items:flex-start;flex-wrap:wrap}.sj-fee-back{margin-left:60px}.sj-page-admission .sj-banner,.sj-page-fee .sj-banner{min-height:112px}}
@media(max-width:480px){.sj-adm-links{grid-template-columns:1fr}.sj-adm-head h2{font-size:18px}.sj-adm-content .sj-rich-content{font-size:13px}}

/* v59: Facilities dropdown + medium-compact facilities page */
.facilities-dropdown{min-width:275px;max-height:none;overflow:visible}
.facilities-dropdown .facility-all{display:flex!important;align-items:center;justify-content:space-between;background:#f0f7ff;font-weight:700!important;margin-bottom:4px}
.sj-facilities-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;padding:4px 2px 18px;border-bottom:1px solid #e1e9f2}
.sj-section-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#0789e8;margin-bottom:5px}
.sj-facilities-head .sj-page-title,.sj-detail-head .sj-page-title{margin-bottom:8px!important;padding-bottom:8px!important;font-size:32px!important}
.sj-facilities-intro{margin:0!important;font-size:15px!important;line-height:1.6!important}
.sj-facilities-count{white-space:nowrap;background:#eef6ff;color:#087bc9;border:1px solid #d9eaf9;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}
.sj-facilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sj-facility-card{position:relative;display:flex;flex-direction:column;min-height:165px;padding:19px;background:#fff;border:1px solid #dfe8f1;border-radius:14px;text-decoration:none;box-shadow:0 5px 16px rgba(27,57,87,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.sj-facility-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(27,57,87,.1);border-color:#b9daf4}
.sj-facility-no{position:absolute;top:13px;right:14px;color:#9bb0c5;font-size:11px;font-weight:800}
.sj-facility-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eaf5ff;color:#087bc9;font-size:20px;margin-bottom:15px}
.sj-facility-name{color:#173e68;font-size:14px;font-weight:800;line-height:1.3;padding-right:18px}
.sj-facility-arrow{margin-top:auto;padding-top:13px;color:#087bc9;font-size:12px;font-weight:700}
.sj-facility-backline{margin:-4px 0 18px}.sj-facility-backline a{color:#087bc9;text-decoration:none;font-size:13px;font-weight:700}
.sj-facility-article{color:#385674}.sj-facility-article table{max-width:100%;border-collapse:collapse}.sj-facility-article img{max-width:100%;height:auto}
@media(max-width:1050px){.sj-facilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sj-facilities-head{align-items:flex-start;flex-direction:column;gap:10px}.sj-facilities-grid{grid-template-columns:1fr}.sj-facilities-head .sj-page-title,.sj-detail-head .sj-page-title{font-size:27px!important}}
/* Medium-compact Research pages */
.sj-research-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:16px 18px;border:1px solid #dce8f3;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#fff)}
.sj-research-kicker{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0789e8;margin-bottom:4px}.sj-research-head h2{margin:0;font-size:1.35rem;color:#123e73}.sj-research-count{font-size:.84rem;color:#60708b;background:#fff;border:1px solid #dce8f3;border-radius:999px;padding:7px 11px;white-space:nowrap}
.sj-research-table{width:100%;border-collapse:separate!important;border-spacing:0 8px!important}.sj-research-table thead th{background:#123e73!important;color:#fff!important;padding:11px 12px!important;font-size:.82rem!important;text-align:left!important;border:0!important}.sj-research-table thead th:first-child{border-radius:9px 0 0 9px}.sj-research-table thead th:last-child{border-radius:0 9px 9px 0}.sj-research-table tbody td{background:#f8fbff!important;border-top:1px solid #dce7f1!important;border-bottom:1px solid #dce7f1!important;padding:12px!important;color:#263b59!important;font-size:.88rem!important;vertical-align:top}.sj-research-table tbody td:first-child{border-left:3px solid #0789e8!important;border-radius:9px 0 0 9px;font-weight:700;color:#0789e8!important}.sj-research-table tbody td:last-child{border-right:1px solid #dce7f1!important;border-radius:0 9px 9px 0}.sj-research-table tbody tr:hover td{background:#f1f8ff!important}.sj-research-name{font-weight:700;color:#123e73}.sj-research-topic{line-height:1.5}.sj-research-stat{font-weight:700;color:#123e73}.sj-research-file{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:#0789e8;color:#fff!important;text-decoration:none!important;font-weight:700;font-size:.78rem}.sj-research-empty{text-align:center!important;padding:28px!important;color:#718096!important}.sj-research-pagination{margin-top:14px;display:flex;justify-content:center}.sj-research-mobile{display:none}
@media(max-width:900px){.sj-research-table{min-width:760px}.sj-research-scroll{overflow-x:auto;padding-bottom:4px}.sj-research-head h2{font-size:1.18rem}}
@media(max-width:640px){.sj-research-head{align-items:flex-start;flex-direction:column}.sj-research-count{white-space:normal}.sj-research-table{min-width:680px}}

.facilities-dropdown a{font-size:13px!important;padding:10px 11px!important;line-height:1.35!important}
.facilities-dropdown a:hover{font-size:13px!important}


/* v63 — Facilities medium-modern page */
.sj-page-facilities .sj-banner-wrap{margin-top:0}
.sj-page-facilities .sj-banner{min-height:132px;padding:25px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(115deg,#1686cf 0%,#4ba9db 58%,#8bc8e7 100%);border-radius:0 0 18px 18px;box-shadow:0 8px 24px rgba(27,73,112,.10);color:#fff}
.sj-page-facilities .sj-banner h1{margin:4px 0 4px;font-size:34px;line-height:1.12;color:#fff;font-weight:800;letter-spacing:-.3px}
.sj-page-facilities .sj-banner p{margin:0;color:rgba(255,255,255,.9);font-size:14px}
.sj-page-facilities .sj-banner-kicker{font-size:11px;font-weight:800;letter-spacing:1.4px;color:rgba(255,255,255,.82)}
.sj-page-facilities .sj-banner-mark{font-size:12px;font-weight:800;letter-spacing:1.2px;padding:9px 13px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.12);white-space:nowrap}
.sj-page-facilities .sj-breadcrumb-wrap{margin:16px auto 0}
.sj-page-facilities .sj-content-card{padding:26px}
.sj-page-facilities .sj-facilities-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:18px;border:1px solid #dce8f2;border-radius:15px;background:#f7fbff}
.sj-page-facilities .sj-facilities-intro{margin:5px 0 0;color:#61758d;font-size:14px;line-height:1.55}
.sj-page-facilities .sj-facilities-count{background:#e7f3fc;color:#087bc9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.sj-page-facilities .sj-facilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.sj-page-facilities .sj-facility-card{min-height:154px;padding:18px;border-radius:14px}
.sj-page-facilities .sj-facility-icon{width:40px;height:40px;margin-bottom:13px}
.sj-page-facilities .sj-facility-name{font-size:14px}
.sj-page-facilities .sj-detail-head{padding-bottom:16px;border-bottom:1px solid #e3ebf3}
.sj-page-facilities .sj-detail-head .sj-page-title{margin:5px 0 0}
.sj-page-facilities .sj-facility-detail-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px;padding:11px 13px;background:#f7fbff;border:1px solid #dfeaf4;border-radius:11px}
.sj-page-facilities .sj-detail-chip{font-size:11px;font-weight:800;letter-spacing:.8px;color:#087bc9}
.sj-page-facilities .sj-detail-note{font-size:11px;color:#7b8da0}
.sj-page-facilities .sj-facility-article{font-size:14px;line-height:1.7}
.sj-page-facilities .sj-facility-article p{margin:0 0 14px}
.sj-page-facilities .sj-facility-article h1,.sj-page-facilities .sj-facility-article h2,.sj-page-facilities .sj-facility-article h3,.sj-page-facilities .sj-facility-article h4{color:#173e68;margin:20px 0 9px}
.sj-page-facilities .sj-facility-article table{width:100%!important;border-collapse:collapse;margin:14px 0;background:#fff}
.sj-page-facilities .sj-facility-article table td,.sj-page-facilities .sj-facility-article table th{padding:9px 10px;border:1px solid #dce6ef;vertical-align:top}
.sj-page-facilities .sj-facility-article table tr:first-child td,.sj-page-facilities .sj-facility-article table tr:first-child th{background:#eef7fd;font-weight:700;color:#174b78}
.sj-page-facilities .sj-facility-article img{max-width:100%;height:auto;border-radius:8px}
@media(max-width:900px){.sj-page-facilities .sj-facilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sj-page-facilities .sj-banner{min-height:112px;padding:20px 18px;border-radius:0 0 14px 14px}.sj-page-facilities .sj-banner h1{font-size:27px}.sj-page-facilities .sj-banner-mark{display:none}.sj-page-facilities .sj-content-card{padding:16px}.sj-page-facilities .sj-facilities-head{align-items:flex-start;flex-direction:column}.sj-page-facilities .sj-facilities-grid{grid-template-columns:1fr}.sj-page-facilities .sj-facility-detail-intro{align-items:flex-start;flex-direction:column}}


/* ============================================================
   V67 — SINGLE EXACT PUBLIC SIDEBAR
   The same sidebar markup + dimensions are used on every page.
   ============================================================ */
.sj-content-grid{
  grid-template-columns:minmax(0,1fr) 350px!important;
  gap:24px!important;
  align-items:start!important;
}
.sj-sidebar{
  width:350px!important;
  min-width:350px!important;
  max-width:350px!important;
  display:block!important;
}
.sj-sidebar-stack{
  width:350px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}
.sj-sidebar-stack > .card,
.sj-sidebar .sidebar-modern-card{
  width:350px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #dce7f1!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(24,53,82,.06)!important;
  overflow:hidden!important;
}
.sj-sidebar-stack .section-head{
  min-height:62px!important;
  box-sizing:border-box!important;
  padding:17px 18px 13px!important;
  margin:0!important;
}
.sj-sidebar-stack .section-title{
  margin:0!important;
  font-size:20px!important;
  line-height:1.25!important;
  color:#123e73!important;
  white-space:nowrap!important;
}
.sj-sidebar-stack .section-icon{
  color:#087fe5!important;
  font-size:22px!important;
}
.sj-sidebar-stack .viewall{
  color:#087fe5!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.sj-sidebar-notifications .notice-list{
  list-style:none!important;
  margin:0!important;
  padding:0 18px 16px!important;
}
.sj-sidebar-notifications .notice-item{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:10px!important;
  min-height:86px!important;
  box-sizing:border-box!important;
  padding:12px 0!important;
  border-bottom:1px solid #e8eef5!important;
}
.sj-sidebar-notifications .notice-item:last-child{
  border-bottom:0!important;
}
.sj-sidebar-notifications .datebox{
  width:54px!important;
  min-width:54px!important;
  height:68px!important;
  border:1px solid #dce7f1!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#f7fbff!important;
  text-align:center!important;
}
.sj-sidebar-notifications .datebox .month{
  display:block!important;
  background:#087fe5!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  padding:5px 2px!important;
}
.sj-sidebar-notifications .datebox .day{
  display:block!important;
  background:#f7fbff!important;
  color:#17365f!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:29px!important;
  padding:5px 2px!important;
}
.sj-sidebar-notifications .notice-copy{
  min-width:0!important;
  padding-top:5px!important;
}
.sj-sidebar-notifications .notice-title{
  display:inline!important;
  color:#17365f!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.sj-sidebar-notifications .notice-meta{
  margin-top:6px!important;
  color:#8294a8!important;
  font-size:10px!important;
  line-height:1.35!important;
}
.sj-sidebar-notifications .new{
  float:right!important;
  margin-left:6px!important;
  background:#f04444!important;
  color:#fff!important;
  border-radius:12px!important;
  padding:4px 8px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
}
.sj-sidebar-links .section-head{
  border-bottom:1px solid #edf1f6!important;
}
.sj-sidebar-links .link-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:43px!important;
  box-sizing:border-box!important;
  padding:9px 18px!important;
  border-bottom:1px solid #edf1f6!important;
  color:#27466d!important;
  font-size:12px!important;
  text-decoration:none!important;
}
.sj-sidebar-links .link-row:last-child{
  border-bottom:0!important;
}
.sj-sidebar-links .link-arrow{
  color:#087fe5!important;
  font-weight:900!important;
}
.sj-sidebar-links .external{
  margin-left:auto!important;
  color:#087fe5!important;
}
.sj-sidebar-facebook .sj-facebook{
  padding:8px!important;
  overflow:hidden!important;
}
.notice-empty{
  padding:20px!important;
  color:#8294a8!important;
  font-size:12px!important;
  text-align:center!important;
}
.sj-home-page .layout{
  grid-template-columns:minmax(0,1fr) 350px!important;
  gap:24px!important;
}
.sj-home-page .layout > aside.sj-sidebar{
  width:350px!important;
}

/* Keep the same sidebar width on tablets; stack only on narrow phones. */
@media(max-width:1000px){
  .sj-content-grid{
    grid-template-columns:1fr!important;
  }
  .sj-sidebar,
  .sj-sidebar-stack,
  .sj-sidebar-stack > .card,
  .sj-sidebar .sidebar-modern-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
  .sj-home-page .layout{
    grid-template-columns:1fr!important;
  }
  .sj-home-page .layout > aside.sj-sidebar{
    width:100%!important;
  }
}


/* V68 — PUBLIC SIDEBAR WIDTH: 350PX EVERYWHERE */
.sj-content-grid{
  grid-template-columns:minmax(0,1fr) 350px!important;
}
.sj-sidebar,
.sj-sidebar-stack,
.sj-sidebar-stack > .card,
.sj-sidebar .sidebar-modern-card{
  width:350px!important;
  min-width:350px!important;
  max-width:350px!important;
}
.sj-home-page .layout{
  grid-template-columns:minmax(0,1fr) 350px!important;
}
.sj-home-page .layout > aside.sj-sidebar{
  width:350px!important;
}
@media(max-width:1000px){
  .sj-content-grid,
  .sj-home-page .layout{
    grid-template-columns:1fr!important;
  }
  .sj-sidebar,
  .sj-sidebar-stack,
  .sj-sidebar-stack > .card,
  .sj-sidebar .sidebar-modern-card,
  .sj-home-page .layout > aside.sj-sidebar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* V69 — compact, colourful, attractive shared 350px public sidebar */
.sj-content-grid,.sj-home-page .layout{
  grid-template-columns:minmax(0,1fr) 350px!important;
  gap:16px!important;align-items:start!important;
}
.sj-sidebar,.sj-sidebar-stack{width:350px!important;min-width:350px!important;max-width:350px!important}
.sj-sidebar-stack{display:flex!important;flex-direction:column!important;gap:12px!important}
.sj-sidebar-stack>.card,.sj-sidebar .sidebar-modern-card{
  width:350px!important;min-width:350px!important;max-width:350px!important;
  margin:0!important;border:1px solid #dce7f2!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 5px 16px rgba(20,55,90,.07)!important;overflow:hidden!important
}
.sj-sidebar-stack .section-head{
  min-height:50px!important;padding:10px 14px!important;display:flex!important;
  align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0!important
}
.sj-sidebar-stack .section-title{
  display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;
  font-size:14px!important;line-height:1.2!important;color:#123b70!important;white-space:nowrap!important
}
.sj-sidebar-stack .section-icon{
  width:27px!important;height:27px!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;border-radius:8px!important;color:#fff!important;
  background:linear-gradient(135deg,#1976f3,#6c3df5)!important;font-size:15px!important
}
.sj-sidebar-stack .viewall{color:#087fe5!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;text-decoration:none!important}
.sj-sidebar-notifications .section-head{background:linear-gradient(110deg,#ed198f,#6c36ed 55%,#197cf2)!important}
.sj-sidebar-notifications .section-title{color:#fff!important}
.sj-sidebar-notifications .section-icon{background:rgba(255,255,255,.20)!important}
.sj-sidebar-notifications .viewall,.sj-sidebar-links .viewall{
  color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:12px!important;padding:5px 9px!important
}
.sj-sidebar-notifications .notice-list{list-style:none!important;margin:0!important;padding:2px 14px 7px!important}
.sj-sidebar-notifications .notice-item{
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important;
  min-height:68px!important;padding:7px 0!important;border-bottom:1px solid #e8eef5!important
}
.sj-sidebar-notifications .notice-item:last-child{border-bottom:0!important}
.sj-sidebar-notifications .datebox{
  width:48px!important;min-width:48px!important;height:54px!important;border:1px solid #d9e5f1!important;
  border-radius:8px!important;overflow:hidden!important;background:#f8fbff!important;text-align:center!important
}
.sj-sidebar-notifications .datebox .month{
  display:block!important;color:#fff!important;background:#147fe5!important;font-size:9px!important;
  font-weight:900!important;line-height:1.1!important;padding:4px 2px!important
}
.sj-sidebar-notifications .notice-item:nth-child(2) .month{background:#16b86a!important}
.sj-sidebar-notifications .notice-item:nth-child(3) .month{background:#ff9d0a!important}
.sj-sidebar-notifications .notice-item:nth-child(4) .month{background:#6d35e8!important}
.sj-sidebar-notifications .datebox .day{
  display:block!important;color:#17365f!important;background:#f8fbff!important;font-size:18px!important;
  font-weight:900!important;line-height:26px!important;padding:3px 2px!important
}
.sj-sidebar-notifications .notice-copy{min-width:0!important;padding-top:2px!important}
.sj-sidebar-notifications .notice-title{
  display:inline!important;color:#17365f!important;font-size:12px!important;line-height:1.25!important;
  font-weight:800!important;text-decoration:none!important
}
.sj-sidebar-notifications .notice-meta{margin-top:3px!important;color:#8495a9!important;font-size:9px!important;line-height:1.2!important}
.sj-sidebar-notifications .new{
  float:right!important;margin-left:4px!important;background:#f04444!important;color:#fff!important;
  border-radius:10px!important;padding:3px 7px!important;font-size:8px!important;line-height:1!important;font-weight:800!important
}
.sj-sidebar-links .section-head{background:linear-gradient(110deg,#11b9a5,#20bd55)!important}
.sj-sidebar-links .section-title{color:#fff!important}
.sj-sidebar-links .section-icon{background:rgba(255,255,255,.20)!important}
.sj-sidebar-links .link-row{
  display:flex!important;align-items:center!important;gap:8px!important;min-height:37px!important;
  padding:6px 14px!important;border-bottom:1px solid #edf1f6!important;color:#27466d!important;
  font-size:10.5px!important;line-height:1.2!important;text-decoration:none!important
}
.sj-sidebar-links .link-row:last-child{border-bottom:0!important}
.sj-sidebar-links .link-arrow{
  width:23px!important;height:23px!important;flex:0 0 23px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;border-radius:7px!important;
  color:#1967e8!important;background:#e8f1ff!important;font-weight:900!important
}
.sj-sidebar-links .link-row:nth-child(3n+2) .link-arrow{background:#ffe8f1!important;color:#e91e63!important}
.sj-sidebar-links .link-row:nth-child(3n) .link-arrow{background:#fff1db!important;color:#ef8c00!important}
.sj-sidebar-links .external{margin-left:auto!important;color:#087fe5!important}
.sj-sidebar-facebook .section-head{background:linear-gradient(110deg,#1976f3,#7b39ee)!important}
.sj-sidebar-facebook .section-title{color:#fff!important}
.sj-sidebar-facebook .section-icon{background:rgba(255,255,255,.20)!important}
.sj-sidebar-facebook .sj-facebook{padding:6px!important;max-height:315px!important;overflow:hidden!important}
.notice-empty{padding:14px!important;color:#8294a8!important;font-size:11px!important;text-align:center!important}
@media(max-width:1000px){
  .sj-content-grid,.sj-home-page .layout{grid-template-columns:1fr!important;gap:14px!important}
  .sj-sidebar,.sj-sidebar-stack,.sj-sidebar-stack>.card,.sj-sidebar .sidebar-modern-card,
  .sj-home-page .layout>aside.sj-sidebar{width:100%!important;min-width:0!important;max-width:none!important}
}


/* V70 — place Principal's Desk + Recent News directly below courses */
.layout>div>.principal-news{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(280px,1fr)!important;
  gap:12px!important;
  margin:12px 0 0!important;
}
.layout>div>.principal-news .principal{
  min-height:185px!important;
  box-sizing:border-box!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e8f6ff,#f5fbff)!important;
  border:1px solid #cde8fb!important;
}
.layout>div>.principal-news .principal img{
  width:88px!important;height:88px!important;
}
.layout>div>.principal-news .principal h2{
  font-size:18px!important;margin-bottom:7px!important;
}
.layout>div>.principal-news .principal p{
  font-size:11.5px!important;line-height:1.55!important;
}
.layout>div>.principal-news .principal-name{
  font-size:12px!important;
  padding-left:12px!important;
}
.layout>div>.principal-news .principal-name .btn{
  padding:9px 11px!important;
  font-size:11px!important;
}
.layout>div>.principal-news .news-card{
  padding:16px!important;
  border-radius:14px!important;
}
.layout>div>.principal-news .news-card .section-head{
  margin-bottom:6px!important;
}
.layout>div>.principal-news .news-card .section-title{
  font-size:14px!important;
}
.layout>div>.principal-news .news-card .news-row{
  padding:7px 0!important;
  grid-template-columns:50px 1fr!important;
}
.layout>div>.principal-news .news-thumb{
  width:50px!important;height:40px!important;
}
.layout>div>.principal-news .news-title{
  font-size:10.5px!important;
}
.layout>div>.principal-news .news-date{
  font-size:8.5px!important;
}
@media(max-width:900px){
  .layout>div>.principal-news{
    grid-template-columns:1fr!important;
  }
}


/* V71 — Principal's Desk: no avatar and no designation on homepage */
.layout>div>.principal-news .principal{
  grid-template-columns:minmax(0,1fr) 135px!important;
}
.layout>div>.principal-news .principal-action{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.layout>div>.principal-news .principal-action .btn{
  white-space:nowrap!important;
}
.layout>div>.principal-news .principal img,
.layout>div>.principal-news .principal .principal-name{
  display:none!important;
}
@media(max-width:900px){
  .layout>div>.principal-news .principal{
    grid-template-columns:1fr!important;
  }
  .layout>div>.principal-news .principal-action{
    justify-content:flex-start!important;
  }
}


/* V72 — homepage layout repair: content + exact 350px sidebar */
.sj-home-page main .layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 350px!important;
  gap:16px!important;
  align-items:start!important;
}
.sj-home-page main .layout>div{
  min-width:0!important;
}
.sj-home-page main .layout>.sj-sidebar{
  width:350px!important;
  min-width:350px!important;
  max-width:350px!important;
  grid-column:2!important;
  grid-row:1!important;
}
.sj-home-page main .layout>div{
  grid-column:1!important;
  grid-row:1!important;
}
.sj-home-page main .layout>div>.principal-news{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(260px,1fr)!important;
  gap:12px!important;
  margin:12px 0 0!important;
}
.sj-home-page main .layout>div>.principal-news .principal{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 135px!important;
  min-height:185px!important;
  box-sizing:border-box!important;
  padding:16px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e8f6ff,#f5fbff)!important;
  border:1px solid #cde8fb!important;
}
.sj-home-page main .layout>div>.principal-news .principal img,
.sj-home-page main .layout>div>.principal-news .principal .principal-name{
  display:none!important;
}
.sj-home-page main .layout>div>.principal-news .principal-action{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.sj-home-page main .layout>div>.principal-news .principal h2{
  font-size:18px!important;
  margin:0 0 7px!important;
}
.sj-home-page main .layout>div>.principal-news .principal p{
  font-size:11.5px!important;
  line-height:1.55!important;
}
.sj-home-page main .layout>div>.principal-news .news-card{
  padding:16px!important;
  border-radius:14px!important;
}
.sj-home-page main .layout>div>.principal-news .news-card .news-row{
  padding:7px 0!important;
}
@media(max-width:1000px){
  .sj-home-page main .layout{
    grid-template-columns:1fr!important;
  }
  .sj-home-page main .layout>div,
  .sj-home-page main .layout>.sj-sidebar{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* V72 FINAL — clean Principal's Desk article */
.sj-home-page main .layout>div>.principal-news .principal{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 135px!important;
  align-items:center!important;
  min-height:185px!important;
}
.sj-home-page main .layout>div>.principal-news .principal-copy{
  min-width:0!important;
}
.sj-home-page main .layout>div>.principal-news .principal-copy h2{
  margin:0 0 8px!important;
  font-size:18px!important;
  color:#07528f!important;
}
.sj-home-page main .layout>div>.principal-news .principal-copy p{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  color:#385475!important;
}
.sj-home-page main .layout>div>.principal-news .principal-action{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-left:10px!important;
}
.sj-home-page main .layout>div>.principal-news .principal-action .btn{
  white-space:nowrap!important;
  padding:10px 12px!important;
}
@media(max-width:900px){
  .sj-home-page main .layout>div>.principal-news .principal{
    grid-template-columns:1fr!important;
  }
  .sj-home-page main .layout>div>.principal-news .principal-action{
    justify-content:flex-start!important;
    padding:10px 0 0!important;
  }
}


/* ============================================================
   V73 — HERO IMAGE CLARITY + BLOCK CTA
   Keep the real database slider images crisp and visible.
   The left copy gets its own soft translucent panel instead of
   washing out the entire right side of the photograph.
   ============================================================ */
.hero{
  position:relative!important;
  overflow:hidden!important;
}
.hero-slide{
  background-size:cover!important;
  background-position:center center!important;
}
.hero-overlay{
  background:linear-gradient(
    90deg,
    rgba(244,250,255,.97) 0%,
    rgba(244,250,255,.91) 25%,
    rgba(244,250,255,.48) 43%,
    rgba(244,250,255,.08) 57%,
    rgba(244,250,255,0) 68%
  )!important;
}
.hero-content{
  width:46%!important;
  max-width:570px!important;
  margin:0!important;
  padding:42px 32px 30px 48px!important;
  box-sizing:border-box!important;
  z-index:3!important;
}
.hero-content .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 13px!important;
  border-radius:7px!important;
  background:#087fe5!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(8,127,229,.18)!important;
}
.hero-content h1{
  margin:15px 0 12px!important;
}
.hero-content p{
  margin:0 0 20px!important;
  max-width:500px!important;
}
.hero-content .btn{
  display:inline-flex!important;
  width:auto!important;
  min-width:205px!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-items:center!important;
  padding:12px 20px!important;
  border-radius:9px!important;
  background:#087fe5!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 7px 18px rgba(8,127,229,.20)!important;
}
.hero-content .btn:hover{
  background:#066ec1!important;
  color:#fff!important;
  text-decoration:none!important;
  transform:translateY(-1px)!important;
}
.hero .arrow{
  z-index:6!important;
}
.hero .dots{
  z-index:7!important;
}
@media(max-width:820px){
  .hero{
    height:360px!important;
  }
  .hero-overlay{
    background:linear-gradient(
      90deg,
      rgba(244,250,255,.96) 0%,
      rgba(244,250,255,.78) 48%,
      rgba(244,250,255,.15) 78%,
      rgba(244,250,255,0) 100%
    )!important;
  }
  .hero-content{
    width:68%!important;
    padding:32px 20px!important;
  }
  .hero h1{
    font-size:30px!important;
  }
  .hero p{
    font-size:12px!important;
  }
  .hero-content .btn{
    min-width:180px!important;
    min-height:44px!important;
  }
}
@media(max-width:560px){
  .hero{
    height:330px!important;
  }
  .hero-content{
    width:82%!important;
    padding:25px 18px!important;
  }
  .hero h1{
    font-size:25px!important;
  }
  .hero p{
    max-width:300px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
}


/* ============================================================
   V74 — HERO: BOTTOM TEXT + CRISP FULL IMAGE
   Text is anchored at the bottom-left. The photograph itself is
   no longer covered by a full-width pale overlay.
   ============================================================ */
.hero{
  height:400px!important;
  background:#dbeeff!important;
}
.hero-slide{
  background-size:cover!important;
  background-position:center center!important;
}
.hero-overlay{
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 42%,
    rgba(5,25,55,.06) 58%,
    rgba(5,25,55,.76) 100%
  )!important;
}
.hero-content{
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  padding:0 48px 34px!important;
  z-index:3!important;
}
.hero-content .eyebrow{
  margin-bottom:8px!important;
  background:#087fe5!important;
  color:#fff!important;
  padding:6px 12px!important;
  border-radius:7px!important;
}
.hero-content h1{
  margin:7px 0 7px!important;
  max-width:720px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.08!important;
  text-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}
.hero-content p{
  max-width:700px!important;
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.45!important;
  text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
.hero-content .btn{
  display:inline-flex!important;
  width:auto!important;
  min-width:190px!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 18px!important;
  background:#087fe5!important;
  color:#fff!important;
  border-radius:8px!important;
  box-shadow:0 5px 16px rgba(0,0,0,.18)!important;
}
.hero-content .btn:hover{
  background:#066ec1!important;
}
.hero .arrow{
  z-index:6!important;
}
.hero .dots{
  bottom:12px!important;
  z-index:7!important;
}
@media(max-width:820px){
  .hero{height:360px!important}
  .hero-content{
    left:0!important;
    bottom:0!important;
    width:100%!important;
    padding:0 24px 30px!important;
  }
  .hero-content h1{font-size:29px!important}
  .hero-content p{font-size:12px!important;max-width:600px!important}
}
@media(max-width:560px){
  .hero{height:330px!important}
  .hero-content{padding:0 18px 27px!important}
  .hero-content h1{font-size:24px!important}
  .hero-content p{font-size:10.5px!important;max-width:400px!important}
  .hero-content .btn{min-width:170px!important;min-height:40px!important;font-size:12px!important}
}


/* ============================================================
   V75 — HERO CLEAN: NO CTA + NO LEFT/RIGHT ARROW BUTTONS
   Keep the slider image clear, bottom text and pagination dots.
   ============================================================ */
.hero .arrow,
.hero .hero-arrow,
.hero .slider-arrow,
.hero button.arrow,
.hero a.arrow{
  display:none!important;
}
.hero-content .btn,
.hero-content a.btn{
  display:none!important;
}
.hero-content{
  bottom:0!important;
  padding-bottom:34px!important;
}
.hero-overlay{
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 42%,
    rgba(5,25,55,.05) 58%,
    rgba(5,25,55,.76) 100%
  )!important;
}
@media(max-width:820px){
  .hero-content{padding-bottom:30px!important}
}
@media(max-width:560px){
  .hero-content{padding-bottom:27px!important}
}


/* ============================================================
   V76 — HERO FINAL CORRECTION
   Keep slider arrows, remove only CTA buttons, top-align the
   source photograph, and keep the text at the bottom.
   ============================================================ */
.hero{
  position:relative!important;
  height:400px!important;
  overflow:hidden!important;
}
.hero-slide{
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}
.hero-overlay{
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 42%,
    rgba(5,25,55,.05) 58%,
    rgba(5,25,55,.78) 100%
  )!important;
}
.hero-content{
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  top:auto!important;
  width:100%!important;
  max-width:none!important;
  padding:0 48px 34px!important;
  box-sizing:border-box!important;
  z-index:3!important;
}
.hero-content .btn,
.hero-content a.btn{
  display:none!important;
}
.hero .arrow,
.hero .hero-arrow,
.hero .slider-arrow{
  display:flex!important;
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:8!important;
  width:56px!important;
  height:56px!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#124574!important;
  box-shadow:0 4px 14px rgba(20,55,90,.18)!important;
  cursor:pointer!important;
  font-size:34px!important;
  line-height:1!important;
}
.hero .arrow.left{
  left:18px!important;
}
.hero .arrow.right{
  right:18px!important;
}
.hero .dots{
  z-index:9!important;
  bottom:12px!important;
}
@media(max-width:820px){
  .hero{height:360px!important}
  .hero-content{padding:0 24px 30px!important}
  .hero .arrow{width:46px!important;height:46px!important;font-size:28px!important}
  .hero .arrow.left{left:10px!important}
  .hero .arrow.right{right:10px!important}
}
@media(max-width:560px){
  .hero{height:330px!important}
  .hero-content{padding:0 18px 27px!important}
  .hero .arrow{width:40px!important;height:40px!important;font-size:24px!important}
}


/* ============================================================
   V77 — HERO IMAGE CENTERED
   Keep arrows, remove CTA, keep bottom text and dots.
   Image is centered both horizontally and vertically so the
   important middle portion of each source image stays visible.
   ============================================================ */
.hero{
  position:relative!important;
  height:400px!important;
  overflow:hidden!important;
}
.hero-slide{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.hero-overlay{
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 40%,
    rgba(5,25,55,.05) 58%,
    rgba(5,25,55,.78) 100%
  )!important;
}
.hero-content{
  position:absolute!important;
  left:0!important;
  top:auto!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  padding:0 48px 34px!important;
  box-sizing:border-box!important;
  z-index:3!important;
}
.hero-content .btn,
.hero-content a.btn{
  display:none!important;
}
.hero .arrow,
.hero .hero-arrow,
.hero .slider-arrow{
  display:flex!important;
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:8!important;
  width:56px!important;
  height:56px!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#124574!important;
  box-shadow:0 4px 14px rgba(20,55,90,.18)!important;
  cursor:pointer!important;
  font-size:34px!important;
  line-height:1!important;
}
.hero .arrow.left{left:18px!important}
.hero .arrow.right{right:18px!important}
.hero .dots{
  z-index:9!important;
  bottom:12px!important;
}
@media(max-width:820px){
  .hero{height:360px!important}
  .hero-content{padding:0 24px 30px!important}
  .hero .arrow{width:46px!important;height:46px!important;font-size:28px!important}
  .hero .arrow.left{left:10px!important}
  .hero .arrow.right{right:10px!important}
}
@media(max-width:560px){
  .hero{height:330px!important}
  .hero-content{padding:0 18px 27px!important}
  .hero .arrow{width:40px!important;height:40px!important;font-size:24px!important}
}


/* V78 — RESTORED FUNCTIONAL HERO ARROWS */
.hero .arrow.left,
.hero .arrow.right{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:20!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:#123f70!important;
  box-shadow:0 4px 14px rgba(20,55,90,.20)!important;
  font-size:32px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.hero .arrow.left{left:18px!important}
.hero .arrow.right{right:18px!important}
.hero .arrow:hover{
  background:#f5faff!important;
  color:#087fe5!important;
}
@media(max-width:820px){
  .hero .arrow.left{left:10px!important}
  .hero .arrow.right{right:10px!important}
}


/* ============================================================
   V79 — RELATED BACKGROUND FOR INTERNAL PAGE TITLES
   Uses the existing college background asset; no page data changes.
   The title stays readable with a soft blue treatment.
   ============================================================ */
.sj-banner-wrap{
  position:relative!important;
  overflow:hidden!important;
  margin-bottom:14px!important;
}
.sj-banner{
  position:relative!important;
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:
    linear-gradient(90deg,
      rgba(7,103,177,.92) 0%,
      rgba(28,130,197,.78) 42%,
      rgba(80,166,215,.58) 68%,
      rgba(150,207,239,.38) 100%
    ),
    url('../images/background/bg-image-1.jpg') center center/cover no-repeat!important;
  box-shadow:0 8px 24px rgba(24,75,112,.10)!important;
  border:1px solid rgba(255,255,255,.55)!important;
}
.sj-banner:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 82% 35%,rgba(255,255,255,.20),transparent 26%),
    linear-gradient(135deg,transparent 0 60%,rgba(255,255,255,.10) 60% 61%,transparent 61%)!important;
  pointer-events:none!important;
}
.sj-banner:after{
  content:""!important;
  position:absolute!important;
  right:28px!important;
  top:50%!important;
  width:170px!important;
  height:72px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
  filter:blur(1px)!important;
  pointer-events:none!important;
}
.sj-banner h1{
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:0 42px!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.5px!important;
  text-shadow:0 2px 8px rgba(0,44,80,.28)!important;
}
.sj-banner h1:after{
  content:""!important;
  display:block!important;
  width:72px!important;
  height:4px!important;
  margin-top:12px!important;
  border-radius:4px!important;
  background:#ffd04a!important;
}
@media(max-width:800px){
  .sj-banner{min-height:92px!important;border-radius:17px!important}
  .sj-banner h1{padding:0 24px!important;font-size:28px!important}
  .sj-banner:after{right:-20px!important}
}
@media(max-width:520px){
  .sj-banner{min-height:78px!important}
  .sj-banner h1{padding:0 18px!important;font-size:23px!important}
  .sj-banner h1:after{margin-top:8px!important;height:3px!important}
}


/* ============================================================
   V80 — COURSES: RESTORED STUDENT STRENGTH ENTRY
   Does not alter the strength database/table; presentation only.
   ============================================================ */
.course-strength-link{
  margin:0 0 14px!important;
}
.course-strength-link>a{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 13px!important;
  border:1px solid #d9e8f7!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,#eef7ff,#ffffff)!important;
  color:#123f70!important;
  text-decoration:none!important;
  box-shadow:0 3px 10px rgba(25,70,110,.06)!important;
}
.course-strength-link>a:hover{
  border-color:#9fcdf2!important;
  transform:translateY(-1px)!important;
}
.course-strength-icon{
  width:31px!important;
  height:31px!important;
  flex:0 0 31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  background:#e6f1ff!important;
  color:#087fe5!important;
  font-weight:900!important;
}
.course-strength-link strong{
  display:block!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.course-strength-link small{
  display:block!important;
  margin-top:2px!important;
  color:#8193a8!important;
  font-size:9px!important;
}
.course-strength-arrow{
  margin-left:auto!important;
  width:27px!important;
  height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid #c8e1f8!important;
  color:#087fe5!important;
}


/* V81 — Courses navigation: visible Student Strength item */
.courses-menu-staff .course-special-links{
  margin-top:8px!important;
  padding-top:8px!important;
  border-top:1px solid #e4edf7!important;
}
.courses-menu-staff .course-strength-nav{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 11px!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#edf7ff,#f8fbff)!important;
  border:1px solid #d4e8fa!important;
  color:#123f70!important;
  text-decoration:none!important;
}
.courses-menu-staff .course-strength-nav:hover{
  background:#e7f3ff!important;
  border-color:#a9d4f5!important;
}
.courses-menu-staff .course-special-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  background:#e4f1ff!important;
  color:#087fe5!important;
  font-weight:900!important;
}
.courses-menu-staff .course-strength-nav strong{
  display:block!important;
  font-size:11px!important;
  line-height:1.2!important;
}
.courses-menu-staff .course-strength-nav small{
  display:block!important;
  margin-top:2px!important;
  color:#8193a8!important;
  font-size:8px!important;
  line-height:1.2!important;
}
.courses-menu-staff .course-special-arrow{
  margin-left:auto!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid #c7e2f8!important;
  color:#087fe5!important;
  font-weight:800!important;
}


/* ============================================================
   V82 — COMPACT STUDENT STRENGTH PAGE
   Presentation-only. Existing strength data and queries untouched.
   ============================================================ */
.sj-strength-page{
  --strength-blue:#087fe5;
  --strength-navy:#123f70;
}
.sj-strength-page .sj-main-card,
.sj-strength-page .content-card,
.sj-strength-page .page-card{
  padding:20px!important;
}
.sj-strength-page h1{
  margin:0 0 8px!important;
  font-size:25px!important;
  line-height:1.15!important;
}
.sj-strength-page h2{
  margin:14px 0 8px!important;
  font-size:15px!important;
  line-height:1.2!important;
}
.sj-strength-page h3{
  margin:12px 0 7px!important;
  font-size:13px!important;
}
.sj-strength-page table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:5px 0 16px!important;
  font-size:12px!important;
  overflow:hidden!important;
  border:1px solid #dbe8f5!important;
  border-radius:10px!important;
  box-shadow:0 3px 10px rgba(18,63,112,.05)!important;
}
.sj-strength-page table th{
  padding:9px 10px!important;
  background:#eaf4ff!important;
  color:#123f70!important;
  font-weight:800!important;
  border-bottom:1px solid #cfe2f4!important;
}
.sj-strength-page table td{
  padding:7px 10px!important;
  color:#294d73!important;
  border-bottom:1px solid #edf2f7!important;
}
.sj-strength-page table tr:last-child td{
  border-bottom:0!important;
}
.sj-strength-page table tbody tr:nth-child(even) td{
  background:#f8fbfe!important;
}
.sj-strength-page table tbody tr:hover td{
  background:#eef7ff!important;
}
.sj-strength-page table td:first-child{
  color:#e51f26!important;
  font-weight:700!important;
}
.sj-strength-page table td:last-child{
  color:#1737e8!important;
  font-weight:800!important;
}
.sj-strength-page .strength-section{
  margin-bottom:14px!important;
  padding:0!important;
}
.sj-strength-page .strength-section-title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0 7px!important;
  padding:9px 12px!important;
  border:1px solid #d5e9fa!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#edf7ff,#ffffff)!important;
  color:#123f70!important;
}
.sj-strength-page .strength-section-title .icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#dceeff!important;
  color:#087fe5!important;
}
.sj-strength-page .strength-section-title strong{
  font-size:14px!important;
}
.sj-strength-page .strength-section-title small{
  display:block!important;
  margin-top:1px!important;
  color:#7690aa!important;
  font-size:9px!important;
}
@media(max-width:700px){
  .sj-strength-page .sj-main-card,
  .sj-strength-page .content-card,
  .sj-strength-page .page-card{padding:13px!important}
  .sj-strength-page table{font-size:10px!important}
  .sj-strength-page table th,
  .sj-strength-page table td{padding:6px 5px!important}
  .sj-strength-page h1{font-size:21px!important}
}


/* ============================================================
   V84 — FINAL COMPACT STUDENT STRENGTH DESIGN
   Targets the actual strength.php markup; data/query untouched.
   ============================================================ */
body.sj-strength-page{
  background:#f3f8fd!important;
}
.sj-strength-page .sj-content-grid{
  align-items:start!important;
}
.sj-strength-page .sj-content-card{
  padding:18px!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(18,63,112,.07)!important;
}
.sj-strength-page .tm-article{
  margin:0!important;
}
.sj-strength-page .tm-article .shiv-module-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 4px!important;
  padding:0!important;
  color:#123f70!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
.sj-strength-page .tm-article .shiv-module-title:before{
  content:"▥"!important;
  width:42px!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  background:#e8f3ff!important;
  color:#087fe5!important;
  font-size:22px!important;
}
.sj-strength-page .tm-article .shiv-module-title:after{
  content:"Class Strength Yearwise & Branchwise"!important;
  margin-left:auto!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#edf6ff!important;
  color:#0877ca!important;
  font-size:9px!important;
  font-weight:800!important;
}
.sj-strength-page .tm-article table.tsc_table_s15{
  width:100%!important;
  margin:18px 0 18px!important;
  border:1px solid #d8e8f5!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 4px 13px rgba(18,63,112,.055)!important;
  font-size:12px!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 h5{
  display:block!important;
  margin:0!important;
  padding:10px 13px!important;
  background:linear-gradient(90deg,#eaf6ff,#f7fbff)!important;
  color:#123f70!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  border-bottom:1px solid #d5e8f7!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 thead th{
  padding:8px 9px!important;
  height:35px!important;
  background:#117dca!important;
  color:#fff!important;
  border:0!important;
  font-size:11px!important;
  font-weight:800!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 thead th:last-child{
  background:#6045d7!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 tbody td{
  padding:7px 9px!important;
  height:30px!important;
  background:#fff!important;
  color:#294d73!important;
  border:0!important;
  border-bottom:1px solid #e8f0f7!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 tbody tr:nth-child(even) td{
  background:#f6faff!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 tbody tr:hover td{
  background:#edf7ff!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 tbody td:first-child{
  color:#ef3030!important;
  font-weight:900!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 tbody td:last-child{
  color:#1739ed!important;
  font-weight:900!important;
  background:#f1f5ff!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 tbody tr:last-child td{
  border-bottom:0!important;
}
.sj-strength-page .tm-article table.tsc_table_s15 + table.tsc_table_s15{
  margin-top:20px!important;
}
.sj-strength-page .tm-article table.tsc_table_s15:nth-of-type(2) h5{
  background:linear-gradient(90deg,#eafbf3,#f8fffb)!important;
  border-color:#d5f0e2!important;
}
.sj-strength-page .tm-article table.tsc_table_s15:nth-of-type(2) thead th{
  background:#1588c7!important;
}
.sj-strength-page .tm-article table.tsc_table_s15:nth-of-type(2) thead th:last-child{
  background:#6045d7!important;
}
@media(max-width:800px){
  .sj-strength-page .tm-article .shiv-module-title{
    font-size:21px!important;
  }
  .sj-strength-page .tm-article .shiv-module-title:after{
    display:none!important;
  }
  .sj-strength-page .tm-article table.tsc_table_s15{
    font-size:10px!important;
  }
  .sj-strength-page .tm-article table.tsc_table_s15 thead th,
  .sj-strength-page .tm-article table.tsc_table_s15 tbody td{
    padding:6px 4px!important;
    font-size:10px!important;
  }
}


/* ============================================================
   V85 — GLOBAL ROBOTO TYPOGRAPHY
   Roboto is loaded from Google Fonts with system fallbacks so the
   site remains readable if external font loading is unavailable.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap');

html,
body,
button,
input,
select,
textarea,
table,
th,
td,
p,
a,
li,
label,
small,
strong,
b,
h1,h2,h3,h4,h5,h6{
  font-family:'Roboto','Segoe UI',Arial,sans-serif!important;
}

body,
.sj-page-shell,
.sj-page-main,
.sj-content-grid,
.sj-content-card,
.sj-sidebar,
.sj-banner,
.sj-breadcrumb-wrap,
.sj-breadcrumb{
  font-family:'Roboto','Segoe UI',Arial,sans-serif!important;
}

/* Keep icon glyphs from being replaced by Roboto where icon fonts/classes
   already exist in the project. */
[class*="fa-"],
[class^="fa"],
.material-icons,
.material-symbols-outlined,
.icon,
[class*="icon-"]{
  font-family:inherit;
}


/* ============================================================
   V86 — STAFF CARDS WITHOUT CATEGORY LABELS
   Removes "Non Teaching Staff", "Under Graduate", "Junior College"
   and "Teaching Staff" from the visible staff cards only.
   Filters/navigation and staff data remain unchanged.
   ============================================================ */
.sj-page-staff .sj-staff-card .sj-staff-type,
.sj-page-teaching-staff .sj-staff-card .sj-staff-type,
.sj-page-non-teaching-staff .sj-staff-card .sj-staff-type{
  display:none!important;
}
.sj-page-staff .sj-staff-card-body,
.sj-page-teaching-staff .sj-staff-card-body,
.sj-page-non-teaching-staff .sj-staff-card-body{
  padding-top:14px!important;
}
.sj-page-staff .sj-staff-card h3,
.sj-page-teaching-staff .sj-staff-card h3,
.sj-page-non-teaching-staff .sj-staff-card h3{
  margin-top:0!important;
}


/* ============================================================
   V87 — COMPACT NAAC / IQAC QUALITY CENTRE
   Presentation-only redesign. Existing PHP/data remains untouched.
   ============================================================ */
body.sj-page-iqac{
  background:#f3f8fd!important;
}
.sj-page-iqac .sj-banner{
  background:linear-gradient(110deg,#0b83df 0%,#48a9e8 55%,#8bc9ec 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}
.sj-page-iqac .sj-banner:after{
  content:"NAAC  •  IQAC  •  SSR  •  QUALITY ASSURANCE"!important;
  position:absolute!important;
  right:34px!important;
  bottom:16px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.5px!important;
}
.sj-page-iqac .sj-content-card{
  padding:18px!important;
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(18,63,112,.07)!important;
}
.sj-page-iqac .sj-iqac-subnav{
  margin:12px 0 14px!important;
  padding:9px 11px!important;
  border:1px solid #d7e7f5!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(18,63,112,.055)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.sj-page-iqac .sj-iqac-subnav-label{
  flex:0 0 auto!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#087fe5,#5266e8)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
}
.sj-page-iqac .sj-iqac-subnav-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  min-width:0!important;
}
.sj-page-iqac .sj-iqac-subnav-links a{
  padding:6px 9px!important;
  border-radius:8px!important;
  color:#315777!important;
  background:#f5f9fd!important;
  border:1px solid #e1edf6!important;
  font-size:9px!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:.15s ease!important;
}
.sj-page-iqac .sj-iqac-subnav-links a:hover,
.sj-page-iqac .sj-iqac-subnav-links a.active{
  color:#087fe5!important;
  background:#e9f5ff!important;
  border-color:#b9dcf7!important;
}
.sj-page-iqac .sj-iqac-hero-note{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 0 13px!important;
  padding:11px 13px!important;
  border-radius:13px!important;
  background:linear-gradient(100deg,#edf7ff,#f8fbff)!important;
  border:1px solid #d7eaf8!important;
}
.sj-page-iqac .sj-iqac-hero-note .ico{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  background:#087fe5!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:0 4px 10px rgba(8,127,229,.2)!important;
}
.sj-page-iqac .sj-iqac-hero-note strong{
  display:block!important;
  color:#123f70!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.sj-page-iqac .sj-iqac-hero-note > div > span{
  color:#7890a8!important;
  font-size:10px!important;
  line-height:1.3!important;
}
.sj-page-iqac .sj-count-pill{
  margin-left:auto!important;
  flex:0 0 auto!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid #cfe3f3!important;
  color:#0877ca!important;
  font-size:9px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.sj-page-iqac .sj-doc-list{
  display:grid!important;
  gap:7px!important;
}
.sj-page-iqac .sj-doc-card{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 10px!important;
  border:1px solid #dceaf5!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(18,63,112,.035)!important;
}
.sj-page-iqac .sj-doc-card:nth-child(4n+1) .sj-doc-icon{background:#e9f5ff!important;color:#087fe5!important}
.sj-page-iqac .sj-doc-card:nth-child(4n+2) .sj-doc-icon{background:#eafbf3!important;color:#13a66a!important}
.sj-page-iqac .sj-doc-card:nth-child(4n+3) .sj-doc-icon{background:#fff5df!important;color:#db8a00!important}
.sj-page-iqac .sj-doc-card:nth-child(4n) .sj-doc-icon{background:#f0eaff!important;color:#6546d7!important}
.sj-page-iqac .sj-doc-icon{
  width:38px!important;height:38px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:9px!important;font-weight:900!important;
}
.sj-page-iqac .sj-doc-title{
  color:#173f6d!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.3!important;
}
.sj-page-iqac .sj-doc-detail{
  margin-top:2px!important;
  color:#8095aa!important;
  font-size:9px!important;
  line-height:1.3!important;
}
.sj-page-iqac .sj-doc-actions{
  display:flex!important;gap:5px!important;align-items:center!important;
}
.sj-page-iqac .sj-doc-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  background:#edf7ff!important;
  border:1px solid #cfe6f8!important;
  color:#087fe5!important;
  font-size:9px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.sj-page-iqac .sj-doc-btn:hover{
  background:#087fe5!important;color:#fff!important;
}
.sj-page-iqac .sj-iqac-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.sj-page-iqac .sj-iqac-member{
  padding:11px!important;
  border:1px solid #dceaf5!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(18,63,112,.035)!important;
}
.sj-page-iqac .sj-iqac-member:nth-child(4n+1){border-left:4px solid #087fe5!important}
.sj-page-iqac .sj-iqac-member:nth-child(4n+2){border-left:4px solid #14ad70!important}
.sj-page-iqac .sj-iqac-member:nth-child(4n+3){border-left:4px solid #e8a21a!important}
.sj-page-iqac .sj-iqac-member:nth-child(4n){border-left:4px solid #7048d8!important}
.sj-page-iqac .sj-iqac-member-top{
  display:flex!important;align-items:center!important;gap:8px!important;
}
.sj-page-iqac .sj-iqac-member-name{
  color:#173f6d!important;font-size:11px!important;font-weight:800!important;
}
.sj-page-iqac .sj-iqac-member-desig{
  margin-top:2px!important;color:#8095aa!important;font-size:9px!important;
}
.sj-page-iqac .sj-iqac-num{
  margin-left:auto!important;width:25px!important;height:25px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;background:#edf6ff!important;color:#087fe5!important;
  font-size:9px!important;font-weight:900!important;
}
.sj-page-iqac .sj-sr-list{
  display:grid!important;gap:7px!important;
}
.sj-page-iqac .sj-sr-row{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 10px!important;
  border:1px solid #dceaf5!important;
  border-radius:11px!important;
  background:#fff!important;
  text-decoration:none!important;
}
.sj-page-iqac .sj-sr-row:hover{
  background:#f4faff!important;border-color:#b9dcf7!important;
}
.sj-page-iqac .sj-sr-no{
  width:34px!important;height:34px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;border-radius:10px!important;
  background:#eaf5ff!important;color:#087fe5!important;font-size:10px!important;font-weight:900!important;
}
.sj-page-iqac .sj-sr-title{
  display:block!important;color:#173f6d!important;font-size:11px!important;font-weight:800!important;
}
.sj-page-iqac .sj-sr-meta{
  display:block!important;margin-top:2px!important;color:#8196aa!important;font-size:9px!important;
}
.sj-page-iqac .sj-practice-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.sj-page-iqac .sj-practice-card{
  overflow:hidden!important;
  border:1px solid #dceaf5!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 3px 10px rgba(18,63,112,.045)!important;
}
.sj-page-iqac .sj-gallery-mini{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;
  height:90px!important;overflow:hidden!important;
}
.sj-page-iqac .sj-gallery-mini img{
  width:100%!important;height:90px!important;object-fit:cover!important;
}
.sj-page-iqac .sj-practice-body{padding:10px!important}
.sj-page-iqac .sj-practice-title{
  color:#173f6d!important;font-size:11px!important;font-weight:900!important;
}
.sj-page-iqac .sj-practice-excerpt{
  margin-top:4px!important;color:#7890a8!important;font-size:9px!important;
  line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;overflow:hidden!important;
}
.sj-page-iqac .sj-practice-actions{
  display:flex!important;gap:5px!important;flex-wrap:wrap!important;margin-top:8px!important;
}
.sj-page-iqac .sj-detail-content{
  padding:12px!important;border-radius:11px!important;
  background:#f8fbfe!important;border:1px solid #e1edf6!important;
  color:#365d82!important;font-size:11px!important;line-height:1.65!important;
}
.sj-page-iqac .sj-detail-gallery{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin-top:10px!important;
}
.sj-page-iqac .sj-detail-gallery img{
  width:100%!important;height:110px!important;object-fit:cover!important;border-radius:9px!important;
}
.sj-page-iqac .sj-back-link{
  display:inline-flex!important;margin-bottom:10px!important;
  padding:6px 9px!important;border-radius:8px!important;
  background:#f2f8fd!important;border:1px solid #dbeaf5!important;
  color:#087fe5!important;font-size:9px!important;font-weight:800!important;
  text-decoration:none!important;
}
@media(max-width:900px){
  .sj-page-iqac .sj-iqac-grid,
  .sj-page-iqac .sj-practice-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .sj-page-iqac .sj-iqac-subnav{align-items:flex-start!important;flex-direction:column!important}
  .sj-page-iqac .sj-iqac-subnav-links{width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}
  .sj-page-iqac .sj-iqac-subnav-links a{white-space:nowrap!important}
  .sj-page-iqac .sj-iqac-hero-note{align-items:flex-start!important}
  .sj-page-iqac .sj-count-pill{margin-left:auto!important}
  .sj-page-iqac .sj-doc-card{grid-template-columns:34px minmax(0,1fr)!important}
  .sj-page-iqac .sj-doc-actions{grid-column:2!important}
  .sj-page-iqac .sj-banner:after{display:none!important}
  .sj-page-iqac .sj-detail-gallery{grid-template-columns:repeat(2,1fr)!important}
}


/* ============================================================
   V88 — NAAC / IQAC MEDIUM TYPOGRAPHY + SINGLE-LINE SUBNAV
   ============================================================ */
body.sj-page-iqac .sj-iqac-subnav{
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  min-height:54px!important;
}
body.sj-page-iqac .sj-iqac-subnav-label{
  font-size:12px!important;
  padding:9px 13px!important;
  white-space:nowrap!important;
}
body.sj-page-iqac .sj-iqac-subnav-links{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  white-space:nowrap!important;
  flex:1 1 auto!important;
}
body.sj-page-iqac .sj-iqac-subnav-links a{
  flex:0 0 auto!important;
  padding:8px 11px!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* Medium, readable typography for NAAC/IQAC content */
body.sj-page-iqac .sj-iqac-hero-note strong{
  font-size:18px!important;
}
body.sj-page-iqac .sj-iqac-hero-note > div > span{
  font-size:12px!important;
}
body.sj-page-iqac .sj-count-pill{
  font-size:11px!important;
  padding:7px 10px!important;
}
body.sj-page-iqac .sj-doc-card{
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:11px 12px!important;
}
body.sj-page-iqac .sj-doc-icon{
  width:44px!important;
  height:44px!important;
  border-radius:11px!important;
  font-size:10px!important;
}
body.sj-page-iqac .sj-doc-title{
  font-size:13px!important;
  line-height:1.35!important;
}
body.sj-page-iqac .sj-doc-detail{
  font-size:11px!important;
  margin-top:3px!important;
}
body.sj-page-iqac .sj-doc-btn{
  padding:7px 11px!important;
  font-size:11px!important;
}
body.sj-page-iqac .sj-iqac-member{
  padding:12px!important;
}
body.sj-page-iqac .sj-iqac-member-name{
  font-size:13px!important;
}
body.sj-page-iqac .sj-iqac-member-desig{
  font-size:11px!important;
}
body.sj-page-iqac .sj-iqac-num{
  width:28px!important;
  height:28px!important;
  font-size:10px!important;
}
body.sj-page-iqac .sj-sr-row{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:11px 12px!important;
}
body.sj-page-iqac .sj-sr-no{
  width:40px!important;
  height:40px!important;
  font-size:11px!important;
}
body.sj-page-iqac .sj-sr-title{
  font-size:13px!important;
}
body.sj-page-iqac .sj-sr-meta{
  font-size:11px!important;
}
body.sj-page-iqac .sj-practice-title{
  font-size:13px!important;
}
body.sj-page-iqac .sj-practice-excerpt{
  font-size:11px!important;
  line-height:1.5!important;
}
body.sj-page-iqac .sj-back-link{
  font-size:11px!important;
}
body.sj-page-iqac .sj-detail-content{
  font-size:13px!important;
  line-height:1.7!important;
}
@media(max-width:700px){
  body.sj-page-iqac .sj-iqac-subnav{
    flex-direction:row!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-links{
    width:auto!important;
    flex-wrap:nowrap!important;
  }
}


/* ============================================================
   V89 — NAAC / IQAC SUBNAV ALIGNMENT
   Desktop: centered, evenly aligned, single row.
   Mobile: horizontal scrolling without wrapping.
   ============================================================ */
body.sj-page-iqac .sj-iqac-subnav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  box-sizing:border-box!important;
  min-height:66px!important;
  padding:9px 14px!important;
  overflow:hidden!important;
}
body.sj-page-iqac .sj-iqac-subnav-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
  height:44px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 15px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.sj-page-iqac .sj-iqac-subnav-links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
body.sj-page-iqac .sj-iqac-subnav-links a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:44px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

/* Keep the whole row centered even when the browser is wide. */
@media(min-width:1100px){
  body.sj-page-iqac .sj-iqac-subnav-links{
    max-width:calc(100% - 185px)!important;
  }
}

/* Narrow desktop/tablet: preserve one row and allow controlled scrolling. */
@media(max-width:1099px){
  body.sj-page-iqac .sj-iqac-subnav{
    justify-content:flex-start!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-links{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:thin!important;
  }
}

/* Phone */
@media(max-width:700px){
  body.sj-page-iqac .sj-iqac-subnav{
    min-height:60px!important;
    padding:7px 9px!important;
    gap:7px!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-label{
    height:40px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-links a{
    height:40px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
}


/* ============================================================
   V90 — COMPACT NAAC/IQAC TOP ALIGNMENT
   Keeps the quality navigation close to the top and removes the
   excessive vertical whitespace visible in the previous layout.
   ============================================================ */
body.sj-page-iqac{
  padding-top:0!important;
}

/* Compact breadcrumb area */
body.sj-page-iqac .sj-breadcrumb-wrap{
  margin-top:0!important;
  margin-bottom:8px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
body.sj-page-iqac .sj-breadcrumb{
  min-height:48px!important;
  padding:10px 16px!important;
  border-radius:14px!important;
}

/* Bring NAAC/IQAC navigation immediately below breadcrumb */
body.sj-page-iqac .sj-iqac-subnav{
  position:relative!important;
  top:auto!important;
  margin:0 0 12px!important;
  min-height:56px!important;
  height:56px!important;
  padding:6px 10px!important;
  border-radius:15px!important;
  gap:8px!important;
  justify-content:flex-start!important;
  box-shadow:0 5px 16px rgba(18,63,112,.055)!important;
}

/* Compact but readable tabs */
body.sj-page-iqac .sj-iqac-subnav-label{
  height:42px!important;
  padding:0 13px!important;
  border-radius:11px!important;
  font-size:13px!important;
}
body.sj-page-iqac .sj-iqac-subnav-links{
  height:42px!important;
  gap:6px!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
body.sj-page-iqac .sj-iqac-subnav-links::-webkit-scrollbar{
  display:none!important;
}
body.sj-page-iqac .sj-iqac-subnav-links a{
  height:42px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  font-size:12px!important;
}

/* Prevent the page content from being pushed down by an inherited
   banner/header spacer on internal IQAC pages. */
body.sj-page-iqac .sj-page-main{
  padding-top:0!important;
}
body.sj-page-iqac .sj-content-grid{
  margin-top:0!important;
}

/* Compact sidebar/content start */
body.sj-page-iqac .sj-content-card,
body.sj-page-iqac .sj-sidebar > *{
  margin-top:0!important;
}

/* Responsive: preserve compact top stack */
@media(max-width:700px){
  body.sj-page-iqac .sj-breadcrumb-wrap{
    padding-top:5px!important;
    padding-bottom:5px!important;
    margin-bottom:6px!important;
  }
  body.sj-page-iqac .sj-breadcrumb{
    min-height:42px!important;
    padding:8px 11px!important;
  }
  body.sj-page-iqac .sj-iqac-subnav{
    height:52px!important;
    min-height:52px!important;
    margin-bottom:9px!important;
    padding:5px 7px!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-label{
    height:40px!important;
    font-size:12px!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-links{
    height:40px!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-links a{
    height:40px!important;
    font-size:11px!important;
  }
}


/* ============================================================
   V91 — NAAC/IQAC BAR START-POINT ALIGNMENT
   Match the navigation's left/right edges to the main page
   container instead of stretching the bar across the viewport.
   ============================================================ */
body.sj-page-iqac .sj-iqac-subnav{
  width:calc(100% - 64px)!important;
  max-width:1700px!important;
  margin:0 auto 12px!important;
  box-sizing:border-box!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

/* Keep the first tab aligned to the bar's actual content edge. */
body.sj-page-iqac .sj-iqac-subnav-label{
  margin-left:0!important;
}

/* Keep the complete tab group in one line. */
body.sj-page-iqac .sj-iqac-subnav-links{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  justify-content:flex-start!important;
}

/* Match common centered page-container widths on very large displays. */
@media(min-width:1400px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:calc(100% - 96px)!important;
    max-width:1700px!important;
  }
}
@media(min-width:1800px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:calc(100% - 120px)!important;
    max-width:1700px!important;
  }
}
@media(max-width:700px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:calc(100% - 18px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-bottom:9px!important;
  }
}


/* ============================================================
   V92 — EXACT PAGE-CONTAINER ALIGNMENT FOR NAAC/IQAC BAR
   ============================================================ */
body.sj-page-iqac .sj-iqac-subnav{
  width:92%!important;
  max-width:1610px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
body.sj-page-iqac .sj-iqac-subnav,
body.sj-page-iqac .sj-iqac-subnav *{
  box-sizing:border-box!important;
}
body.sj-page-iqac .sj-iqac-subnav-label{
  margin-left:0!important;
}
body.sj-page-iqac .sj-iqac-subnav-links{
  min-width:0!important;
  flex:1 1 auto!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
@media(min-width:1750px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:1610px!important;
    max-width:calc(100% - 40px)!important;
  }
}
@media(max-width:700px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:calc(100% - 18px)!important;
    max-width:none!important;
  }
}


/* V94 — EXACT HORIZONTAL GEOMETRY WITH PAGE BANNER */
body.sj-page-iqac .sj-iqac-subnav{
  width:min(1600px,calc(100% - 72px))!important;
  max-width:1600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.sj-page-iqac .sj-iqac-subnav-links{
  flex:1 1 auto!important;
  min-width:0!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
}


/* ============================================================
   V95 — MATCH FIRST SUPPLIED SCREENSHOT
   The desired screenshot shows the NAAC/IQAC bottom navigation
   spanning almost the full page width, with a small equal margin
   at both sides. Undo the narrower centered-container override
   from V92/V94 for this specific navigation bar.
   ============================================================ */
body.sj-page-iqac .sj-iqac-subnav{
  width:calc(100% - 34px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.sj-page-iqac .sj-iqac-subnav-links{
  flex:1 1 auto!important;
  min-width:0!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:calc(100% - 18px)!important;
    max-width:none!important;
  }
}


/* ============================================================
   V96 — CENTER NAAC / IQAC SUB-TABS
   The bar remains wide like the first screenshot, but the
   complete tab group is centered inside that bar.
   ============================================================ */
body.sj-page-iqac .sj-iqac-subnav{
  width:calc(100% - 34px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
}

/* Center the complete navigation group rather than starting it
   at the left edge of the wide container. */
body.sj-page-iqac .sj-iqac-subnav-links{
  flex:0 1 auto!important;
  min-width:0!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
}

/* Keep the NAAC/IQAC lead tab as part of the centered group. */
body.sj-page-iqac .sj-iqac-subnav-label{
  flex:0 0 auto!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Prevent individual tabs from stretching. */
body.sj-page-iqac .sj-iqac-subnav-links > *{
  flex:0 0 auto!important;
}

@media(max-width:1100px){
  body.sj-page-iqac .sj-iqac-subnav{
    justify-content:flex-start!important;
  }
  body.sj-page-iqac .sj-iqac-subnav-links{
    justify-content:flex-start!important;
    overflow-x:auto!important;
  }
}
@media(max-width:700px){
  body.sj-page-iqac .sj-iqac-subnav{
    width:calc(100% - 18px)!important;
    max-width:none!important;
  }
}


/* ============================================================
   V97 — COLORFUL ADMISSION NAVIGATION DROPDOWN
   Mirrors the compact colorful NAAC/IQAC dropdown treatment.
   ============================================================ */
.navwrap .admission-dropdown{
  width:390px!important;
  min-width:390px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #dce7f2!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:0 14px 30px rgba(18,52,86,.17)!important;
}
.admission-dropdown-title{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-bottom:7px!important;
  padding:8px 10px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#f39c12,#f04b5f)!important;
  color:#fff!important;
}
.admission-dropdown-icon{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.2)!important;
  font-size:11px!important;
  font-weight:900!important;
}
.admission-dropdown-title strong{
  display:block!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.admission-dropdown-title small{
  display:block!important;
  margin-top:2px!important;
  font-size:10px!important;
  line-height:1.2!important;
  opacity:.9!important;
}
.admission-dropdown-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
.admission-dropdown-grid a{
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:6px!important;
  min-height:40px!important;
  margin:0!important;
  padding:6px 7px!important;
  border:1px solid #e4edf5!important;
  border-radius:8px!important;
  background:#f8fbfe!important;
  color:#173f6d!important;
  text-decoration:none!important;
}
.admission-dropdown-grid a:hover,
.admission-dropdown-grid a:focus{
  background:#fff7ea!important;
  border-color:#f5c978!important;
  color:#e47f00!important;
}
.admission-menu-number{
  width:27px!important;
  height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:#eaf5ff!important;
  color:#087fe5!important;
  font-size:10px!important;
  font-weight:900!important;
}
.admission-dropdown-grid a:nth-child(2) .admission-menu-number{
  background:#eafbf3!important;color:#12a66b!important;
}
.admission-dropdown-grid a:nth-child(3) .admission-menu-number{
  background:#f0eaff!important;color:#6546d7!important;
}
.admission-dropdown-grid a:nth-child(4) .admission-menu-number{
  background:#fff0e8!important;color:#e85d2a!important;
}
.admission-dropdown-grid a:nth-child(5) .admission-menu-number{
  background:#fff5df!important;color:#d58a00!important;
}
.admission-menu-copy{
  min-width:0!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
.admission-menu-arrow{
  color:#1688df!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:center!important;
}
@media(max-width:1250px){
  .navwrap .admission-dropdown{
    width:350px!important;
    min-width:350px!important;
  }
}
@media(max-width:820px){
  .navwrap .admission-dropdown{display:none!important;}
}

/* V98 — RESTORED ORIGINAL ADMISSION NAVIGATION
   The Admission dropdown uses the original four navigation pages.
   The colorful V97 styling is retained without changing destinations. */
.navwrap .admission-dropdown-grid a{
  min-height:42px!important;
}


/* ============================================================
   V99 — COLORFUL ADMISSION PAGE CARDS
   Navigation destinations are intentionally unchanged.
   Fee Structure page remains functionally untouched.
   ============================================================ */
body.sj-page-admission .sj-content-card,
body.sj-page-fee .sj-content-card{
  border:1px solid #dce8f3!important;
  box-shadow:0 10px 28px rgba(20,60,100,.08)!important;
}
body.sj-page-admission .sj-content-card{
  background:#fff!important;
}
body.sj-page-admission .shiv-article-title{
  color:#123f70!important;
}
body.sj-page-admission .tm-article > h1.shiv-article-title,
body.sj-page-admission .tm-article > h2{
  padding-bottom:12px!important;
  border-bottom:3px solid #e7f1fa!important;
}
body.sj-page-admission .tm-article > h1.shiv-article-title:after{
  content:""!important;
  display:block!important;
  width:58px!important;
  height:4px!important;
  margin-top:9px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#0b84e8,#5a55e8)!important;
}
body.sj-page-admission table.tsc_table_s15{
  border-collapse:separate!important;
  border-spacing:0 6px!important;
}
body.sj-page-admission table.tsc_table_s15 thead th{
  background:#eaf5ff!important;
  color:#123f70!important;
  border:0!important;
  padding:11px 12px!important;
  font-size:14px!important;
}
body.sj-page-admission table.tsc_table_s15 tbody tr{
  background:#fff!important;
}
body.sj-page-admission table.tsc_table_s15 tbody td{
  border-top:1px solid #e3edf6!important;
  border-bottom:1px solid #e3edf6!important;
  padding:10px 12px!important;
  color:#294f75!important;
  font-size:13px!important;
}
body.sj-page-admission table.tsc_table_s15 tbody td:first-child{
  border-left:4px solid #1689e8!important;
  border-radius:9px 0 0 9px!important;
  font-weight:800!important;
  color:#087fe5!important;
}
body.sj-page-admission table.tsc_table_s15 tbody td:last-child{
  border-right:1px solid #e3edf6!important;
  border-radius:0 9px 9px 0!important;
}
body.sj-page-admission table.tsc_table_s15 tbody tr:nth-child(2n) td:first-child{
  border-left-color:#18ad73!important;
}
body.sj-page-admission table.tsc_table_s15 tbody tr:nth-child(3n) td:first-child{
  border-left-color:#7350d8!important;
}
body.sj-page-admission table.tsc_table_s15 tbody tr:hover td{
  background:#f7fbff!important;
}
body.sj-page-admission .pagination a,
body.sj-page-admission .pagination span{
  border-radius:8px!important;
}

/* Admission information pages: make existing content sit in compact
   colored information blocks without altering database-driven text. */
body.sj-page-admission .sj-adm-head{
  border-radius:14px!important;
  background:linear-gradient(135deg,#eaf7ff,#f4f0ff)!important;
  border:1px solid #d8eafa!important;
}
body.sj-page-admission .sj-adm-icon{
  box-shadow:0 7px 16px rgba(8,127,229,.16)!important;
}
body.sj-page-admission .sj-banner{
  background:
    linear-gradient(110deg,rgba(8,127,229,.98),rgba(82,102,232,.88)),
    linear-gradient(135deg,#0b84e8,#79c7ed)!important;
}
body.sj-page-fee .sj-banner{
  background:
    linear-gradient(110deg,rgba(8,127,229,.98),rgba(82,102,232,.88)),
    linear-gradient(135deg,#0b84e8,#79c7ed)!important;
}


/* ============================================================
   V100 — RESTORE ADMISSION AS NORMAL NAVIGATION
   Admission uses the same plain dropdown treatment as the other
   main navigation menus. No colorful/card styling in navigation.
   ============================================================ */
.navwrap .admission-dropdown-normal{
  min-width:240px!important;
  width:auto!important;
  padding:8px 0!important;
  background:#fff!important;
  border:0!important;
  border-radius:0 0 10px 10px!important;
  box-shadow:0 12px 28px rgba(18,52,86,.15)!important;
}
.navwrap .admission-dropdown-normal a{
  display:block!important;
  margin:0!important;
  padding:11px 18px!important;
  color:#123f70!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.navwrap .admission-dropdown-normal a:hover,
.navwrap .admission-dropdown-normal a:focus{
  color:#087fe5!important;
  background:#f4f8fc!important;
}


/* V101 — COLORFUL ADMISSION / FEE CONTENT CARDS */
.sj-admission-cards,.admission-page-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:18px 0 24px!important}
.sj-admission-card,.admission-page-card{position:relative!important;min-height:142px!important;padding:18px 16px 14px!important;border:0!important;border-radius:14px!important;color:#fff!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(18,52,86,.13)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.sj-admission-card:hover,.admission-page-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 25px rgba(18,52,86,.18)!important}
.sj-admission-card:nth-child(1),.admission-page-card:nth-child(1){background:linear-gradient(135deg,#1689e8,#0877d5)!important}
.sj-admission-card:nth-child(2),.admission-page-card:nth-child(2){background:linear-gradient(135deg,#27c86f,#11a96a)!important}
.sj-admission-card:nth-child(3),.admission-page-card:nth-child(3){background:linear-gradient(135deg,#ffb01c,#ff7a1a)!important}
.sj-admission-card:nth-child(4),.admission-page-card:nth-child(4){background:linear-gradient(135deg,#f12683,#d81768)!important}
.sj-admission-card:nth-child(5),.admission-page-card:nth-child(5){background:linear-gradient(135deg,#7650e9,#5534d5)!important}
.sj-admission-card .card-no,.admission-page-card .card-no{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:50%!important;background:rgba(255,255,255,.12)!important;font-size:12px!important;font-weight:800!important}
.sj-admission-card h3,.admission-page-card h3{margin:13px 0 5px!important;color:#fff!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important}
.sj-admission-card p,.admission-page-card p{margin:0!important;color:rgba(255,255,255,.94)!important;font-size:12px!important;line-height:1.4!important}
.sj-admission-card .card-arrow,.admission-page-card .card-arrow{position:absolute!important;right:12px!important;bottom:11px!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;font-size:14px!important;font-weight:900!important}
.sj-fee-course-grid,.fee-course-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:18px!important}
.sj-fee-course-card,.fee-course-card{position:relative!important;min-height:118px!important;padding:18px 48px 14px 76px!important;border:0!important;border-radius:14px!important;color:#fff!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(18,52,86,.12)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.sj-fee-course-card:hover,.fee-course-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 25px rgba(18,52,86,.18)!important}
.sj-fee-course-card:nth-child(1),.fee-course-card:nth-child(1){background:linear-gradient(135deg,#2879ef,#2670e4)!important}
.sj-fee-course-card:nth-child(2),.fee-course-card:nth-child(2){background:linear-gradient(135deg,#36ca70,#18b76a)!important}
.sj-fee-course-card:nth-child(3),.fee-course-card:nth-child(3){background:linear-gradient(135deg,#ffad20,#ff7519)!important}
.sj-fee-course-card:nth-child(4),.fee-course-card:nth-child(4){background:linear-gradient(135deg,#f32d83,#eb236f)!important}
.sj-fee-course-card:nth-child(5),.fee-course-card:nth-child(5){background:linear-gradient(135deg,#7450e8,#5735d5)!important}
.sj-fee-course-card:nth-child(6),.fee-course-card:nth-child(6){background:linear-gradient(135deg,#18b9cf,#08a7bd)!important}
.sj-fee-course-card .fee-icon,.fee-course-card .fee-icon{position:absolute!important;left:16px!important;top:18px!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:rgba(255,255,255,.88)!important;color:#1486e5!important;font-size:21px!important;font-weight:900!important}
.sj-fee-course-card h3,.fee-course-card h3{margin:0 0 6px!important;color:#fff!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important}
.sj-fee-course-card .fee-meta,.fee-course-card .fee-meta{color:rgba(255,255,255,.96)!important;font-size:12px!important;line-height:1.4!important}
.sj-fee-course-card .fee-link,.fee-course-card .fee-link{display:inline-block!important;margin-top:12px!important;color:#fff!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}
@media(max-width:1050px){.sj-admission-cards,.admission-page-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sj-fee-course-grid,.fee-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.sj-admission-cards,.admission-page-cards{grid-template-columns:1fr 1fr!important}.sj-fee-course-grid,.fee-course-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.sj-admission-cards,.admission-page-cards{grid-template-columns:1fr!important}}


/* ============================================================
   V102 — FEE CARD TEXT CONTRAST / READABILITY
   Fixes inherited blue/gray text on saturated card backgrounds.
   ============================================================ */
body.sj-page-fee .sj-fee-course-card,
body.sj-page-fee .sj-fee-course-card:visited,
body.sj-page-fee .sj-fee-course-card:hover{
  color:#fff!important;
}
body.sj-page-fee .sj-fee-course-card h3,
body.sj-page-fee .sj-fee-course-card p,
body.sj-page-fee .sj-fee-course-card span{
  color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.08)!important;
}
body.sj-page-fee .sj-fee-course-card p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:500!important;
}
body.sj-page-fee .sj-fee-course-card > div > span{
  display:inline-block!important;
  margin-top:11px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.sj-page-fee .sj-fee-course-no{
  position:absolute!important;
  left:16px!important;
  top:18px!important;
  width:50px!important;
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  color:#087fe5!important;
  font-size:21px!important;
  font-weight:900!important;
  box-shadow:0 4px 10px rgba(0,0,0,.08)!important;
}
body.sj-page-fee .sj-fee-course-card > div:last-child{
  min-width:0!important;
}
body.sj-page-fee .sj-fee-course-card h3{
  max-width:100%!important;
}
@media(max-width:680px){
  body.sj-page-fee .sj-fee-course-card{min-height:110px!important;padding-left:72px!important}
}

/* ============================================================
   V107 — RESEARCH PAGES: COMPACT + COLOURFUL
   ============================================================ */
body.sj-page-research .sj-page-main{padding:18px 0 42px}
body.sj-page-research .sj-content-grid{grid-template-columns:minmax(0,1fr) 350px;gap:20px}
body.sj-page-research .sj-content-card{padding:20px;border-radius:16px;min-height:0}
body.sj-page-research .sj-research-head{
  margin-bottom:12px;padding:12px 14px;border-radius:13px;
  border:1px solid #cfe6fa;
  background:linear-gradient(135deg,#eaf7ff 0%,#f6f1ff 52%,#fff8eb 100%);
  box-shadow:0 5px 16px rgba(30,80,130,.06)
}
body.sj-page-research .sj-research-kicker{font-size:.72rem;color:#0789e8;margin-bottom:2px}
body.sj-page-research .sj-research-head h2{font-size:1.22rem;line-height:1.25}
body.sj-page-research .sj-research-count{
  color:#087bc9;background:#fff;border-color:#cfe6fa;padding:5px 10px;font-size:.78rem
}
body.sj-page-research .sj-research-scroll{overflow-x:auto}
body.sj-page-research .sj-research-table{border-spacing:0 5px!important}
body.sj-page-research .sj-research-table thead th{
  padding:9px 10px!important;font-size:.78rem!important;
  background:linear-gradient(135deg,#087fe5,#4169e8)!important
}
body.sj-page-research .sj-research-table tbody td{
  padding:8px 10px!important;font-size:.82rem!important;line-height:1.4;
  background:#fbfdff!important;border-top:1px solid #dceaf5!important;
  border-bottom:1px solid #dceaf5!important
}
body.sj-page-research .sj-research-table tbody tr:nth-child(3n+1) td:first-child{border-left-color:#087fe5!important}
body.sj-page-research .sj-research-table tbody tr:nth-child(3n+2) td:first-child{border-left-color:#22bd70!important}
body.sj-page-research .sj-research-table tbody tr:nth-child(3n) td:first-child{border-left-color:#f5a623!important}
body.sj-page-research .sj-research-name{font-weight:700;color:#123e73}
body.sj-page-research .sj-research-topic{line-height:1.4}
body.sj-page-research .sj-research-stat{color:#087bc9}
body.sj-page-research .sj-research-file{padding:5px 8px;border-radius:7px;font-size:.72rem;background:linear-gradient(135deg,#087fe5,#4169e8)}
body.sj-page-research .sj-sidebar-card{margin-bottom:12px}
body.sj-page-research .sj-sidebar .card{padding:16px;margin-bottom:12px}
body.sj-page-research .sj-sidebar .section-title{font-size:18px}
body.sj-page-research .sj-sidebar .notice-item{padding:7px 0;grid-template-columns:50px minmax(0,1fr);gap:8px}
body.sj-page-research .sj-sidebar .datebox{height:49px}
@media(max-width:1250px){body.sj-page-research .sj-content-grid{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1000px){body.sj-page-research .sj-content-grid{grid-template-columns:1fr}}
@media(max-width:650px){body.sj-page-research .sj-content-card{padding:14px}body.sj-page-research .sj-research-head{padding:11px 12px}}


/* V110 — UNIQUE PAGINATION FOR ALL FOUR ACHIEVEMENT PAGES */
.sj-ach-pagination{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:wrap!important;gap:6px!important;margin:18px 0 6px!important;padding:10px!important;
}
.sj-ach-pagination a,.sj-ach-pagination span{
  min-width:34px!important;height:34px!important;padding:0 10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #dce7f2!important;border-radius:9px!important;background:#fff!important;
  color:#345879!important;font-size:12px!important;line-height:1!important;font-weight:700!important;
  text-decoration:none!important;box-shadow:0 2px 7px rgba(18,52,86,.06)!important;
  transition:all .15s ease!important;
}
.sj-ach-pagination a:hover{transform:translateY(-1px)!important;background:#f2f8ff!important}
.sj-ach-pagination .sj-ach-active{
  color:#fff!important;border-color:transparent!important;box-shadow:0 4px 10px rgba(18,52,86,.16)!important;
}
body.sj-ach-yearly .sj-ach-pagination .sj-ach-active{background:#1689e8!important}
body.sj-ach-sports .sj-ach-pagination .sj-ach-active{background:#18a96b!important}
body.sj-ach-nss .sj-ach-pagination .sj-ach-active{background:#f39a19!important}
body.sj-ach-cultural .sj-ach-pagination .sj-ach-active{background:#7650e9!important}
@media(max-width:600px){
 .sj-ach-pagination{gap:4px!important;padding:8px 2px!important}
 .sj-ach-pagination a,.sj-ach-pagination span{min-width:31px!important;height:31px!important;padding:0 8px!important;font-size:11px!important}
}

/* V111 — EXACT PAGINATION STYLE (applied to every paginated public page)
   Matches the supplied reference: one centered row, large page buttons,
   Next/Previous button, and Records text on the same line. */
ul.pagination,
ul.shiv-pagination,
.pagination.modal-1,
.shiv-pagination{
  list-style:none!important;
  width:100%!important;
  min-height:112px!important;
  margin:0!important;
  padding:23px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:13px!important;
  background:#f8fbff!important;
  border-top:1px solid #d7e3ee!important;
  border-bottom:1px solid #d7e3ee!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
ul.pagination li,
ul.shiv-pagination li,
.pagination.modal-1 li,
.shiv-pagination li{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
ul.pagination li::before,
ul.pagination li::after,
ul.shiv-pagination li::before,
ul.shiv-pagination li::after,
.pagination.modal-1 li::before,
.pagination.modal-1 li::after{
  content:none!important;
}
ul.pagination a,
ul.shiv-pagination a,
.pagination.modal-1 a,
.shiv-pagination a{
  width:67px!important;
  min-width:67px!important;
  height:64px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border:1px solid #d5e2ee!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#28567f!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  box-shadow:0 3px 8px rgba(25,60,95,.04)!important;
  transition:all .16s ease!important;
}
ul.pagination a:hover,
ul.shiv-pagination a:hover,
.pagination.modal-1 a:hover,
.shiv-pagination a:hover{
  background:#f2f8fd!important;
  border-color:#c9dcea!important;
  color:#1769aa!important;
  transform:translateY(-1px)!important;
}
ul.pagination a.active,
ul.shiv-pagination a.active,
.pagination.modal-1 a.active,
.shiv-pagination a.active,
body.sj-ach-yearly .pagination .active,
body.sj-ach-sports .pagination .active,
body.sj-ach-nss .pagination .active,
body.sj-ach-cultural .pagination .active{
  background:#0b8fe8!important;
  border-color:#0b8fe8!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(11,143,232,.20)!important;
}
ul.pagination a.prev,
ul.pagination a.next,
ul.shiv-pagination a.prev,
ul.shiv-pagination a.next{
  width:138px!important;
  min-width:138px!important;
  height:64px!important;
  border-radius:15px!important;
  background:#f0f7fe!important;
  border-color:#d1e1ef!important;
  color:#28567f!important;
  font-size:14px!important;
  font-weight:500!important;
}
ul.pagination a.prev:hover,
ul.pagination a.next:hover,
ul.shiv-pagination a.prev:hover,
ul.shiv-pagination a.next:hover{
  background:#e8f3fc!important;
  color:#1769aa!important;
}
ul.pagination .pagination-records,
ul.shiv-pagination .pagination-records,
.pagination.modal-1 .pagination-records,
.shiv-pagination .pagination-records{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
  height:64px!important;
  margin:0 0 0 13px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#28567f!important;
  font-size:14px!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
ul.pagination .pagination-records span,
ul.shiv-pagination .pagination-records span,
.pagination.modal-1 .pagination-records span,
.shiv-pagination .pagination-records span{
  display:block!important;
}
ul.pagination br,
ul.shiv-pagination br,
.pagination.modal-1 br{display:none!important;}

/* V111 — trustee pagination uses the same exact visual treatment. */
.sj-page-staff .sj-staff-pagination{
  list-style:none!important;
  width:100%!important;
  min-height:112px!important;
  margin:18px 0 0!important;
  padding:23px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:13px!important;
  background:#f8fbff!important;
  border-top:1px solid #d7e3ee!important;
  border-bottom:1px solid #d7e3ee!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
.sj-page-staff .sj-staff-pagination a,
.sj-page-staff .sj-staff-pagination span:not(.sj-staff-records){
  width:67px!important;
  min-width:67px!important;
  height:64px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  border:1px solid #d5e2ee!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#28567f!important;
  text-decoration:none!important;
  font-size:24px!important;
  font-weight:500!important;
  line-height:1!important;
  box-shadow:0 3px 8px rgba(25,60,95,.04)!important;
}
.sj-page-staff .sj-staff-pagination a:hover,
.sj-page-staff .sj-staff-pagination a.active{
  background:#0b8fe8!important;
  border-color:#0b8fe8!important;
  color:#fff!important;
}
.sj-page-staff .sj-staff-pagination a[href*="start="]:first-child{}
.sj-page-staff .sj-staff-pagination a:nth-last-child(1){ }
.sj-page-staff .sj-staff-pagination .sj-staff-records{
  width:auto!important;
  min-width:0!important;
  height:64px!important;
  margin:0 0 0 13px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#28567f!important;
  font-size:23px!important;
  font-weight:400!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  ul.pagination,ul.shiv-pagination,.pagination.modal-1,.shiv-pagination,
  .sj-page-staff .sj-staff-pagination{
    min-height:96px!important;
    padding:16px 10px!important;
    gap:7px!important;
    flex-wrap:wrap!important;
  }
  ul.pagination a,ul.shiv-pagination a,.pagination.modal-1 a,.shiv-pagination a,
  .sj-page-staff .sj-staff-pagination a,
  .sj-page-staff .sj-staff-pagination span:not(.sj-staff-records){
    width:52px!important;min-width:52px!important;height:52px!important;
    border-radius:13px!important;font-size:19px!important;
  }
  ul.pagination a.prev,ul.pagination a.next,ul.shiv-pagination a.prev,ul.shiv-pagination a.next{
    width:92px!important;min-width:92px!important;height:52px!important;font-size:19px!important;
  }
  ul.pagination .pagination-records,.pagination.modal-1 .pagination-records,
  .sj-page-staff .sj-staff-pagination .sj-staff-records{
    height:52px!important;margin-left:3px!important;font-size:14px!important;
  }
}


/* V115 — Pagination typography: exactly 14px everywhere.
   This final rule intentionally overrides older responsive pagination sizes. */
ul.pagination a,
ul.pagination span,
ul.shiv-pagination a,
ul.shiv-pagination span,
.pagination.modal-1 a,
.pagination.modal-1 span,
.shiv-pagination a,
.shiv-pagination span,
.sj-page-staff .sj-staff-pagination a,
.sj-page-staff .sj-staff-pagination span,
ul.pagination .pagination-records,
ul.shiv-pagination .pagination-records,
.pagination.modal-1 .pagination-records,
.shiv-pagination .pagination-records,
.sj-page-staff .sj-staff-pagination .sj-staff-records {
  font-size: 14px !important;
}


/* V116 — Downloads: compact, colourful college-style presentation */
body.sj-page-downloads .sj-content-card{
  padding:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}
body.sj-page-downloads .tm-article{margin:0!important}
body.sj-page-downloads .shiv-article-title{
  margin:0 0 14px!important;
  padding:12px 16px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#087fdb,#15a4e8)!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1.25!important;
  font-weight:600!important;
  box-shadow:0 6px 16px rgba(8,127,219,.14)!important;
}
body.sj-page-downloads .sj-download-table{
  border-collapse:separate!important;
  border-spacing:0 7px!important;
  width:100%!important;
  font-size:14px!important;
}
body.sj-page-downloads .sj-download-table thead th{
  padding:9px 10px!important;
  background:#eaf5ff!important;
  color:#174b78!important;
  border-top:1px solid #cfe2f3!important;
  border-bottom:1px solid #cfe2f3!important;
  font-size:13px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
body.sj-page-downloads .sj-download-table thead th:first-child{border-radius:9px 0 0 9px!important}
body.sj-page-downloads .sj-download-table thead th:last-child{border-radius:0 9px 9px 0!important}
body.sj-page-downloads .sj-download-table tbody tr{transition:transform .15s ease,box-shadow .15s ease!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+1) td{background:#fff8ed!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+2) td{background:#eef9ff!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+3) td{background:#effcf4!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+4) td{background:#f7f1ff!important}
body.sj-page-downloads .sj-download-table tbody td{
  padding:9px 10px!important;
  border-top:1px solid #dbe7f2!important;
  border-bottom:1px solid #dbe7f2!important;
  color:#254d72!important;
  vertical-align:middle!important;
  line-height:1.35!important;
}
body.sj-page-downloads .sj-download-table tbody tr td:first-child{
  border-left:4px solid #0b8fe8!important;
  border-radius:9px 0 0 9px!important;
  font-weight:600!important;
  color:#087fdb!important;
}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+1) td:first-child{border-left-color:#f59e0b!important;color:#d97706!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+2) td:first-child{border-left-color:#0b8fe8!important;color:#087fdb!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+3) td:first-child{border-left-color:#22c55e!important;color:#159447!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+4) td:first-child{border-left-color:#8b5cf6!important;color:#7044cc!important}
body.sj-page-downloads .sj-download-table tbody tr td:last-child{
  border-right:1px solid #dbe7f2!important;
  border-radius:0 9px 9px 0!important;
  text-align:center!important;
  width:105px!important;
}
body.sj-page-downloads .sj-download-table tbody tr:hover td{box-shadow:0 4px 12px rgba(28,72,112,.07)!important}
body.sj-page-downloads .sj-download-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:82px!important;
  padding:6px 10px!important;
  border-radius:7px!important;
  background:#087fdb!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  box-shadow:0 3px 8px rgba(8,127,219,.16)!important;
}
body.sj-page-downloads .sj-download-btn:hover{background:#056bb9!important;color:#fff!important}
body.sj-page-downloads .sj-download-btn i{font-size:13px!important}
body.sj-page-downloads .sj-download-table tfoot td{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.sj-page-downloads .sj-download-table tfoot .pagination{margin:10px 0 0!important}

@media(max-width:760px){
  body.sj-page-downloads .sj-content-card{padding:12px!important}
  body.sj-page-downloads .shiv-article-title{font-size:18px!important;padding:10px 12px!important}
  body.sj-page-downloads .sj-download-table{font-size:13px!important;border-spacing:0 5px!important}
  body.sj-page-downloads .sj-download-table thead{display:none!important}
  body.sj-page-downloads .sj-download-table tbody,
  body.sj-page-downloads .sj-download-table tr,
  body.sj-page-downloads .sj-download-table td{display:block!important;width:100%!important;box-sizing:border-box!important}
  body.sj-page-downloads .sj-download-table tbody tr{margin-bottom:7px!important;border-radius:9px!important;overflow:hidden!important}
  body.sj-page-downloads .sj-download-table tbody td{border:0!important;border-left:4px solid #0b8fe8!important;border-radius:0!important;padding:6px 10px!important}
  body.sj-page-downloads .sj-download-table tbody td:first-child{padding-top:9px!important}
  body.sj-page-downloads .sj-download-table tbody td:last-child{padding-bottom:9px!important;text-align:left!important}
}


/* V117 — Download Syllabus: restore a real compact table layout.
   The shared downloads mobile/card rule must not turn this six-column table
   into a two-column grid on desktop. */
body.sj-page-download-syllabus .sj-download-table{
  display:table!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0 6px!important;
  width:100%!important;
  font-size:14px!important;
}
body.sj-page-download-syllabus .sj-download-table thead{display:table-header-group!important}
body.sj-page-download-syllabus .sj-download-table tbody{display:table-row-group!important}
body.sj-page-download-syllabus .sj-download-table tfoot{display:table-footer-group!important}
body.sj-page-download-syllabus .sj-download-table tr{display:table-row!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important}
body.sj-page-download-syllabus .sj-download-table th,
body.sj-page-download-syllabus .sj-download-table td{display:table-cell!important;box-sizing:border-box!important}
body.sj-page-download-syllabus .sj-download-table thead th{
  padding:8px 10px!important;
  background:#eaf5ff!important;
  color:#174b78!important;
  border-top:1px solid #cfe2f3!important;
  border-bottom:1px solid #cfe2f3!important;
  font-size:13px!important;
  font-weight:600!important;
  text-align:left!important;
}
body.sj-page-download-syllabus .sj-download-table thead th:first-child{width:55px!important;text-align:center!important;border-radius:9px 0 0 9px!important}
body.sj-page-download-syllabus .sj-download-table thead th:nth-child(2){width:23%!important}
body.sj-page-download-syllabus .sj-download-table thead th:nth-child(3){width:13%!important}
body.sj-page-download-syllabus .sj-download-table thead th:nth-child(4){width:13%!important}
body.sj-page-download-syllabus .sj-download-table thead th:nth-child(5){width:auto!important}
body.sj-page-download-syllabus .sj-download-table thead th:last-child{width:100px!important;text-align:center!important;border-radius:0 9px 9px 0!important}
body.sj-page-download-syllabus .sj-download-table tbody td{
  padding:8px 10px!important;
  border-top:1px solid #dbe7f2!important;
  border-bottom:1px solid #dbe7f2!important;
  color:#254d72!important;
  vertical-align:middle!important;
  line-height:1.3!important;
  background:#fff!important;
}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+1) td{background:#fff8ed!important}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+2) td{background:#eef9ff!important}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+3) td{background:#effcf4!important}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+4) td{background:#f7f1ff!important}
body.sj-page-download-syllabus .sj-download-table tbody td:first-child{
  width:55px!important;text-align:center!important;font-weight:700!important;color:#087fdb!important;border-left:4px solid #0b8fe8!important;border-radius:9px 0 0 9px!important
}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+1) td:first-child{border-left-color:#f59e0b!important;color:#d97706!important}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+2) td:first-child{border-left-color:#0b8fe8!important;color:#087fdb!important}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+3) td:first-child{border-left-color:#22c55e!important;color:#159447!important}
body.sj-page-download-syllabus .sj-download-table tbody tr:nth-child(4n+4) td:first-child{border-left-color:#8b5cf6!important;color:#7044cc!important}
body.sj-page-download-syllabus .sj-download-table tbody td:last-child{width:100px!important;text-align:center!important;border-right:1px solid #dbe7f2!important;border-radius:0 9px 9px 0!important}
body.sj-page-download-syllabus .sj-download-table tfoot td{display:table-cell!important;padding:0!important;border:0!important;background:transparent!important}
body.sj-page-download-syllabus .sj-download-table tfoot .pagination{margin:10px 0 0!important}

@media(max-width:760px){
  body.sj-page-download-syllabus .sj-download-table{display:block!important;border-spacing:0!important}
  body.sj-page-download-syllabus .sj-download-table thead{display:none!important}
  body.sj-page-download-syllabus .sj-download-table tbody{display:block!important}
  body.sj-page-download-syllabus .sj-download-table tbody tr{display:block!important;margin-bottom:7px!important;border:1px solid #dbe7f2!important;border-radius:9px!important;overflow:hidden!important}
  body.sj-page-download-syllabus .sj-download-table tbody td{display:block!important;width:100%!important;border:0!important;border-left:4px solid #0b8fe8!important;border-radius:0!important;padding:6px 10px!important}
  body.sj-page-download-syllabus .sj-download-table tbody td:first-child{width:100%!important;text-align:left!important;padding-top:8px!important}
  body.sj-page-download-syllabus .sj-download-table tbody td:last-child{width:100%!important;text-align:left!important;padding-bottom:8px!important;border-right:0!important}
}


/* V118 — Complete Download page restructuring */
body.sj-page-downloads .sj-download-page-card{padding:18px!important;background:#fff!important;overflow:hidden!important}
body.sj-page-downloads .sj-download-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 14px!important;padding:16px 18px!important;border:1px solid #d6e6f4!important;border-radius:14px!important;background:linear-gradient(135deg,#f2f9ff 0%,#ffffff 58%,#f4fbff 100%)!important;box-shadow:0 6px 18px rgba(23,76,119,.06)!important}
body.sj-page-downloads .sj-download-kicker{display:block!important;margin-bottom:3px!important;color:#087fdb!important;font-size:11px!important;font-weight:700!important;letter-spacing:.7px!important}
body.sj-page-downloads .shiv-article-title{margin:0!important;padding:0!important;background:none!important;color:#173f66!important;font-size:22px!important;line-height:1.25!important;font-weight:700!important;box-shadow:none!important}
body.sj-page-downloads .sj-download-heading p{margin:4px 0 0!important;color:#647d93!important;font-size:13px!important;line-height:1.4!important}
body.sj-page-downloads .sj-download-icon{width:46px!important;height:46px!important;flex:0 0 46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:#0b8fe8!important;color:#fff!important;font-size:25px!important;font-weight:400!important;box-shadow:0 7px 15px rgba(11,143,232,.18)!important}
body.sj-page-downloads .sj-download-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 9px!important;padding:8px 11px!important;border:1px solid #dce9f3!important;border-radius:9px!important;background:#f7fbff!important;color:#5d7489!important;font-size:12px!important}
body.sj-page-downloads .sj-download-summary b{color:#087fdb!important;font-size:13px!important}
body.sj-page-downloads .sj-download-table-wrap{width:100%!important;overflow-x:auto!important}
body.sj-page-downloads .sj-download-table{width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0 5px!important;table-layout:fixed!important;font-size:14px!important}
body.sj-page-downloads .sj-download-table thead th{padding:8px 10px!important;background:#eaf5ff!important;border-top:1px solid #cfe2f3!important;border-bottom:1px solid #cfe2f3!important;color:#174b78!important;font-size:13px!important;font-weight:600!important;line-height:1.25!important;text-align:left!important;white-space:nowrap!important}
body.sj-page-downloads .sj-download-table thead th:first-child{border-left:1px solid #cfe2f3!important;border-radius:9px 0 0 9px!important}
body.sj-page-downloads .sj-download-table thead th:last-child{border-right:1px solid #cfe2f3!important;border-radius:0 9px 9px 0!important}
body.sj-page-downloads .sj-download-table tbody td{padding:8px 10px!important;border-top:1px solid #dbe7f2!important;border-bottom:1px solid #dbe7f2!important;color:#244b70!important;vertical-align:middle!important;line-height:1.35!important;background:#fff!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+1) td{background:#fff8ed!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+2) td{background:#eef9ff!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+3) td{background:#effcf4!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+4) td{background:#f7f1ff!important}
body.sj-page-downloads .sj-download-table tbody td:first-child{border-left:4px solid #0b8fe8!important;border-radius:9px 0 0 9px!important;font-weight:700!important;color:#087fdb!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+1) td:first-child{border-left-color:#f59e0b!important;color:#d97706!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+2) td:first-child{border-left-color:#0b8fe8!important;color:#087fdb!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+3) td:first-child{border-left-color:#22c55e!important;color:#159447!important}
body.sj-page-downloads .sj-download-table tbody tr:nth-child(4n+4) td:first-child{border-left-color:#8b5cf6!important;color:#7044cc!important}
body.sj-page-downloads .sj-download-table tbody td:last-child{border-right:1px solid #dbe7f2!important;border-radius:0 9px 9px 0!important}
body.sj-page-downloads .sj-download-general th:first-child,body.sj-page-downloads .sj-download-general td:first-child{width:55px!important;text-align:center!important}
body.sj-page-downloads .sj-download-general th:nth-child(2){width:105px!important}
body.sj-page-downloads .sj-download-general th:last-child,body.sj-page-downloads .sj-download-general td:last-child{width:105px!important;text-align:center!important}
body.sj-page-downloads .sj-download-syllabus th:first-child,body.sj-page-downloads .sj-download-syllabus td:first-child{width:55px!important;text-align:center!important}
body.sj-page-downloads .sj-download-syllabus th:nth-child(2){width:21%!important}
body.sj-page-downloads .sj-download-syllabus th:nth-child(3){width:10%!important}
body.sj-page-downloads .sj-download-syllabus th:nth-child(4){width:13%!important}
body.sj-page-downloads .sj-download-syllabus th:last-child,body.sj-page-downloads .sj-download-syllabus td:last-child{width:105px!important;text-align:center!important}
body.sj-page-downloads .sj-download-course{font-weight:600!important;color:#214f79!important}
body.sj-page-downloads .sj-download-file-head{text-align:center!important}
body.sj-page-downloads .sj-download-file{text-align:center!important}
body.sj-page-downloads .sj-download-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:72px!important;padding:5px 9px!important;border-radius:7px!important;background:#087fdb!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;box-shadow:0 3px 8px rgba(8,127,219,.15)!important}
body.sj-page-downloads .sj-download-btn:hover{background:#056bb9!important;color:#fff!important}
body.sj-page-downloads .sj-download-btn i{font-size:12px!important}
body.sj-page-downloads .sj-download-missing{font-size:11px!important;color:#a66b00!important}
body.sj-page-downloads .sj-download-pagination{margin-top:10px!important;padding:10px 0!important;border-top:1px solid #dbe7f2!important}
body.sj-page-downloads .sj-download-pagination ul.pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0!important;padding:0!important;min-height:0!important;list-style:none!important}
body.sj-page-downloads .sj-download-pagination ul.pagination li{margin:0!important;padding:0!important;list-style:none!important}
body.sj-page-downloads .sj-download-pagination ul.pagination br{display:none!important}
body.sj-page-downloads .sj-download-pagination ul.pagination a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:38px!important;height:34px!important;padding:0 10px!important;border:1px solid #d3e3ef!important;border-radius:8px!important;background:#fff!important;color:#28567f!important;font-size:14px!important;font-weight:400!important;text-decoration:none!important;box-shadow:none!important}
body.sj-page-downloads .sj-download-pagination ul.pagination a.prev,body.sj-page-downloads .sj-download-pagination ul.pagination a.next{min-width:62px!important;background:#f2f8fd!important}
body.sj-page-downloads .sj-download-pagination ul.pagination a.active{background:#0b8fe8!important;border-color:#0b8fe8!important;color:#fff!important;box-shadow:0 4px 10px rgba(11,143,232,.18)!important}
body.sj-page-downloads .sj-download-pagination ul.pagination .pagination-records{height:34px!important;margin-left:6px!important;padding:0!important;display:flex!important;align-items:center!important;background:transparent!important;border:0!important;color:#28567f!important;font-size:14px!important;font-weight:400!important;white-space:nowrap!important}
@media(max-width:760px){
 body.sj-page-downloads .sj-download-page-card{padding:12px!important}
 body.sj-page-downloads .sj-download-heading{padding:12px!important;gap:10px!important}
 body.sj-page-downloads .shiv-article-title{font-size:19px!important}
 body.sj-page-downloads .sj-download-heading p{font-size:12px!important}
 body.sj-page-downloads .sj-download-icon{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:21px!important}
 body.sj-page-downloads .sj-download-summary{font-size:11px!important}
 body.sj-page-downloads .sj-download-table{font-size:13px!important}
 body.sj-page-downloads .sj-download-table thead{display:none!important}
 body.sj-page-downloads .sj-download-table tbody tr{display:block!important;margin-bottom:6px!important;border:1px solid #dbe7f2!important;border-radius:9px!important;overflow:hidden!important}
 body.sj-page-downloads .sj-download-table tbody td{display:block!important;width:100%!important;border:0!important;border-left:4px solid #0b8fe8!important;border-radius:0!important;padding:6px 10px!important}
 body.sj-page-downloads .sj-download-table tbody td:first-child{width:100%!important;text-align:left!important}
 body.sj-page-downloads .sj-download-table tbody td:last-child{width:100%!important;text-align:left!important;border-right:0!important}
 body.sj-page-downloads .sj-download-pagination ul.pagination{gap:5px!important;flex-wrap:wrap!important}
 body.sj-page-downloads .sj-download-pagination ul.pagination a{min-width:34px!important;height:30px!important;padding:0 8px!important;font-size:14px!important}
 body.sj-page-downloads .sj-download-pagination ul.pagination a.prev,body.sj-page-downloads .sj-download-pagination ul.pagination a.next{min-width:55px!important}
 body.sj-page-downloads .sj-download-pagination ul.pagination .pagination-records{height:30px!important;margin-left:2px!important;font-size:14px!important}
}

/* V119 — completely restructured News page: compact colourful cards + small pagination */
body.sj-page-news .sj-news-layout{grid-template-columns:minmax(0,1fr) 350px!important;gap:20px!important}
body.sj-page-news .sj-news-card{padding:20px!important}
.sj-news-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:16px;border:1px solid #dce8f3;border-radius:14px;background:linear-gradient(135deg,#eef8ff,#fff8ed)}
.sj-news-kicker{display:inline-block;font-size:11px;line-height:1;font-weight:800;letter-spacing:.9px;color:#087bc9;margin-bottom:5px}
.sj-news-heading h2{margin:0!important;color:#123e73!important;font-size:24px!important;line-height:1.2!important}
.sj-news-heading p{margin:5px 0 0!important;font-size:13px!important;line-height:1.5!important;color:#607891!important}
.sj-news-count{flex:0 0 auto;padding:7px 11px;border-radius:20px;background:#fff;border:1px solid #d5e5f2;color:#087bc9;font-size:12px;font-weight:700}
.sj-news-list{display:flex;flex-direction:column;gap:12px}
.sj-news-item{display:grid;grid-template-columns:52px 150px minmax(0,1fr);gap:14px;align-items:start;padding:13px;border:1px solid #dce7f1;border-left:4px solid #168ee5;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(24,57,90,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.sj-news-item:nth-child(4n+2){border-left-color:#f39a19;background:linear-gradient(90deg,#fffaf2,#fff)}
.sj-news-item:nth-child(4n+3){border-left-color:#18aa69;background:linear-gradient(90deg,#f2fff9,#fff)}
.sj-news-item:nth-child(4n+4){border-left-color:#7956df;background:linear-gradient(90deg,#f7f4ff,#fff)}
.sj-news-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,57,90,.09)}
.sj-news-datebox{width:52px;min-height:62px;border-radius:10px;background:#eef7ff;border:1px solid #d5e6f5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#087bc9;line-height:1.05}
.sj-news-item:nth-child(4n+2) .sj-news-datebox{background:#fff2dc;color:#d87b00;border-color:#f7dfb8}
.sj-news-item:nth-child(4n+3) .sj-news-datebox{background:#e8fbf2;color:#168d59;border-color:#cbeedc}
.sj-news-item:nth-child(4n+4) .sj-news-datebox{background:#eee9ff;color:#6746ca;border-color:#ddd4ff}
.sj-news-datebox strong{font-size:19px;font-weight:800}.sj-news-datebox span{font-size:10px;font-weight:800;text-transform:uppercase;margin-top:3px}.sj-news-datebox small{font-size:9px;margin-top:4px;color:inherit;opacity:.8}
.sj-news-thumb{height:112px;border-radius:10px;overflow:hidden;border:1px solid #dce7f1;background:#f1f6fa;display:block;text-decoration:none}.sj-news-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.sj-news-thumb:hover img{transform:scale(1.035)}
.sj-news-thumb-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf7ff,#f9f1ff);color:#6b88a5;font-size:11px;font-weight:800;letter-spacing:1px}
.sj-news-body{min-width:0;padding:1px 3px}.sj-news-meta{font-size:11px!important;color:#7a8da1!important;text-transform:uppercase;letter-spacing:.25px}.sj-news-meta span{color:#1599e5;padding:0 4px}
.sj-news-body h3{margin:4px 0 5px!important;font-size:17px!important;line-height:1.35!important;color:#123e73!important;font-weight:800!important}.sj-news-excerpt{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#4e6780!important}
.sj-news-toggle{border:0;background:transparent;padding:5px 0 0;color:#087bc9;font-size:12px;font-weight:800;cursor:pointer}.sj-news-toggle span{display:inline-block;font-size:16px;line-height:0;vertical-align:-1px;margin-left:3px}.sj-news-toggle.is-open{color:#6b4bd1}
.sj-news-full{margin-top:9px;padding:10px 11px;border-radius:9px;background:#f7fbff;border:1px solid #dce9f4;color:#405b75;font-size:13px;line-height:1.7}
.sj-news-pagination{margin-top:14px;border-top:1px solid #dce7f1;padding-top:12px}
body.sj-page-news .sj-news-pagination ul.pagination,body.sj-page-news .sj-news-pagination ul.shiv-pagination,body.sj-page-news .sj-news-pagination .pagination.modal-1{min-height:0!important;margin:0!important;padding:8px!important;gap:6px!important;border:1px solid #dce7f1!important;border-radius:11px!important;background:#f8fbff!important;flex-wrap:wrap!important}
body.sj-page-news .sj-news-pagination ul.pagination a,body.sj-page-news .sj-news-pagination ul.shiv-pagination a,body.sj-page-news .sj-news-pagination .pagination.modal-1 a{width:34px!important;min-width:34px!important;height:34px!important;padding:0 8px!important;border-radius:8px!important;font-size:14px!important;font-weight:500!important}
body.sj-page-news .sj-news-pagination ul.pagination a.prev,body.sj-page-news .sj-news-pagination ul.pagination a.next,body.sj-page-news .sj-news-pagination ul.shiv-pagination a.prev,body.sj-page-news .sj-news-pagination ul.shiv-pagination a.next,body.sj-page-news .sj-news-pagination .pagination.modal-1 a.prev,body.sj-page-news .sj-news-pagination .pagination.modal-1 a.next{width:72px!important;min-width:72px!important;height:34px!important;font-size:14px!important}
body.sj-page-news .sj-news-pagination .pagination-records{font-size:14px!important;margin:0 5px!important;color:#526b86!important;font-weight:500!important}
.sj-news-empty{text-align:center;padding:48px 20px;border:1px dashed #cbdceb;border-radius:13px;background:#f8fbff;color:#6c8299}.sj-news-empty-icon{width:48px;height:48px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:#168ee5;color:#fff;font-weight:800}.sj-news-empty h3{margin:0 0 4px!important;color:#123e73!important;font-size:18px!important}.sj-news-empty p{margin:0!important;font-size:13px!important}
@media(max-width:1000px){body.sj-page-news .sj-news-layout{grid-template-columns:1fr!important}}
@media(max-width:700px){.sj-news-item{grid-template-columns:46px 105px minmax(0,1fr);gap:9px;padding:10px}.sj-news-datebox{width:46px;min-height:56px}.sj-news-datebox strong{font-size:17px}.sj-news-thumb{height:95px}.sj-news-heading{align-items:flex-start;flex-direction:column}.sj-news-heading h2{font-size:21px!important}.sj-news-count{align-self:flex-start}.sj-news-body h3{font-size:15px!important}.sj-news-excerpt{font-size:12px!important}.sj-news-full{font-size:12px!important}}
@media(max-width:520px){.sj-news-item{grid-template-columns:42px minmax(0,1fr)}.sj-news-thumb{grid-column:2;height:120px;grid-row:1}.sj-news-datebox{grid-column:1;grid-row:1;width:42px}.sj-news-body{grid-column:1/-1}.sj-news-pagination ul.pagination a,.sj-news-pagination ul.shiv-pagination a,.sj-news-pagination .pagination.modal-1 a{width:32px!important;min-width:32px!important;height:32px!important;font-size:14px!important}.sj-news-pagination ul.pagination a.prev,.sj-news-pagination ul.pagination a.next,.sj-news-pagination ul.shiv-pagination a.prev,.sj-news-pagination ul.shiv-pagination a.next{width:64px!important;min-width:64px!important}}


/* =========================================================
   V133 — COMPACT TITLE + BREADCRUMB
   Approved layout:
   - compact title bar
   - title on left
   - breadcrumb on right
   - one bar across the complete content area
   - main content + sidebar directly below
   - existing page content sizes are untouched
   ========================================================= */

.sj-page-hero{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:60px !important;
  margin:0 0 10px !important;
  padding:0 !important;
  overflow:hidden !important;
}

.sj-page-hero > .sj-banner{
  width:100% !important;
  height:60px !important;
  min-height:60px !important;
  margin:0 !important;
  padding:0 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border-radius:0 0 8px 8px !important;
}

.sj-page-hero > .sj-banner h1{
  margin:0 !important;
  padding-left:13px !important;
  border-left:3px solid #ffd04a !important;
  font-size:22px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
}

.sj-page-hero > .sj-breadcrumb-wrap{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:auto !important;
  height:60px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  z-index:5 !important;
}

.sj-page-hero > .sj-breadcrumb-wrap > .sj-breadcrumb{
  width:auto !important;
  height:60px !important;
  min-height:60px !important;
  margin:0 !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

.sj-page-hero > .sj-breadcrumb-wrap .sj-breadcrumb a,
.sj-page-hero > .sj-breadcrumb-wrap .sj-breadcrumb span{
  color:#fff !important;
}

.sj-page-main{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Prevent older header spacing from creating a second gap. */
.sj-page-hero + .sj-page-main{
  margin-top:0 !important;
}

@media(max-width:700px){
  .sj-page-hero{
    min-height:78px !important;
    margin-bottom:8px !important;
  }
  .sj-page-hero > .sj-banner{
    height:50px !important;
    min-height:50px !important;
    padding:0 14px !important;
  }
  .sj-page-hero > .sj-banner h1{
    font-size:19px !important;
    padding-left:10px !important;
  }
  .sj-page-hero > .sj-breadcrumb-wrap{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    height:28px !important;
    background:#fff !important;
    border-bottom:1px solid #dce6f0 !important;
  }
  .sj-page-hero > .sj-breadcrumb-wrap > .sj-breadcrumb{
    height:28px !important;
    min-height:28px !important;
    padding:0 10px !important;
    justify-content:flex-start !important;
    color:#55779b !important;
    font-size:11px !important;
    overflow:hidden !important;
  }
  .sj-page-hero > .sj-breadcrumb-wrap .sj-breadcrumb a,
  .sj-page-hero > .sj-breadcrumb-wrap .sj-breadcrumb span{
    color:#55779b !important;
  }
}


/* ============================================================
   V134 - Compact title + breadcrumb aligned to page container
   ============================================================ */
.sj-page-hero{
    width:100%;
    max-width:1200px;
    margin:0 auto 10px auto;
    box-sizing:border-box;
    min-height:60px;
    padding:10px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-radius:10px;
    overflow:hidden;
}

.sj-page-hero .sj-page-title{
    margin:0;
    flex:1 1 auto;
    min-width:0;
}

.sj-page-hero .sj-breadcrumb,
.sj-page-hero nav[aria-label="breadcrumb"]{
    flex:0 0 auto;
    margin-left:auto;
}

/* If the site uses a narrower bootstrap-style container, follow it exactly. */
.container > .sj-page-hero,
.container-fluid > .sj-page-hero{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
}

/* Keep the existing main content/sidebar sizing unchanged. */
.sj-page-content,
.sj-main-content,
.sj-content-wrap,
.sj-content-area,
.sj-sidebar,
.sj-page-sidebar{
    box-sizing:border-box;
}

/* Responsive: title and breadcrumb may stack only on very small screens. */
@media (max-width:767px){
    .sj-page-hero{
        min-height:54px;
        padding:9px 13px;
        gap:8px;
    }
    .sj-page-hero .sj-breadcrumb,
    .sj-page-hero nav[aria-label="breadcrumb"]{
        white-space:nowrap;
    }
}


/* ============================================================
   V135 - Center the complete page container
   ============================================================ */
.sj-page-hero{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Ensure the page content wrapper itself is centered as a unit. */
.sj-page-hero + .container,
.sj-page-hero + .container-fluid{
    margin-left:auto;
    margin-right:auto;
}

/* Standard Bootstrap/container layouts stay centered. */
@media (min-width:1200px){
    .sj-page-hero{
        max-width:1200px;
    }
}


/* ============================================================
   V136 - Title/breadcrumb aligned exactly with .sj-content-grid
   ============================================================ */
.sj-page-hero{
    width:min(1440px,calc(100% - 120px)) !important;
    max-width:none !important;
    margin:0 auto 10px auto !important;
    box-sizing:border-box;
}


/* ============================================================
   V137 - Exact HTML structure for title bar + content container
   ============================================================
   The hero and .sj-content-grid are now children of the same
   .sj-page-frame. The frame owns the exact horizontal width.
   ============================================================ */

.sj-page-frame{
    width:min(1440px,calc(100% - 120px));
    margin:0 auto;
    box-sizing:border-box;
}

.sj-page-frame > .sj-page-hero{
    width:100% !important;
    max-width:none !important;
    margin:0 0 10px 0 !important;
    box-sizing:border-box;
}

.sj-page-frame > .sj-page-main{
    width:100% !important;
    margin:0 !important;
    padding-top:0 !important;
    box-sizing:border-box;
}

.sj-page-frame .sj-content-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box;
}

/* Preserve the existing two-column content/sidebar proportions. */
.sj-page-frame .sj-content-grid{
    grid-template-columns:minmax(0,1fr) 310px;
    gap:28px;
}

/* The compact title/breadcrumb remains one bar. */
.sj-page-frame .sj-page-hero{
    min-height:60px;
}

/* On smaller screens, keep the same common container and let the
   existing responsive grid rules control the columns. */
@media(max-width:1000px){
    .sj-page-frame{
        width:min(100% - 48px,900px);
    }
    .sj-page-frame .sj-content-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:600px){
    .sj-page-frame{
        width:calc(100% - 22px);
    }
    .sj-page-frame .sj-content-grid{
        grid-template-columns:1fr !important;
    }
}


/* ============================================================
   V138 - Exact same width for NAVIGATION + TITLE BAR + CONTENT
   ============================================================ */

:root{
    --sj-layout-width:min(1440px,calc(100% - 120px));
}

/* The title/content frame */
.sj-page-frame{
    width:var(--sj-layout-width) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

.sj-page-frame > .sj-page-hero{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box;
}

.sj-page-frame .sj-content-grid{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box;
}

/* Navigation background can remain full-width; its inner menu boundary
   is exactly the same width as the title/content frame. */
.navbar .container,
.navbar-inner,
.nav-inner,
.nav-wrap .container,
.main-nav .container,
.main-navigation .container,
.navigation .container{
    width:var(--sj-layout-width) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

.navbar .nav-menu,
.navbar .menu,
.nav-inner .nav-menu,
.nav-inner .menu{
    width:100%;
    box-sizing:border-box;
}

@media (max-width:1000px){
    :root{ --sj-layout-width:calc(100% - 48px); }

    .sj-page-frame,
    .navbar .container,
    .navbar-inner,
    .nav-inner,
    .nav-wrap .container,
    .main-nav .container,
    .main-navigation .container,
    .navigation .container{
        width:var(--sj-layout-width) !important;
    }
}

@media (max-width:600px){
    :root{ --sj-layout-width:calc(100% - 22px); }
}


/* ============================================================
   V140 - SINGLE UNIFIED TITLE + BREADCRUMB STYLE
   ============================================================
   ONE CSS rule controls every page.
   No page-specific title classes or colors are required.
   ============================================================ */

.sj-page-frame{
    width:var(--sj-layout-width,min(1440px,calc(100% - 120px))) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

.sj-page-frame > .sj-page-hero{
    width:100% !important;
    max-width:none !important;
    min-height:60px;
    margin:0 0 10px 0 !important;
    padding:10px 20px 10px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(110deg,#1677c8,#8ec9e9);
    box-shadow:0 5px 16px rgba(25,55,90,.10);
}

.sj-page-frame > .sj-page-hero::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#ffd23f;
}

.sj-page-frame > .sj-page-hero::after{
    content:"";
    position:absolute;
    width:280px;
    height:190px;
    right:7%;
    top:-105px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    pointer-events:none;
}

.sj-page-frame > .sj-page-hero .sj-page-title{
    position:relative;
    z-index:1;
    flex:1 1 auto;
    min-width:0;
    margin:0;
    color:#fff;
}

.sj-page-frame > .sj-page-hero .sj-page-title::after{
    content:"";
    display:block;
    width:96px;
    height:4px;
    margin-top:8px;
    border-radius:99px;
    background:#ffd23f;
}

.sj-page-frame > .sj-page-hero .sj-breadcrumb,
.sj-page-frame > .sj-page-hero nav[aria-label="breadcrumb"]{
    position:relative;
    z-index:1;
    flex:0 0 auto;
    margin-left:auto;
    color:rgba(255,255,255,.96);
}

.sj-page-frame > .sj-page-hero .sj-breadcrumb a,
.sj-page-frame > .sj-page-hero nav[aria-label="breadcrumb"] a{
    color:#fff;
}

.sj-page-frame .sj-content-grid{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box;
}

@media(max-width:1000px){
    .sj-page-frame{
        width:calc(100% - 48px) !important;
    }
}

@media(max-width:767px){
    .sj-page-frame > .sj-page-hero{
        min-height:56px;
        padding:9px 14px 9px 17px;
        gap:10px;
    }

    .sj-page-frame > .sj-page-hero .sj-page-title::after{
        width:72px;
        margin-top:6px;
    }
}

@media(max-width:600px){
    .sj-page-frame{
        width:calc(100% - 22px) !important;
    }
}


/* ============================================================
   V141 - ONE CENTRALIZED TITLE/BREADCRUMB DESIGN FOR ALL PAGES
   ============================================================
   The navigation, title/breadcrumb bar and content container use
   one centered layout width. Every page uses the same hero CSS.
   ============================================================ */

:root{
    --sj-layout-width:min(1440px,calc(100% - 120px));
}

/* One exact centered container for title + content. */
.sj-page-frame{
    width:var(--sj-layout-width) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

/* EXACT SAME WIDTH as the page frame — no independent hero width. */
.sj-page-frame > .sj-page-hero{
    width:100% !important;
    max-width:none !important;
    min-height:60px;
    margin:0 0 10px 0 !important;
    padding:10px 20px 10px 22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(110deg,#1677c8,#8ec9e9);
    box-shadow:0 5px 16px rgba(25,55,90,.10);
}

.sj-page-frame > .sj-page-hero::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#ffd23f;
}

.sj-page-frame > .sj-page-hero::after{
    content:"";
    position:absolute;
    width:280px;
    height:190px;
    right:7%;
    top:-105px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    pointer-events:none;
}

.sj-page-frame > .sj-page-hero .sj-page-title{
    position:relative;
    z-index:1;
    flex:1 1 auto;
    min-width:0;
    margin:0;
    color:#fff;
}

.sj-page-frame > .sj-page-hero .sj-page-title::after{
    content:"";
    display:block;
    width:96px;
    height:4px;
    margin-top:8px;
    border-radius:99px;
    background:#ffd23f;
}

.sj-page-frame > .sj-page-hero .sj-breadcrumb,
.sj-page-frame > .sj-page-hero nav[aria-label="breadcrumb"]{
    position:relative;
    z-index:1;
    flex:0 0 auto;
    margin-left:auto;
    color:rgba(255,255,255,.96);
}

.sj-page-frame > .sj-page-hero .sj-breadcrumb a,
.sj-page-frame > .sj-page-hero nav[aria-label="breadcrumb"] a{
    color:#fff;
}

/* Content grid fills the exact same page frame. */
.sj-page-frame .sj-content-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box;
}

/* Navigation's inner container uses the same centralized width.
   The navigation background itself remains full-width. */
.topbar .container,
.navbar .container,
.main-nav .container,
.main-navigation .container,
.navigation .container,
.nav-inner,
.navbar-inner{
    width:var(--sj-layout-width) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

/* Keep the menu itself inside that centered navigation container. */
.navbar .nav-menu,
.navbar .menu,
.nav-inner .nav-menu,
.nav-inner .menu{
    width:100%;
    box-sizing:border-box;
}

@media(max-width:1000px){
    :root{--sj-layout-width:calc(100% - 48px);}
}

@media(max-width:600px){
    :root{--sj-layout-width:calc(100% - 22px);}
}

@media(max-width:767px){
    .sj-page-frame > .sj-page-hero{
        min-height:56px;
        padding:9px 14px 9px 17px;
        gap:10px;
    }
    .sj-page-frame > .sj-page-hero .sj-page-title::after{
        width:72px;
        margin-top:6px;
    }
}


/* ============================================================
   V142 - EVENT GALLERY TITLE BAR: ONE EXACT COMMON DESIGN
   ============================================================
   The Event Gallery title/breadcrumb presentation is the canonical
   title system for every public internal page.
   ============================================================ */

.sj-page-frame{
    width:min(1440px,calc(100% - 120px)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

.sj-page-frame > .sj-gallery-hero{
    position:relative !important;
    overflow:hidden !important;
    width:100% !important;
    height:98px !important;
    min-height:98px !important;
    margin:28px 0 0 !important;
    padding:0 34px !important;
    border-radius:18px !important;
    background:linear-gradient(120deg,#123f78,#1c73c9 58%,#5c6fd8) !important;
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    color:#fff !important;
    box-shadow:0 10px 28px rgba(20,66,115,.13) !important;
    box-sizing:border-box !important;
}

.sj-page-frame > .sj-gallery-hero:after{
    content:'◉';
    position:absolute;
    right:42px;
    top:-35px;
    font-size:145px;
    opacity:.08;
    line-height:1;
    pointer-events:none;
}

.sj-page-frame > .sj-gallery-hero .sj-gallery-hero-icon{
    position:relative;
    z-index:1;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:2px solid rgba(255,255,255,.92);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    font-weight:700;
}

.sj-page-frame > .sj-gallery-hero .sj-gallery-hero-title{
    position:relative;
    z-index:1;
    flex:0 0 auto;
}

.sj-page-frame > .sj-gallery-hero h1{
    margin:0;
    font-size:30px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.35px;
    white-space:nowrap;
    color:#fff;
}

.sj-page-frame > .sj-gallery-hero .sj-gallery-hero-divider{
    position:relative;
    z-index:1;
    width:1px;
    height:38px;
    background:rgba(255,255,255,.55);
    flex:0 0 1px;
}

.sj-page-frame > .sj-gallery-hero p{
    position:relative;
    z-index:1;
    margin:0;
    max-width:760px;
    color:rgba(255,255,255,.92);
    font-size:14px;
    line-height:1.5;
}

.sj-page-frame > .sj-breadcrumb-wrap{
    width:100% !important;
    max-width:none !important;
    margin:20px 0 20px !important;
    box-sizing:border-box;
}

.sj-page-frame > .sj-breadcrumb-wrap .sj-breadcrumb{
    width:100%;
    box-sizing:border-box;
}

.sj-page-frame > .sj-page-main{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.sj-page-frame .sj-content-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box;
}

@media(max-width:1000px){
    .sj-page-frame{width:calc(100% - 48px) !important;}
}

@media(max-width:767px){
    .sj-page-frame > .sj-gallery-hero{
        height:auto !important;
        min-height:82px !important;
        margin-top:18px !important;
        padding:15px 20px !important;
        align-items:flex-start !important;
        flex-wrap:wrap !important;
        gap:9px !important;
    }
    .sj-page-frame > .sj-gallery-hero .sj-gallery-hero-icon{
        width:31px;height:31px;flex-basis:31px;font-size:19px;
    }
    .sj-page-frame > .sj-gallery-hero h1{font-size:24px;}
    .sj-page-frame > .sj-gallery-hero .sj-gallery-hero-divider{height:30px;}
    .sj-page-frame > .sj-gallery-hero p{
        flex-basis:100%;font-size:12.5px;line-height:1.45;
    }
}

@media(max-width:600px){
    .sj-page-frame{width:calc(100% - 22px) !important;}
    .sj-page-frame > .sj-breadcrumb-wrap{
        margin-top:12px !important;margin-bottom:12px !important;
    }
}


/* ============================================================
   V143 - NAVIGATION EXPANDED TO EXACT TITLE-BAR WIDTH
   ============================================================ */

/* The title bar/content frame is the master horizontal boundary. */
:root{
    --sj-layout-width:min(1440px,calc(100% - 120px));
}

/* Navigation background stays full-width. Its inner content/menu now
   reaches exactly the same left and right edges as the title bar. */
.navwrap > .container.nav,
.navwrap .container.nav,
.navwrap > .container,
.navwrap .container{
    width:var(--sj-layout-width) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box;
}

/* Keep brand/menu inside the expanded navigation container. */
.navwrap .container.nav > *,
.navwrap .container > *{
    box-sizing:border-box;
}

/* Match the title/content frame exactly at all desktop widths. */
@media (min-width:1001px){
    .navwrap > .container.nav,
    .navwrap .container.nav,
    .navwrap > .container,
    .navwrap .container{
        width:min(1440px,calc(100% - 120px)) !important;
    }
}

/* Same horizontal boundary on smaller screens. */
@media (max-width:1000px){
    .navwrap > .container.nav,
    .navwrap .container.nav,
    .navwrap > .container,
    .navwrap .container{
        width:calc(100% - 48px) !important;
    }
}

@media (max-width:600px){
    .navwrap > .container.nav,
    .navwrap .container.nav,
    .navwrap > .container,
    .navwrap .container{
        width:calc(100% - 22px) !important;
    }
}


/* ============================================================
   V144 - BREADCRUMB INSIDE TITLE BAR, TOP-RIGHT
   ============================================================
   One centralized design for every standardized page.
   ============================================================ */

.sj-page-frame > .sj-gallery-hero{
    position:relative !important;
}

.sj-page-frame > .sj-gallery-hero > .sj-breadcrumb{
    position:absolute !important;
    top:18px !important;
    right:28px !important;
    z-index:5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    width:auto !important;
    max-width:55% !important;
    color:rgba(255,255,255,.95) !important;
    font-size:14px !important;
    line-height:1.4 !important;
}

.sj-page-frame > .sj-gallery-hero > .sj-breadcrumb a,
.sj-page-frame > .sj-gallery-hero > .sj-breadcrumb span{
    color:rgba(255,255,255,.96) !important;
    text-decoration:none !important;
    white-space:nowrap;
}

.sj-page-frame > .sj-gallery-hero > .sj-breadcrumb .sj-bc-sep{
    opacity:.70;
    padding:0 1px;
}

.sj-page-frame > .sj-gallery-hero > .sj-breadcrumb a:hover{
    color:#fff !important;
    text-decoration:underline !important;
}

@media(max-width:767px){
    .sj-page-frame > .sj-gallery-hero > .sj-breadcrumb{
        position:static !important;
        width:100% !important;
        max-width:100% !important;
        flex-basis:100% !important;
        justify-content:flex-start !important;
        margin-top:2px !important;
        font-size:12px !important;
        overflow-x:auto;
    }
}


/* ============================================================
   V145 - 10px SPACE AFTER TITLE BAR
   ============================================================ */

.sj-page-frame > .sj-gallery-hero{
    margin-bottom:10px !important;
}


/* ============================================================
   V146 - INCREASE HOMEPAGE CONTAINER SIZE
   ============================================================
   Internal pages retain their existing container width.
   Homepage gets a wider centered content area.
   ============================================================ */

/* Homepage-only wider container. */
body.sj-home-page .sj-page-frame,
body.sj-homepage .sj-page-frame,
body.home-page .sj-page-frame{
    width:min(1520px,calc(100% - 64px)) !important;
}

/* If homepage content uses the grid directly, widen that grid too. */
body.sj-home-page .sj-content-grid,
body.sj-homepage .sj-content-grid,
body.home-page .sj-content-grid{
    width:100% !important;
    max-width:none !important;
}

/* Homepage navigation can match the wider homepage boundary. */
body.sj-home-page ~ * .navwrap .container,
body.sj-homepage ~ * .navwrap .container{
    width:min(1520px,calc(100% - 64px)) !important;
}

@media(max-width:1000px){
    body.sj-home-page .sj-page-frame,
    body.sj-homepage .sj-page-frame,
    body.home-page .sj-page-frame{
        width:calc(100% - 40px) !important;
    }
}

@media(max-width:600px){
    body.sj-home-page .sj-page-frame,
    body.sj-homepage .sj-page-frame,
    body.home-page .sj-page-frame{
        width:calc(100% - 20px) !important;
    }
}


/* V148 — Homepage main content uses exactly the same master width as internal pages. */
body.sj-home-page .sj-home-frame > main.container{
    width:min(1440px,calc(100% - 120px)) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}
@media(max-width:1000px){
    body.sj-home-page .sj-home-frame > main.container{
        width:calc(100% - 48px) !important;
    }
}
@media(max-width:600px){
    body.sj-home-page .sj-home-frame > main.container{
        width:calc(100% - 22px) !important;
    }
}


/* V149 — Vision & Mission uses the same shared internal-page structure. */
body.sj-page-vision-mission .sj-vision-content {
    line-height: 1.75;
    color: #234b75;
}
body.sj-page-vision-mission .sj-vision-content ol {
    padding-left: 24px;
    margin: 10px 0 22px;
}


/* V151 — Strength uses the same canonical internal-page structure. */
body.sj-page-course-strength .sj-strength-content-card {
    overflow:hidden;
}
body.sj-page-course-strength .sj-strength-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}
body.sj-page-course-strength .sj-strength-heading h2 {
    margin:0;
}
body.sj-page-course-strength .sj-strength-heading p {
    margin:5px 0 0;
}
body.sj-page-course-strength .sj-table-wrap {
    width:100%;
    overflow-x:auto;
}
body.sj-page-course-strength .tsc_table_s15 {
    width:100%;
}


/* V152 — Staff directory uses the canonical shared internal-page structure. */
body.sj-page-staff .sj-staff-page-card {
    min-width: 0;
}


/* V155 — SSR page structure rebuilt cleanly; sub-navigation restored. */
body.sj-page-ssr-documents .sj-iqac-subnav {
    width:100%;
    box-sizing:border-box;
}
body.sj-page-ssr-documents .sj-content-card {
    min-width:0;
    overflow:hidden;
}


/* V156 — Student List uses the canonical shared internal-page structure. */
body.sj-page-studentlist .sj-studentlist-content-card {
    min-width:0;
    overflow:hidden;
}
body.sj-page-studentlist .sj-studentlist-content-card table {
    width:100%;
    max-width:100%;
}
body.sj-page-studentlist .sj-studentlist-content-card img {
    max-width:100%;
    height:auto;
}


/* V157 — Student List structure corrected; no nested page wrappers. */
body.sj-page-studentlist .sj-studentlist-content-card {
    min-width:0;
    overflow:hidden;
}
body.sj-page-studentlist .sj-studentlist-content-card .tm-article {
    min-width:0;
}
body.sj-page-studentlist .sj-studentlist-content-card table {
    width:100%;
    max-width:100%;
}


/* V158 — Research Projects uses the canonical shared internal-page structure. */
body.sj-page-research-project .sj-research-project-content-card {
    min-width:0;
    overflow:hidden;
}
body.sj-page-research-project .sj-research-project-content-card img {
    max-width:100%;
    height:auto;
}
body.sj-page-research-project .sj-research-project-content-card table {
    width:100%;
    max-width:100%;
}


/* V159 — Yearly Toppers uses the canonical shared internal-page structure. */
body.sj-page-yearly-toppers .sj-yearly-toppers-content-card {
    min-width:0;
    overflow:hidden;
}
body.sj-page-yearly-toppers .sj-yearly-toppers-content-card img {
    max-width:100%;
    height:auto;
}
body.sj-page-yearly-toppers .sj-yearly-toppers-content-card table {
    width:100%;
    max-width:100%;
}


/* ============================================================
   SJ FINAL HEADER / NAV ALIGNMENT
   ============================================================
   Header/title, top bar and navigation now share the same
   horizontal container. This removes the previous ~200px
   visual offset between the college title and Home navigation.
   ============================================================ */

@media (min-width:1001px){
    .topbar .container,
    .header .container,
    .navwrap .container,
    .navwrap > .container.nav{
        width:min(1440px,calc(100% - 120px)) !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }

    .header .brand{
        width:100% !important;
        box-sizing:border-box !important;
    }
}

@media (max-width:1000px){
    .topbar .container,
    .header .container,
    .navwrap .container,
    .navwrap > .container.nav{
        width:calc(100% - 48px) !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }

    .header .brand{
        width:100% !important;
        box-sizing:border-box !important;
    }
}

@media (max-width:600px){
    .topbar .container,
    .header .container,
    .navwrap .container,
    .navwrap > .container.nav{
        width:calc(100% - 22px) !important;
        max-width:none !important;
    }
}

/* SJ V2 EXACT HEADER TITLE / NAV ALIGNMENT */

/* SJ V2 EXACT HEADER TITLE / NAV ALIGNMENT
   The header was previously allowed to use a different visual boundary.
   Use one exact public-site container for topbar, branding and navigation.
*/
:root{--sj-site-gutter:96px;--sj-site-width:calc(100% - (var(--sj-site-gutter) * 2));}

.topbar>.container,
.header>.container,
.navwrap>.container{
  width:var(--sj-site-width)!important;
  max-width:none!important;
  margin-left:var(--sj-site-gutter)!important;
  margin-right:var(--sj-site-gutter)!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

.header>.container.brand{
  min-height:122px!important;
  height:122px!important;
}

.header .brand-main{
  margin-left:0!important;
  padding-left:0!important;
}

.header .brand-copy{
  margin-left:0!important;
}

.navwrap>.container.nav{
  margin-left:var(--sj-site-gutter)!important;
}

@media(max-width:1100px){
  :root{--sj-site-gutter:24px;}
}
@media(max-width:650px){
  :root{--sj-site-gutter:11px;}
  .header>.container.brand{height:96px!important;min-height:96px!important;}
}

/* Keep the college title itself on the same left boundary as Home.
   The emblem remains immediately before the title inside that same grid. */


/* SJ RTI CONSISTENT PAGE V3
   RTI uses the same page frame, hero, card and typography system
   as Institution / College / Facilities. */
.sj-page-rti .sj-rti-card{
    padding:30px !important;
}
.sj-page-rti .sj-rti-article{
    width:100%;
}
.sj-page-rti .sj-section-heading{
    margin:0 0 22px;
    padding-bottom:18px;
    border-bottom:1px solid #dce6f0;
}
.sj-page-rti .sj-section-kicker{
    display:block;
    margin:0 0 5px;
    color:#1689e8;
    font-size:11px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.75px;
}
.sj-page-rti .sj-section-heading .sj-page-title{
    margin:0 0 7px !important;
    padding:0 !important;
    border:0 !important;
    font-size:27px !important;
    line-height:1.25 !important;
}
.sj-page-rti .sj-rti-intro{
    margin:0;
    color:#5d7895;
    font-size:13px;
    line-height:1.6;
}
.sj-page-rti .sj-rti-copy{
    color:#294f73;
    font-size:14px;
    line-height:1.8;
}
.sj-page-rti .sj-rti-copy + .sj-rti-copy{
    margin-top:12px;
}
.sj-page-rti .sj-rti-copy p:last-child{
    margin-bottom:0;
}
.sj-page-rti .sj-rti-documents{
    margin-top:28px;
    border:1px solid #dce7f1;
    border-radius:15px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 5px 16px rgba(18,63,112,.055);
}
.sj-page-rti .sj-rti-documents-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:15px 17px;
    background:linear-gradient(90deg,#eaf6ff,#f8fbff);
    border-bottom:1px solid #dce7f1;
}
.sj-page-rti .sj-rti-documents-head h3{
    margin:2px 0 0;
    color:#123f70;
    font-size:18px;
    line-height:1.3;
    font-weight:800;
}
.sj-page-rti .sj-rti-documents-badge{
    flex:0 0 auto;
    padding:6px 10px;
    border:1px solid #cfe4f4;
    border-radius:999px;
    background:#fff;
    color:#48708f;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}
.sj-page-rti .sj-rti-document-list{
    padding:9px;
}
.sj-page-rti .sj-rti-document{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-height:58px;
    padding:9px 10px;
    border:1px solid #e2ebf3;
    border-radius:11px;
    background:#fff;
}
.sj-page-rti .sj-rti-document + .sj-rti-document{
    margin-top:7px;
}
.sj-page-rti .sj-rti-document:hover{
    background:#f7fbff;
    border-color:#c9e2f5;
}
.sj-page-rti .sj-rti-document-icon{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#eaf6ff;
    color:#1689e8;
    font-size:19px;
    font-weight:800;
}
.sj-page-rti .sj-rti-document-name{
    min-width:0;
}
.sj-page-rti .sj-rti-document-name strong{
    display:block;
    color:#234c70;
    font-size:13px;
    line-height:1.35;
    font-weight:800;
    overflow-wrap:anywhere;
}
.sj-page-rti .sj-rti-document-name span{
    display:block;
    margin-top:2px;
    color:#7a91a7;
    font-size:10.5px;
}
.sj-page-rti .sj-rti-view{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:68px;
    padding:8px 10px;
    border:1px solid #cce3f5;
    border-radius:8px;
    background:#f2f8fd;
    color:#087fe5;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}
.sj-page-rti .sj-rti-view:hover{
    background:#1689e8;
    color:#fff;
    border-color:#1689e8;
}
.sj-page-rti .sj-rti-empty{
    padding:20px;
    text-align:center;
    color:#7089a1;
    font-size:13px;
}
@media (max-width:700px){
    .sj-page-rti .sj-rti-card{
        padding:18px !important;
    }
    .sj-page-rti .sj-rti-documents-head{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }
    .sj-page-rti .sj-rti-document{
        grid-template-columns:38px minmax(0,1fr);
    }
    .sj-page-rti .sj-rti-view{
        grid-column:2;
        justify-self:start;
    }
}


/* SJ SITEMAP CONSISTENT PAGE V4
   Sitemap uses the same Front UI Core as RTI / Institution /
   College / Facilities. */
.sj-page-sitemap .sj-sitemap-card{
    padding:30px !important;
}
.sj-page-sitemap .sj-sitemap-intro{
    margin:0 0 24px;
    padding:0 0 18px;
    border-bottom:1px solid #dce6f0;
}
.sj-page-sitemap .sj-section-kicker{
    display:block;
    margin:0 0 5px;
    color:#1689e8;
    font-size:11px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.75px;
}
.sj-page-sitemap .sj-sitemap-intro .sj-page-title{
    margin:0 0 7px !important;
    padding:0 !important;
    border:0 !important;
    color:#123f70;
    font-size:27px !important;
    line-height:1.25 !important;
    font-weight:800;
}
.sj-page-sitemap .sj-sitemap-intro p{
    margin:0;
    color:#5d7895;
    font-size:13px;
    line-height:1.6;
}
.sj-page-sitemap .sj-sitemap-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
}
.sj-page-sitemap .sj-sitemap-group{
    min-width:0;
    border:1px solid #dce7f1;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 5px 16px rgba(18,63,112,.045);
}
.sj-page-sitemap .sj-sitemap-group-head{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:48px;
    padding:10px 13px;
    background:linear-gradient(90deg,#eaf6ff,#f8fbff);
    border-bottom:1px solid #dce7f1;
}
.sj-page-sitemap .sj-sitemap-group-icon{
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#1689e8;
    color:#fff;
    font-size:18px;
    font-weight:900;
}
.sj-page-sitemap .sj-sitemap-group-head h3{
    flex:1;
    margin:0;
    color:#173f66;
    font-size:15px;
    line-height:1.3;
    font-weight:800;
}
.sj-page-sitemap .sj-sitemap-count{
    min-width:24px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border:1px solid #cfe4f4;
    border-radius:999px;
    background:#fff;
    color:#52718c;
    font-size:10px;
    font-weight:800;
}
.sj-page-sitemap .sj-sitemap-links{
    padding:7px;
}
.sj-page-sitemap .sj-sitemap-link{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:35px;
    padding:7px 9px;
    border-radius:8px;
    color:#315a7d;
    text-decoration:none;
    font-size:12.5px;
    line-height:1.35;
    font-weight:600;
    transition:background .15s ease,color .15s ease,transform .15s ease;
}
.sj-page-sitemap .sj-sitemap-link + .sj-sitemap-link{
    margin-top:2px;
}
.sj-page-sitemap .sj-sitemap-link:hover{
    background:#eef8ff;
    color:#087fe5;
    transform:translateX(2px);
}
.sj-page-sitemap .sj-sitemap-arrow{
    flex:0 0 17px;
    width:17px;
    height:17px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background:#edf6fc;
    color:#1689e8;
    font-size:13px;
    font-weight:900;
}
@media (max-width:900px){
    .sj-page-sitemap .sj-sitemap-grid{
        grid-template-columns:1fr;
    }
}
@media (max-width:700px){
    .sj-page-sitemap .sj-sitemap-card{
        padding:18px !important;
    }
    .sj-page-sitemap .sj-sitemap-intro .sj-page-title{
        font-size:24px !important;
    }
    .sj-page-sitemap .sj-sitemap-group-head{
        min-height:45px;
    }
}


/* SJ CONTACT MATH CAPTCHA V5
   Contact page follows the common Front UI Core and uses a
   self-hosted/session-based math CAPTCHA. */
.sj-page-contact .sj-contact-card{
    padding:30px !important;
}
.sj-page-contact .sj-contact-heading{
    margin:0 0 22px;
    padding:0 0 18px;
    border-bottom:1px solid #dce6f0;
}
.sj-page-contact .sj-section-kicker{
    display:block;
    margin:0 0 5px;
    color:#1689e8;
    font-size:11px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.75px;
}
.sj-page-contact .sj-contact-heading .sj-page-title{
    margin:0 0 7px !important;
    padding:0 !important;
    border:0 !important;
    color:#123f70;
    font-size:27px !important;
    line-height:1.25 !important;
    font-weight:800;
}
.sj-page-contact .sj-contact-heading p{
    margin:0;
    color:#5d7895;
    font-size:13px;
    line-height:1.6;
}
.sj-page-contact .sj-contact-alert{
    margin:0 0 18px;
    padding:11px 13px;
    border-radius:10px;
    font-size:12px;
    line-height:1.55;
    font-weight:600;
}
.sj-page-contact .sj-contact-alert-success{
    border:1px solid #bfe5cf;
    background:#f0fbf4;
    color:#207345;
}
.sj-page-contact .sj-contact-alert-error{
    border:1px solid #f1caca;
    background:#fff5f5;
    color:#a63b3b;
}
.sj-page-contact .sj-contact-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
}
.sj-page-contact .sj-contact-field{
    min-width:0;
}
.sj-page-contact .sj-contact-field-wide{
    grid-column:1 / -1;
}
.sj-page-contact .sj-contact-field label{
    display:block;
    margin:0 0 6px;
    color:#294f73;
    font-size:12px;
    line-height:1.35;
    font-weight:800;
}
.sj-page-contact .sj-contact-field label span{
    color:#e14b4b;
}
.sj-page-contact .sj-contact-field input,
.sj-page-contact .sj-contact-field textarea{
    display:block;
    width:100%;
    box-sizing:border-box;
    border:1px solid #cfdeeb;
    border-radius:9px;
    outline:none;
    background:#fff;
    color:#244b6c;
    font-family:inherit;
    font-size:13px;
    line-height:1.45;
    transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.sj-page-contact .sj-contact-field input{
    min-height:42px;
    padding:9px 11px;
}
.sj-page-contact .sj-contact-field textarea{
    min-height:132px;
    padding:10px 11px;
    resize:vertical;
}
.sj-page-contact .sj-contact-field input::placeholder,
.sj-page-contact .sj-contact-field textarea::placeholder{
    color:#8ca0b2;
}
.sj-page-contact .sj-contact-field input:focus,
.sj-page-contact .sj-contact-field textarea:focus{
    border-color:#1689e8;
    background:#fbfdff;
    box-shadow:0 0 0 3px rgba(22,137,232,.10);
}
.sj-page-contact .sj-math-captcha{
    display:grid;
    grid-template-columns:minmax(0,1fr) 220px;
    gap:14px;
    align-items:end;
    padding:14px;
    border:1px solid #dce7f1;
    border-radius:13px;
    background:linear-gradient(90deg,#eef8ff,#fbfdff);
}
.sj-page-contact .sj-math-captcha-question{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:10px 13px;
    border:1px solid #d4e7f5;
    border-radius:10px;
    background:#fff;
}
.sj-page-contact .sj-math-captcha-label{
    display:block;
    color:#69839b;
    font-size:10px;
    font-weight:800;
    letter-spacing:.65px;
    text-transform:uppercase;
}
.sj-page-contact .sj-math-captcha-question strong{
    color:#123f70;
    font-size:20px;
    line-height:1;
    letter-spacing:.4px;
}
.sj-page-contact .sj-math-captcha-input-wrap label{
    margin-bottom:6px;
}
.sj-page-contact .sj-math-captcha-input-wrap input{
    min-height:42px;
}
.sj-page-contact .sj-contact-help{
    display:block;
    margin-top:6px;
    color:#7c91a4;
    font-size:10.5px;
    line-height:1.5;
}
.sj-page-contact .sj-contact-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:18px;
    padding-top:15px;
    border-top:1px solid #e1eaf2;
}
.sj-page-contact .sj-contact-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:140px;
    min-height:42px;
    padding:9px 16px;
    border:0;
    border-radius:9px;
    background:#1689e8;
    color:#fff;
    cursor:pointer;
    font-family:inherit;
    font-size:12px;
    font-weight:800;
    box-shadow:0 5px 12px rgba(22,137,232,.18);
    transition:transform .15s ease,background .15s ease,box-shadow .15s ease;
}
.sj-page-contact .sj-contact-submit:hover{
    background:#087bc9;
    transform:translateY(-1px);
    box-shadow:0 7px 15px rgba(22,137,232,.22);
}
.sj-page-contact .sj-contact-submit:active{
    transform:translateY(0);
}
@media (max-width:700px){
    .sj-page-contact .sj-contact-card{
        padding:18px !important;
    }
    .sj-page-contact .sj-contact-heading .sj-page-title{
        font-size:24px !important;
    }
    .sj-page-contact .sj-contact-form-grid{
        grid-template-columns:1fr;
        gap:13px;
    }
    .sj-page-contact .sj-contact-field-wide{
        grid-column:auto;
    }
    .sj-page-contact .sj-math-captcha{
        grid-template-columns:1fr;
    }
    .sj-page-contact .sj-math-captcha-question{
        align-items:flex-start;
        flex-direction:column;
        gap:9px;
    }
    .sj-page-contact .sj-contact-actions{
        justify-content:stretch;
    }
    .sj-page-contact .sj-contact-submit{
        width:100%;
    }
}


/* V126 — Unified accessible pagination across staff, syllabus and download listings.
   Row 1: compact page controls. Row 2: record/page information. */
.sj-unified-pagination{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;width:100%!important;margin:14px 0 4px!important;padding:10px 0 0!important;border-top:1px solid #dce7f1!important;color:#425b74!important;font-family:inherit!important}
.sj-unified-pagination .sj-pagination-controls{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important}
.sj-unified-pagination .sj-page-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:31px!important;height:31px!important;padding:0 9px!important;border:1px solid #d3e1ef!important;border-radius:8px!important;background:#fff!important;color:#24527d!important;text-decoration:none!important;font-size:12px!important;font-weight:500!important;line-height:1!important;box-shadow:none!important}
.sj-unified-pagination .sj-page-link:hover{background:#eef7ff!important;border-color:#9bcdf3!important}
.sj-unified-pagination .sj-page-link.is-active{background:#0b8fe8!important;border-color:#0b8fe8!important;color:#fff!important;font-weight:700!important}
.sj-unified-pagination .sj-page-nextprev{min-width:55px!important;background:#f3f8fd!important}
.sj-unified-pagination .sj-page-ellipsis{padding:0 3px!important;color:#73869a!important;font-size:12px!important}
.sj-unified-pagination .sj-pagination-info{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#657a90!important;font-size:12px!important;line-height:1.45!important;font-weight:400!important;white-space:normal!important}
/* Legacy pagination used by syllabus and other download pages: force the same two rows. */
body.sj-page-downloads .sj-download-pagination ul.pagination{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important}
body.sj-page-downloads .sj-download-pagination ul.pagination li.pagination-records{display:flex!important;order:99!important;flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:0!important;margin:2px 0 0!important;padding:0!important;align-items:center!important;justify-content:flex-start!important;white-space:normal!important;color:#657a90!important;font-size:12px!important;line-height:1.45!important}
body.sj-page-downloads .sj-download-pagination ul.pagination li.pagination-records span{display:inline!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:12px!important;font-weight:400!important;white-space:normal!important}
body.sj-page-downloads .sj-download-pagination ul.pagination a{min-width:31px!important;height:31px!important;padding:0 9px!important;font-size:12px!important;border-radius:8px!important}
body.sj-page-downloads .sj-download-pagination ul.pagination a.prev,body.sj-page-downloads .sj-download-pagination ul.pagination a.next{min-width:55px!important}
@media(max-width:560px){.sj-unified-pagination .sj-page-link{min-width:29px!important;height:30px!important;padding:0 8px!important;font-size:12px!important}.sj-unified-pagination .sj-pagination-info{font-size:12px!important}body.sj-page-downloads .sj-download-pagination ul.pagination{gap:4px!important}}

/* v27: one centered, two-row pagination pattern across ALL public listing pages.
   Row 1 contains compact page controls; row 2 contains the record summary. */
body ul.pagination,
body ul.shiv-pagination,
body ul.pagination.modal-1,
body ul.shiv-pagination.modal-1{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  justify-content:center!important;
  align-content:center!important;
  gap:6px!important;
  width:100%!important;
  margin:18px auto 10px!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
body ul.pagination > li:not(.pagination-records),
body ul.shiv-pagination > li:not(.pagination-records),
body ul.pagination.modal-1 > li:not(.pagination-records),
body ul.shiv-pagination.modal-1 > li:not(.pagination-records){
  display:flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body ul.pagination > li:not(.pagination-records) > a,
body ul.shiv-pagination > li:not(.pagination-records) > a,
body ul.pagination.modal-1 > li:not(.pagination-records) > a,
body ul.shiv-pagination.modal-1 > li:not(.pagination-records) > a{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:34px!important;
  max-width:110px!important;
  height:34px!important;
  padding:0 11px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
body ul.pagination > li.pagination-records,
body ul.shiv-pagination > li.pagination-records,
body ul.pagination.modal-1 > li.pagination-records,
body ul.shiv-pagination.modal-1 > li.pagination-records{
  display:block!important;
  flex:0 0 100%!important;
  order:999!important;
  width:100%!important;
  max-width:100%!important;
  margin:2px 0 0!important;
  padding:0!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.5!important;
  color:#647b91!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body ul.pagination > li.pagination-records span,
body ul.shiv-pagination > li.pagination-records span,
body ul.pagination.modal-1 > li.pagination-records span,
body ul.shiv-pagination.modal-1 > li.pagination-records span{
  display:inline-block!important;
  font-size:12px!important;
  font-weight:500!important;
  color:#647b91!important;
}
@media(max-width:600px){
  body ul.pagination,body ul.shiv-pagination,body ul.pagination.modal-1,body ul.shiv-pagination.modal-1{gap:5px!important;padding:9px 6px!important;margin:14px auto 8px!important}
  body ul.pagination > li:not(.pagination-records) > a,body ul.shiv-pagination > li:not(.pagination-records) > a,body ul.pagination.modal-1 > li:not(.pagination-records) > a,body ul.shiv-pagination.modal-1 > li:not(.pagination-records) > a{min-width:31px!important;height:31px!important;padding:0 8px!important;font-size:12px!important}
}


/* V28 — enforce true horizontal centering and two-row pagination everywhere.
   Navigation controls are centered as a group; record information is centered
   below them. This overrides legacy page-specific list and staff rules. */
ul.pagination,
ul.shiv-pagination,
.pagination.modal-1,
.shiv-pagination,
.sj-page-staff .sj-staff-pagination,
.sj-research-pagination,
.sj-ach-pagination {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  align-content:center!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:12px 10px!important;
  gap:6px!important;
  box-sizing:border-box!important;
  text-align:center!important;
}

ul.pagination li,
ul.shiv-pagination li,
.pagination.modal-1 li,
.shiv-pagination li,
.sj-page-staff .sj-staff-pagination > * {
  float:none!important;
  flex:0 0 auto!important;
  margin:0!important;
}

ul.pagination .pagination-records,
ul.shiv-pagination .pagination-records,
.pagination.modal-1 .pagination-records,
.shiv-pagination .pagination-records,
.sj-page-staff .sj-staff-pagination .sj-staff-records {
  order:99!important;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:2px 0 0!important;
  padding:3px 0 0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  white-space:normal!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#647b91!important;
  font-size:12px!important;
  line-height:1.5!important;
}

ul.pagination a,
ul.shiv-pagination a,
.pagination.modal-1 a,
.shiv-pagination a,
.sj-page-staff .sj-staff-pagination a,
.sj-page-staff .sj-staff-pagination span:not(.sj-staff-records) {
  width:auto!important;
  min-width:34px!important;
  max-width:none!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:12px!important;
  line-height:1!important;
}

ul.pagination a.prev, ul.pagination a.next,
ul.shiv-pagination a.prev, ul.shiv-pagination a.next,
.sj-page-staff .sj-staff-pagination a.prev,
.sj-page-staff .sj-staff-pagination a.next {
  width:auto!important;
  min-width:64px!important;
  height:34px!important;
  font-size:12px!important;
}

@media(max-width:600px) {
  ul.pagination, ul.shiv-pagination, .pagination.modal-1, .shiv-pagination,
  .sj-page-staff .sj-staff-pagination, .sj-research-pagination, .sj-ach-pagination {
    gap:5px!important;
    padding:10px 6px!important;
  }
  ul.pagination a, ul.shiv-pagination a, .pagination.modal-1 a, .shiv-pagination a,
  .sj-page-staff .sj-staff-pagination a,
  .sj-page-staff .sj-staff-pagination span:not(.sj-staff-records) {
    min-width:30px!important;
    height:31px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
}

/* V29 — site-wide pagination normalization. Center every pagination group,
   keep controls on row one and the record/page summary centered on row two. */
html body .sj-unified-pagination,
html body .sj-page-staff .sj-staff-pagination,
html body .sj-download-pagination,
html body .sj-news-pagination,
html body .sj-research-pagination,
html body .sj-ach-pagination,
html body .sj-gallery-pagination,
html body .col-lg-12:has(> ul.pagination),
html body td[colspan] > .col-lg-12:has(> ul.pagination) {
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

html body .sj-unified-pagination,
html body .sj-page-staff .sj-staff-pagination {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
html body .sj-unified-pagination .sj-pagination-controls {
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body .sj-unified-pagination .sj-pagination-info {
  width:100% !important;
  display:block !important;
  text-align:center !important;
  margin:0 auto !important;
}

html body ul.pagination,
html body ul.shiv-pagination,
html body .pagination.modal-1,
html body .shiv-pagination {
  float:none !important;
  display:flex !important;
  flex-flow:row wrap !important;
  justify-content:center !important;
  align-items:center !important;
  align-content:center !important;
  width:100% !important;
  max-width:100% !important;
  margin:14px auto 8px !important;
  padding:10px 8px !important;
  gap:5px !important;
  box-sizing:border-box !important;
  text-align:center !important;
}
html body ul.pagination > li,
html body ul.shiv-pagination > li,
html body .pagination.modal-1 > li,
html body .shiv-pagination > li {
  float:none !important;
  display:flex !important;
  flex:0 0 auto !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
}
html body ul.pagination > li.pagination-records,
html body ul.shiv-pagination > li.pagination-records,
html body .pagination.modal-1 > li.pagination-records,
html body .shiv-pagination > li.pagination-records {
  order:999 !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:2px auto 0 !important;
  padding:3px 0 0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  white-space:normal !important;
  font-size:12px !important;
  line-height:1.5 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body ul.pagination > li.pagination-records span,
html body ul.shiv-pagination > li.pagination-records span,
html body .pagination.modal-1 > li.pagination-records span,
html body .shiv-pagination > li.pagination-records span {
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  font-size:12px !important;
  white-space:normal !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body .sj-download-pagination ul.pagination { margin-left:auto !important; margin-right:auto !important; }
html body .sj-gallery-pagination {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
html body .sj-gallery-pagination .sj-gallery-page-info,
html body .sj-gallery-pagination .sj-gallery-page-links,
html body .sj-gallery-pagination .sj-gallery-records {
  width:100% !important;
  justify-self:center !important;
  text-align:center !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body .sj-page-staff .sj-staff-pagination .sj-staff-records {
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  height:auto !important;
  margin:2px auto 0 !important;
  text-align:center !important;
  justify-content:center !important;
  font-size:12px !important;
}
@media(max-width:600px) {
  html body ul.pagination, html body ul.shiv-pagination,
  html body .pagination.modal-1, html body .shiv-pagination { padding:9px 4px !important; gap:4px !important; }
}


/* V30 FIX: syllabus/download pagination must be centered as a two-row unit.
   Scoped to the download pages to override legacy Bootstrap/modal-1 floats. */
html body .sj-page-downloads .sj-download-pagination {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:100% !important;
  margin:14px auto 8px !important;
  padding:10px 0 !important;
  box-sizing:border-box !important;
  text-align:center !important;
}
html body .sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
  align-content:center !important;
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 8px !important;
  gap:5px !important;
  list-style:none !important;
  box-sizing:border-box !important;
  text-align:center !important;
}
html body .sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 > li:not(.pagination-records) {
  display:flex !important;
  flex:0 0 auto !important;
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}
html body .sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 > li.pagination-records {
  display:flex !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  order:999 !important;
  margin:2px 0 0 !important;
  padding:3px 0 0 !important;
  float:none !important;
  box-sizing:border-box !important;
}
html body .sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 > li.pagination-records span {
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}


/* V32: final syllabus pagination centering and heading underline collision fix.
   The controls occupy row one centered; record summary is a separate centered row. */
html body.sj-page-download-syllabus .sj-download-pagination,
html body.sj-page-downloads .sj-download-pagination {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  width:100% !important;
  margin:14px auto 8px !important;
  padding:10px 0 !important;
  box-sizing:border-box !important;
  border-top:1px solid #dbe7f2 !important;
  text-align:center !important;
}
html body.sj-page-download-syllabus .sj-download-pagination > ul.pagination.modal-1,
html body.sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 {
  display:grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  justify-items:center !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
  float:none !important;
  margin:0 auto !important;
  padding:0 !important;
  gap:7px !important;
  box-sizing:border-box !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  text-align:center !important;
}
html body.sj-page-download-syllabus .sj-download-pagination > ul.pagination.modal-1 > li:not(.pagination-records),
html body.sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 > li:not(.pagination-records) {
  display:inline-flex !important;
  float:none !important;
  width:auto !important;
  flex:none !important;
  margin:0 !important;
  padding:0 !important;
  grid-row:1 !important;
}
html body.sj-page-download-syllabus .sj-download-pagination > ul.pagination.modal-1,
html body.sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 {
  display:flex !important;
  flex-flow:row wrap !important;
  justify-content:center !important;
  align-content:center !important;
}
html body.sj-page-download-syllabus .sj-download-pagination > ul.pagination.modal-1 > li.pagination-records,
html body.sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 > li.pagination-records {
  display:flex !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  order:999 !important;
  justify-content:center !important;
  align-items:center !important;
  margin:2px auto 0 !important;
  padding:4px 0 0 !important;
  border:0 !important;
  background:transparent !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.45 !important;
  color:#657a90 !important;
  font-size:12px !important;
  box-sizing:border-box !important;
}
html body.sj-page-download-syllabus .sj-download-pagination > ul.pagination.modal-1 > li.pagination-records span,
html body.sj-page-downloads .sj-download-pagination > ul.pagination.modal-1 > li.pagination-records span {
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1.45 !important;
}
/* Remove the legacy decorative underline that crossed the syllabus description. */
html body.sj-page-download-syllabus .sj-download-heading .shiv-article-title::after,
html body.sj-page-downloads .sj-download-heading .shiv-article-title::after {
  content:none !important;
  display:none !important;
}
html body.sj-page-download-syllabus .sj-download-heading .shiv-article-title,
html body.sj-page-downloads .sj-download-heading .shiv-article-title {
  position:static !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
}
html body.sj-page-download-syllabus .sj-download-heading p,
html body.sj-page-downloads .sj-download-heading p {
  position:relative !important;
  z-index:1 !important;
  margin-top:6px !important;
  clear:both !important;
}


/* V33: Sticky main navigation and accessible back-to-top control */
html { scroll-behavior: smooth; }
.navwrap {
  position: sticky !important;
  top: 0 !important;
  z-index: 9990 !important;
  width: 100%;
  isolation: isolate;
}
.navwrap .nav,
.navwrap .mobile-nav,
.navwrap .dropdown { overflow: visible; }
.navwrap .dropdown { z-index: 9995; }
.sj-back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: #0789e8;
  color: #fff;
  box-shadow: 0 5px 18px rgba(7, 65, 124, .28);
  font-size: 25px;
  line-height: 1;
  font-family: Arial, sans-serif;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .2s ease, transform .2s ease, background .2s ease, visibility .2s;
}
.sj-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.sj-back-to-top:hover,
.sj-back-to-top:focus-visible {
  background: #064b8c;
  outline: 3px solid rgba(7, 137, 232, .25);
  outline-offset: 3px;
}
@media (max-width: 640px) {
  .sj-back-to-top { right: 14px; bottom: 14px; width: 44px; height: 44px; }
  .navwrap { top: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .sj-back-to-top { transition: none; }
}


/* V34: reliable global back-to-top control (works on legacy pages too) */
.sj-back-to-top[hidden]{display:none!important}
body>.sj-back-to-top{position:fixed!important;right:24px!important;bottom:24px!important;z-index:2147483000!important;pointer-events:auto!important}
body>.sj-back-to-top.is-visible{display:inline-flex!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
@media(max-width:640px){body>.sj-back-to-top{right:14px!important;bottom:14px!important}}


/* V39: targeted typography correction ONLY for utility top bar and footer.
   Main navigation sizing and all other page typography remain unchanged. */
.topbar,
.topbar .container,
.topbar .top-left,
.topbar .top-right,
.topbar .top-left span,
.topbar .top-right span,
.topbar .top-left a,
.topbar .top-right a,
.sj-topbar,
.sj-topbar-inner,
.sj-top-left,
.sj-top-right,
.sj-topbar a,
.sj-topbar span {
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.topbar .social,
.sj-topbar .sj-social { font-size: 11px !important; }
.topbar .container { min-height: 36px; }
.sj-topbar-inner { min-height: 36px !important; }

/* Footer typography is intentionally compact; keep the social icon size intact. */
.sj-footer h3,
.sj-footer p,
.sj-footer a:not(.sj-footer-social),
.sj-footer-bottom,
.sj-footer-bottom span,
.sj-footer-bottom a,
.footer h3,
.footer p,
.footer li,
.footer a,
.footer-bottom,
.footer-bottom a {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.sj-footer h3,
.footer h3 { font-size: 12px !important; }
.sj-footer .sj-footer-social { font-size: 16px !important; }
@media (max-width: 600px) {
  .topbar, .topbar .container, .topbar .top-left, .topbar .top-right,
  .sj-topbar, .sj-topbar-inner, .sj-top-left, .sj-top-right { font-size: 11px !important; }
  .sj-footer h3, .sj-footer p, .sj-footer a:not(.sj-footer-social),
  .sj-footer-bottom, .footer h3, .footer p, .footer li, .footer a, .footer-bottom { font-size: 11px !important; }
}

/* V40: Give the college crest 5px additional breathing room above and below. */
.header .brand {
  min-height: 132px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  box-sizing: border-box !important;
}
.header .brand-main,
.header .brand-main > a {
  align-self: center !important;
}
.header .brand-main .crest {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
@media (max-width: 820px) {
  .header .brand { min-height: 106px !important; height: auto !important; padding-top: 5px !important; padding-bottom: 5px !important; }
}
@media (max-width: 560px) {
  .header .brand { min-height: 106px !important; height: auto !important; }
}


/* V41: enforce visible breathing room around the college logo.
   Earlier fixed-height header rules overrode the prior margin-only adjustment. */
.header .brand,
header.header .container.brand{
  height:auto !important;
  min-height:132px !important;
  box-sizing:border-box !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
  align-items:center !important;
}
.header .brand-main > a,
header.header .brand-main > a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
  box-sizing:border-box !important;
}
.header .brand-main .crest,
header.header .brand-main .crest{
  display:block !important;
  margin-top:5px !important;
  margin-bottom:5px !important;
  object-fit:contain !important;
  flex:none !important;
}
/* Keep the spacing on compact layouts without overflowing the header. */
@media(max-width:820px){
  .header .brand, header.header .container.brand{
    min-height:106px !important;
    height:auto !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }
  .header .brand-main > a, header.header .brand-main > a{
    padding-top:3px !important;
    padding-bottom:3px !important;
  }
  .header .brand-main .crest, header.header .brand-main .crest{
    margin-top:3px !important;
    margin-bottom:3px !important;
  }
}


/* V42: fix bottom breathing room by allowing the OUTER header to grow.
   The old fixed 122px .header clipped the brand row's padding before navigation. */
header.header, .header {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
header.header > .container.brand, .header > .container.brand, .header .brand {
  height: auto !important;
  min-height: 142px !important;
  padding-top: 10px !important;
  padding-bottom: 15px !important;
  box-sizing: border-box !important;
  align-items: center !important;
}
.header .brand-main { align-items: center !important; min-height: 0 !important; }
.header .brand-main > a { padding-top: 0 !important; padding-bottom: 0 !important; }
.header .brand-main .crest { margin-top: 0 !important; margin-bottom: 0 !important; }
@media (max-width: 820px) {
  header.header, .header { height: auto !important; min-height: 0 !important; }
  header.header > .container.brand, .header > .container.brand, .header .brand {
    height: auto !important; min-height: 112px !important;
    padding-top: 8px !important; padding-bottom: 12px !important;
  }
}
@media (max-width: 560px) {
  header.header > .container.brand, .header > .container.brand, .header .brand {
    min-height: 106px !important; padding-top: 7px !important; padding-bottom: 10px !important;
  }
}

/* V43: site-wide tighter, readable line spacing. Keep navigation sizing untouched. */
body { line-height: 1.45 !important; }
p, .content p, .article-content p, .page-content p, .sj-content-card p,
.sj-rich-content p, .sj-detail-content p, .sj-adm-content .sj-rich-content,
.sj-detail-content, .description, .event-description, .gallery-description {
  line-height: 1.55 !important;
  margin-top: .45em;
  margin-bottom: .55em;
}
li, .content li, .article-content li, .page-content li,
.sj-rich-content li, .sj-detail-content li {
  line-height: 1.45 !important;
  margin-top: .12em;
  margin-bottom: .12em;
}
table th, table td, .table th, .table td,
.sj-iqac-table th, .sj-iqac-table td, .sj-research-table th, .sj-research-table td {
  line-height: 1.4 !important;
}
h1, h2, h3, h4, h5, h6,
.sj-content-card .sj-page-title, .sj-content-card .shiv-article-title {
  line-height: 1.2 !important;
}
.sj-sidebar-list li, .sj-side-link, .sj-footer a, .sj-footer p {
  line-height: 1.35 !important;
}
/* Leave all navigation bars and dropdowns at their established line-height. */
.navwrap, .navwrap *, .nav, .nav *, .sj-navigation, .sj-navigation *,
.sj-mobile-nav, .sj-mobile-nav *, .topbar, .topbar * { line-height: normal; }


/* V50: Force larger page-banner titles across every template, including pages
   whose hero is not wrapped by .sj-page-frame. Supporting text is untouched. */
html body .sj-gallery-hero h1,
html body .sj-page-hero .sj-page-title,
html body .sj-page-frame .sj-gallery-hero h1,
html body .sj-page-frame .sj-page-hero .sj-page-title {
  font-size: 38px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
}
@media (max-width: 760px) {
  html body .sj-gallery-hero h1,
  html body .sj-page-hero .sj-page-title,
  html body .sj-page-frame .sj-gallery-hero h1,
  html body .sj-page-frame .sj-page-hero .sj-page-title {
    font-size: 29px !important;
    line-height: 1.15 !important;
  }
}


/* V51: hard override for all shared internal-page banner titles.
   This rule intentionally follows legacy page rules and is scoped only to the blue banner title. */
html body .sj-page-shell .sj-page-frame .sj-gallery-hero .sj-gallery-hero-title > h1,
html body .sj-page-shell .sj-page-frame .sj-gallery-hero h1 {
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.35px !important;
}
@media (max-width: 760px) {
  html body .sj-page-shell .sj-page-frame .sj-gallery-hero .sj-gallery-hero-title > h1,
  html body .sj-page-shell .sj-page-frame .sj-gallery-hero h1 {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }
}


/* V52: reliable shared page-banner title sizing; body copy and navigation untouched. */
html body.sj-internal-page .sj-gallery-hero .sj-gallery-hero-title > h1,
html body.sj-internal-page .sj-gallery-hero h1.sj-banner-title-target {
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.35px !important;
}
@media (max-width: 760px) {
  html body.sj-internal-page .sj-gallery-hero .sj-gallery-hero-title > h1,
  html body.sj-internal-page .sj-gallery-hero h1.sj-banner-title-target {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }
}

/* V53 HARD OVERRIDE: Shared frontend page-banner titles only.
   This rule intentionally comes last to beat legacy page-specific h1 rules. */
html body.sj-internal-page .sj-page-frame .sj-gallery-hero .sj-gallery-hero-title h1,
html body.sj-internal-page .sj-page-frame .sj-gallery-hero h1.sj-banner-title-target,
html body.sj-internal-page .sj-page-frame .sj-page-hero h1,
html body.sj-internal-page .sj-page-frame .sj-banner h1,
html body.sj-internal-page .sj-page-frame .sj-page-titlebar h1 {
  font-size: 30px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
}
@media (max-width: 760px) {
  html body.sj-internal-page .sj-page-frame .sj-gallery-hero .sj-gallery-hero-title h1,
  html body.sj-internal-page .sj-page-frame .sj-gallery-hero h1.sj-banner-title-target,
  html body.sj-internal-page .sj-page-frame .sj-page-hero h1,
  html body.sj-internal-page .sj-page-frame .sj-banner h1,
  html body.sj-internal-page .sj-page-frame .sj-page-titlebar h1 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }
}


/* V56: force readable page-banner title size and prevent parent/layout scaling. */
html body.sj-internal-page .sj-page-frame > .sj-gallery-hero { zoom: 1 !important; transform: none !important; }
html body.sj-internal-page .sj-page-frame > .sj-gallery-hero .sj-gallery-hero-title { flex: 0 0 auto !important; min-width: max-content !important; zoom: 1 !important; transform: none !important; }
html body.sj-internal-page .sj-page-frame > .sj-gallery-hero .sj-gallery-hero-title > h1,
html body.sj-internal-page .sj-page-frame > .sj-gallery-hero h1.sj-banner-title-target { display: block !important; visibility: visible !important; opacity: 1 !important; font-family: Roboto, Arial, sans-serif !important; font-size: 30px !important; line-height: 1.12 !important; font-weight: 800 !important; letter-spacing: -0.3px !important; transform: none !important; zoom: 1 !important; scale: 1 !important; flex-shrink: 0 !important; }
@media (max-width: 760px) {
 html body.sj-internal-page .sj-page-frame > .sj-gallery-hero .sj-gallery-hero-title > h1,
 html body.sj-internal-page .sj-page-frame > .sj-gallery-hero h1.sj-banner-title-target { font-size: 20px !important; line-height: 1.15 !important; }
}


/* V58 ROOT CAUSE FIX: typography wrapper spans must never shrink page-banner headings.
   footer.php used to wrap every Latin text node in .sj-latin-text (14px !important),
   including text inside h1, which defeated the 44px banner heading. */
html body .sj-gallery-hero h1.sj-banner-title-target,
html body .sj-gallery-hero h1.sj-banner-title-target .sj-latin-text,
html body .sj-gallery-hero h1.sj-banner-title-target .sj-dev-text {
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 30px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
  transform: none !important;
  zoom: 1 !important;
  flex-shrink: 0 !important;
}
@media (max-width: 760px) {
  html body .sj-gallery-hero h1.sj-banner-title-target,
  html body .sj-gallery-hero h1.sj-banner-title-target .sj-latin-text,
  html body .sj-gallery-hero h1.sj-banner-title-target .sj-dev-text {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }
}

/* V60: keep fee totals aligned with the three year columns. The tfoot first amount cell is the second child because the label spans two columns, so nth-child selectors alone do not align it. */
.sj-fee-table tfoot th.sj-fee-total-label{ text-align:right !important; white-space:nowrap; }
.sj-fee-table tfoot th.sj-fee-total-value{ text-align:right !important; font-variant-numeric:tabular-nums; white-space:nowrap; }


/* V92: notifications display without date badges or date column. */
.sj-sidebar-notifications .notice-item-no-date{display:block!important;grid-template-columns:minmax(0,1fr)!important;padding:10px 14px!important;}
.sj-sidebar-notifications .notice-item-no-date .notice-copy{min-width:0;width:100%;}
body.sj-page-notifications .tsc_table_s15 th:nth-child(2),body.sj-page-notifications .tsc_table_s15 td:nth-child(2){/* second column is notification title after date removal */}


/* V4.5.8: three-level Academics navigation (main menu > submenu > nested submenu). */
.navwrap .academics-level-one{width:370px;min-width:370px;padding:10px;background:#fff;border:1px solid #dce7f2;border-radius:0 0 14px 14px;box-shadow:0 15px 34px rgba(18,52,86,.18);overflow:visible;z-index:1200}
.navwrap .nav-item:hover .academics-level-one,.navwrap .nav-item:focus-within .academics-level-one{display:block}
.sj-nested-menu-item{position:relative}
.sj-nested-trigger{display:flex!important;align-items:center;gap:12px;min-height:66px;padding:10px 12px!important;border-radius:9px!important;color:#123e73!important;text-decoration:none!important;background:#fff!important;white-space:normal!important}
.sj-nested-trigger:hover,.sj-nested-trigger:focus,.sj-nested-menu-item:focus-within>.sj-nested-trigger{background:#eef7ff!important;color:#087bc9!important}
.sj-nested-trigger>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.sj-nested-trigger strong{font-size:15px;line-height:1.25;font-weight:800}
.sj-nested-trigger small{font-size:12px;line-height:1.35;color:#70839b}
.sj-nested-icon{width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#e4f3ff;color:#087fe5;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800}
.sj-nested-arrow{font-size:25px;color:#087fe5;padding-left:4px}
.sj-flyout{display:none;position:absolute;left:calc(100% + 8px);top:0;width:310px;max-height:70vh;overflow:auto;padding:10px;background:#fff;border:1px solid #dce7f2;border-radius:12px;box-shadow:0 15px 34px rgba(18,52,86,.2);z-index:1300}
.sj-nested-menu-item:hover>.sj-flyout,.sj-nested-menu-item:focus-within>.sj-flyout{display:block}
.sj-flyout>a:first-child{display:flex;flex-direction:column;gap:4px;background:#eef7ff;font-weight:700}
.sj-flyout>a:first-child span{font-size:12px;color:#70839b;font-weight:400}
.sj-flyout a{display:block;padding:9px 10px;border-radius:6px;color:#173f6d;text-decoration:none;font-size:13px;line-height:1.35}
.sj-flyout a:hover,.sj-flyout a:focus{background:#eef7ff;color:#087bc9}
.sj-flyout-section{padding:11px 3px 5px;border-top:1px solid #e1eaf3;margin-top:8px}
.sj-flyout-section h4{margin:0 0 5px;padding:0 7px 7px;border-bottom:2px solid #1599e5;color:#123e73;font-size:12px;font-weight:800;line-height:1.3}
.sj-strength-trigger{margin-top:5px;border-top:1px solid #e5edf5}
.sj-mobile-nested{padding:4px 12px 8px;color:#fff}
.sj-mobile-nested summary{cursor:pointer;padding:9px 10px;color:#b9e2ff;font-weight:700}
.sj-mobile-nested a,.sj-mobile-nested strong{display:block;padding:7px 14px;color:#fff;text-decoration:none;font-size:13px}
.sj-mobile-nested strong{color:#a9dfff;font-size:11px;text-transform:uppercase}
@media(max-width:1250px){.navwrap .academics-level-one{width:330px;min-width:330px}.sj-flyout{width:285px}}
@media(max-width:900px){.navwrap .academics-level-one{display:none!important}.sj-flyout{position:static;width:auto;max-height:none;box-shadow:none;border-radius:8px;margin:5px 0 8px}.sj-nested-menu-item:hover>.sj-flyout{display:none}.sj-mobile-menu .sj-mobile-nested[open]{background:rgba(255,255,255,.05);border-radius:8px}}

/* V4.5.10: stable nested Academics flyouts and breadcrumb naming. Keep a transparent hover bridge between the parent item and flyout so the menu does not disappear while the pointer travels across. */
.navwrap .sj-flyout{left:100%!important;margin-left:0!important;overflow:visible!important;transition:opacity .12s ease,visibility .12s ease;}
.navwrap .sj-flyout::before{content:"";position:absolute;left:-12px;top:0;width:14px;height:100%;background:transparent;}
.navwrap .sj-nested-menu-item:hover>.sj-flyout,.navwrap .sj-nested-menu-item:focus-within>.sj-flyout,.navwrap .sj-flyout:hover{display:block!important;visibility:visible;opacity:1;}
.navwrap .sj-nested-menu-item>.sj-flyout{z-index:1400;}
@media (prefers-reduced-motion:reduce){.navwrap .sj-flyout{transition:none;}}

/* V4.5.43: keep Research dropdown visible and above page content on all public pages */
.navwrap{position:relative!important;z-index:5000!important;overflow:visible!important;isolation:isolate;}
.navwrap .container,.navwrap .nav{overflow:visible!important;}
.navwrap .nav-item{position:relative!important;}
.navwrap .nav-item > .dropdown{z-index:6000!important;top:100%!important;max-height:min(72vh,560px);overflow-y:auto;overscroll-behavior:contain;}
.navwrap .nav-item:hover > .dropdown,.navwrap .nav-item:focus-within > .dropdown{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.navwrap .research-dropdown{min-width:260px!important;}
.navwrap .research-dropdown a{white-space:normal;line-height:1.4;}
@media(max-width:900px){.navwrap .nav{overflow-x:auto!important;overflow-y:visible!important;} .navwrap .nav-item > .dropdown{position:absolute!important;top:100%!important;left:0!important;max-width:min(90vw,320px);}}


/* V4.5.44: retain the Research submenu when its Research & Development Cell page is active. */
/* Research active state must highlight only; dropdown opens on hover/focus like other menus. */
.navwrap .nav-item.sj-research-active > .nav-direct-link{background:rgba(255,255,255,.14)!important;color:#fff!important;}
.navwrap .research-dropdown{min-width:280px!important;padding:9px!important;}
.navwrap .research-dropdown a{display:block!important;padding:10px 12px!important;border-radius:8px!important;white-space:normal!important;line-height:1.4!important;}
.navwrap .research-dropdown a:hover,.navwrap .research-dropdown a:focus{background:#eaf5ff!important;color:#087fe5!important;}
@media(max-width:900px){
  .navwrap .nav{flex-wrap:wrap!important;overflow:visible!important;}
  /* Research dropdown follows standard hover/focus behavior on mobile. */
}


/* V4.5.45 — Research & Development Cell navigation fix (desktop + responsive). */
.navwrap{position:relative!important;z-index:9990!important;overflow:visible!important}
.navwrap .container,.navwrap .nav{overflow:visible!important}
/* Research active state must not force the dropdown open. */
.navwrap .nav-item.sj-research-active>.nav-direct-link{background:rgba(255,255,255,.18)!important;color:#fff!important}
.navwrap .nav-item.sj-research-active>.research-dropdown a{display:block!important;white-space:normal!important;line-height:1.4!important;padding:10px 12px!important}
@media(max-width:900px){.navwrap .nav{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}.navwrap .nav-item.sj-research-active:hover>.research-dropdown,.navwrap .nav-item.sj-research-active:focus-within>.research-dropdown{position:absolute!important;left:0!important;top:100%!important;width:min(88vw,320px)!important;max-width:88vw!important;max-height:70vh!important;overflow-y:auto!important;display:block!important;z-index:99999!important}}

/* V4.5.44: fix Academics mega-menu clipping seen in desktop screenshot.
   The generic dropdown rule adds max-height + overflow-y:auto, which creates
   a horizontal scrollbar and clips the nested course/staff flyouts. */
@media (min-width: 901px) {
  .navwrap .nav-item > .dropdown.academics-level-one {
    width: 370px !important;
    min-width: 370px !important;
    max-width: calc(100vw - 24px) !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
  }
  .navwrap .academics-level-one .sj-nested-menu-item { position: relative !important; }
  .navwrap .academics-level-one .sj-flyout {
    position: absolute !important;
    left: calc(100% + 2px) !important;
    top: 0 !important;
    width: 310px !important;
    max-width: min(310px, calc(100vw - 400px)) !important;
    max-height: min(70vh, 560px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
  }
  .navwrap .academics-level-one .sj-flyout a { white-space: normal !important; }
}

/* V4.5.46: Fix Facilities > Achievements flyout being clipped by the scrolling parent dropdown. */
@media (min-width: 901px) {
  .navwrap .nav-item > .dropdown.facilities-dropdown {
    position: absolute !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-height: none !important;
    height: auto !important;
    min-width: 300px !important;
    box-sizing: border-box !important;
  }
  .navwrap .facilities-dropdown .sj-facilities-achievements {
    position: relative !important;
    display: block !important;
    overflow: visible !important;
    z-index: 100000 !important;
    margin-top: 6px !important;
  }
  .navwrap .facilities-dropdown .sj-facilities-achievements-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .navwrap .facilities-dropdown .sj-achievements-flyout {
    display: none !important;
    position: absolute !important;
    left: calc(100% + 8px) !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    width: 270px !important;
    min-width: 230px !important;
    max-width: min(270px, calc(100vw - 330px)) !important;
    max-height: min(70vh, 520px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid #dce7f2 !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 34px rgba(18,52,86,.22) !important;
    z-index: 100001 !important;
    box-sizing: border-box !important;
  }
  .navwrap .facilities-dropdown .sj-facilities-achievements:hover > .sj-achievements-flyout,
  .navwrap .facilities-dropdown .sj-facilities-achievements:focus-within > .sj-achievements-flyout,
  .navwrap .facilities-dropdown .sj-achievements-flyout:hover {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .navwrap .facilities-dropdown .sj-achievements-flyout::before {
    content: "" !important;
    position: absolute !important;
    left: -12px !important;
    bottom: 0 !important;
    width: 14px !important;
    height: 100% !important;
    background: transparent !important;
  }
  .navwrap .facilities-dropdown .sj-achievements-flyout a {
    display: block !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    white-space: normal !important;
    line-height: 1.4 !important;
    color: #173f6d !important;
  }
  .navwrap .facilities-dropdown .sj-achievements-flyout a:hover,
  .navwrap .facilities-dropdown .sj-achievements-flyout a:focus {
    background: #eaf5ff !important;
    color: #087fe5 !important;
  }
}
@media (max-width: 900px) {
  .navwrap .facilities-dropdown .sj-facilities-achievements { display: none !important; }
  .navwrap .sj-mobile-nested .sj-achievements-flyout { display: block !important; position: static !important; max-height: none !important; width: auto !important; box-shadow: none !important; }
}

/* V4.5.47: Research dropdown should behave like a normal dropdown after navigation.
   Keep the current page's top-level highlight, but never pin the submenu open merely
   because the Research & Development Cell page is active. Keep the arrow visible. */
.navwrap .nav-item.sj-research-active > .research-dropdown {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.navwrap .nav-item.sj-research-active:hover > .research-dropdown,
.navwrap .nav-item.sj-research-active:focus-within > .research-dropdown {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.navwrap .nav-item > .nav-direct-link .nav-arrow {
  display: inline-block !important;
  visibility: visible !important;
  opacity: .85 !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
}

/* V4.5.48: Research & Development Cell must not pin the dropdown open.
   Keep only the top-level active highlight; all submenu visibility follows hover/focus. */
.navwrap .nav-item.sj-research-active > .research-dropdown {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.navwrap .nav-item.sj-research-active:hover > .research-dropdown,
.navwrap .nav-item.sj-research-active:focus-within > .research-dropdown {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.navwrap .nav-item > .nav-direct-link .nav-arrow,
.navwrap .nav-item.current > .nav-direct-link .nav-arrow,
.navwrap .nav-item.sj-research-active > .nav-direct-link .nav-arrow {
  display: inline-block !important;
  visibility: visible !important;
  opacity: .85 !important;
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1 !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
}


/* Navigation arrow consistency: never hide submenu indicators on active pages. */
.navwrap .nav-item > .nav-direct-link .nav-arrow{display:inline-block!important;visibility:visible!important;opacity:.8!important;position:static!important;flex:0 0 auto!important;color:inherit!important;margin-left:6px!important;font-size:11px!important;line-height:1!important;}
.navwrap .nav-item > .nav-direct-link{display:flex!important;align-items:center!important;gap:0!important;}
.navwrap .nav-item.sj-research-active > .nav-direct-link{background:rgba(255,255,255,.14)!important;color:#fff!important;}