/**
 * St. Joseph's Hosur — Energetic UI layer
 * Content & URLs unchanged; replaces legacy shell styling.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Outfit:wght@400;500;600;700;800&family=Syne:wght@600;700;800&display=swap");

:root {
  --sj-ink: #16141c;
  --sj-ink-soft: #4a4658;
  --sj-paper: #f7f6fa;
  --sj-card: #ffffff;
  /* Crest-aligned maroon + disciplined accent (production, not neon) */
  --sj-hot: #9b1b30;
  --sj-hot-dim: #7a1526;
  --sj-electric: #3d2f8c;
  --sj-mint: #0a8f7a;
  --sj-sun: #c9a227;
  --sj-deep: #1a1528;
  --sj-line: rgba(255, 255, 255, 0.12);
  --sj-shadow: 0 18px 48px rgba(22, 20, 28, 0.12);
  --sj-radius: 0.875rem;
  --sj-radius-lg: 1.25rem;
  --sj-max: 1220px;
  --sj-space: clamp(1rem, 3vw, 2rem);
  --sj-font: "Outfit", system-ui, sans-serif;
  /* Outfit-only display stack avoids Syne’s ultra-wide look reading as “squashed” in some layouts */
  --sj-display: "Outfit", system-ui, sans-serif;
  --sj-hot-rgb: 155, 27, 48;
  --sj-electric-rgb: 61, 47, 140;
  --sj-mint-rgb: 10, 143, 122;
  /* Crest-aligned accents (logo: red, blue, green, gold) */
  --sj-crest-red: #b91c1c;
  --sj-crest-blue: #1e3a5f;
  --sj-crest-green: #047857;
  --sj-crest-gold: #b45309;
  /* Staff-directory tables (accordion / dept / Value Education) */
  --sj-table-directory-bg: #f8e9eb;
  --sj-table-directory-thead-bg: #f0e1e5;
  --sj-table-directory-border: rgba(22, 20, 28, 0.12);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body.sj-energetic {
  margin: 0;
  font-family: var(--sj-font);
  font-size: 1rem;
  line-height: 1.55;
  color: var(--sj-ink-soft);
  background: var(--sj-paper);
  -webkit-font-smoothing: antialiased;
}

body.sj-energetic.pe-0 {
  padding: 0 !important;
}

/* ——— Shell: kill old split sidebar feel ——— */
body.sj-energetic main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.sj-energetic .main-left {
  position: sticky;
  top: 0;
  z-index: 200;
  width: 100% !important;
  min-height: unset !important;
  background: linear-gradient(135deg, var(--sj-deep) 0%, #2a2242 50%, #1f1a30 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

body.sj-energetic .left-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: var(--sj-max);
  margin: 0 auto;
  padding: 0.65rem var(--sj-space);
  width: 100%;
}

body.sj-energetic .main-logo {
  flex-shrink: 0;
}

body.sj-energetic .main-logo .logo {
  height: clamp(52px, 9vw, 72px) !important;
  width: auto !important;
  max-height: 72px !important;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35));
}

body.sj-energetic .side-menu ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  align-items: center;
  justify-content: flex-end;
}

body.sj-energetic .side-menu li a {
  display: inline-flex !important;
  align-items: center;
  gap: 0.3rem;
  padding: 0.32rem 0.55rem !important;
  border-radius: 0.5rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff !important;
  text-decoration: none !important;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: background 0.15s ease, border-color 0.15s ease;
}

body.sj-energetic .side-menu li.sj-side-item--search a {
  padding: 0.28rem 0.5rem !important;
  font-size: 0.68rem;
}

body.sj-energetic .side-menu li a:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.35);
}

body.sj-energetic .side-menu li a img {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.92;
}

/* Desktop: mega menu already covers Home / Institution / Academics / Student — hide duplicate pills */
@media (min-width: 992px) {
  body.sj-energetic .side-menu li.sj-side-item--also-mega {
    display: none !important;
  }
}

body.sj-energetic .main-right {
  width: 100% !important;
  flex: 1;
  margin: 0 !important;
  padding: 0 !important;
}

/* ——— Header / mega nav ——— */
body.sj-energetic .header-section {
  position: sticky;
  top: 0;
  z-index: 150;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
  box-shadow: 0 6px 24px rgba(22, 20, 28, 0.04);
}

body.sj-energetic .header_bg {
  display: none !important;
}

body.sj-energetic .navbar.main-nav {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  row-gap: 0.2rem;
  max-width: min(var(--sj-max), 100%);
  margin: 0 auto;
  padding: 0.45rem var(--sj-space) 0.55rem;
  overflow: visible !important;
}

/* 992–1200px: tighter type so all items stay one row */
@media (min-width: 992px) and (max-width: 1200px) {
  body.sj-energetic .dropbtn-mega {
    font-size: clamp(0.62rem, 0.45vw + 0.42rem, 0.74rem) !important;
    padding: 0.52rem clamp(0.14rem, 0.28vw, 0.32rem) !important;
    letter-spacing: 0.012em !important;
  }

  body.sj-energetic .dropbtn-mega .fa-caret-down {
    font-size: 0.52rem !important;
    margin-left: 0.1rem !important;
  }
}

body.sj-energetic .dropdown-mega1,
body.sj-energetic .dropdown-mega2,
body.sj-energetic .dropdown-mega3,
body.sj-energetic .dropdown-mega4,
body.sj-energetic .dropdown-mega5,
body.sj-energetic .dropdown-mega6,
body.sj-energetic [class^="dropdown-mega"] {
  position: relative;
  /* Legacy style.css used overflow:hidden for floats; it clips wide mega panels and nested flyouts. */
  overflow: visible !important;
}

body.sj-energetic .nav-single-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main menu: NCW-style flat bar links — no pill row, wraps naturally (no horizontal scroller) */
body.sj-energetic .dropbtn-mega {
  font-family: "Inter", var(--sj-font) !important;
  font-weight: 600 !important;
  font-size: clamp(0.66rem, 0.55vw + 0.42rem, 0.84rem) !important;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  padding: 0.58rem clamp(0.2rem, 0.42vw, 0.5rem) !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  color: var(--sj-ink-soft) !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}

body.sj-energetic .dropbtn-mega .fa-caret-down {
  font-size: 0.65rem !important;
  margin-left: 0.2rem;
  opacity: 0.75;
}

body.sj-energetic .dropbtn-mega:hover,
body.sj-energetic .dropbtn-mega:focus-visible {
  outline: none;
  color: var(--sj-deep) !important;
  border-bottom-color: var(--sj-mint) !important;
  box-shadow: none !important;
  transform: none;
}

body.sj-energetic [class*="dropdown-mega"]:hover > .dropbtn-mega,
body.sj-energetic [class*="dropdown-mega"]:focus-within > .dropbtn-mega {
  color: var(--sj-deep) !important;
  border-bottom-color: var(--sj-mint) !important;
}

body.sj-energetic a.dropbtn-mega {
  display: inline-flex !important;
  align-items: center;
  text-decoration: none !important;
}

/* Long single links (e.g. Genesis…) may wrap within a capped width */
body.sj-energetic .nav-single-btn .dropbtn-mega {
  white-space: normal !important;
  text-align: center;
  line-height: 1.25;
  max-width: 10.5rem;
  justify-content: center;
}

/* Hidden until hover (desktop) or .sj-mega-open (mobile) */
body.sj-energetic .dropdown-content-mega {
  display: none !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  /* Slight overlap under trigger — avoids hover gap where panel used to sit below the hit box */
  top: calc(100% - 6px) !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: min(94vw, 640px) !important;
  padding: 1rem !important;
  background: var(--sj-card) !important;
  border-radius: var(--sj-radius-lg) !important;
  box-shadow: var(--sj-shadow) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.15) !important;
  z-index: 5000 !important;
}

/* Desktop: one behaviour for every mega — panel grows with content; no inner scrollbars (Student vs Examination matched) */
@media (min-width: 1101px) {
  body.sj-energetic .dropdown-content-mega {
    min-width: 11rem !important;
    width: max-content !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.sj-energetic .dropdown-content-mega .navdropdown {
    box-sizing: border-box !important;
    max-width: min(calc(94vw - 2rem), calc(640px - 2rem)) !important;
    max-height: none !important;
    overflow: visible !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }

}

/* Invisible hit strip under trigger (not clipped by panel overflow): keeps :hover while moving to menu */
@media (min-width: 1101px) {
  body.sj-energetic .navbar.main-nav [class^="dropdown-mega"]::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    height: 18px !important;
    z-index: 4999 !important;
  }
}

@media (min-width: 992px) {
  body.sj-energetic [class*="dropdown-mega"]:hover > .dropdown-content-mega,
  body.sj-energetic [class*="dropdown-mega"]:focus-within > .dropdown-content-mega {
    display: block !important;
  }
}

body.sj-energetic .navdropdown ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sj-energetic .navdropdown > ul > li > a {
  display: block;
  padding: 0.45rem 0.65rem !important;
  border-radius: 0.5rem;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: var(--sj-ink) !important;
  text-decoration: none !important;
}

body.sj-energetic .navdropdown > ul > li > a:hover {
  background: linear-gradient(90deg, rgba(var(--sj-hot-rgb), 0.08), rgba(var(--sj-electric-rgb), 0.08));
  color: var(--sj-hot-dim) !important;
}

body.sj-energetic .navdropdown ul ul {
  margin: 0.25rem 0 0.5rem 0.75rem !important;
  padding-left: 0.5rem !important;
  border-left: 2px solid rgba(var(--sj-electric-rgb), 0.25);
}

body.sj-energetic .navdropdown ul ul a {
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  color: var(--sj-ink) !important;
  text-decoration: none !important;
}

body.sj-energetic .navdropdown ul ul a:hover {
  color: var(--sj-hot-dim) !important;
  text-decoration: none !important;
}

/* Breadcrumb strip — compact, very light bg, overrides legacy 75px / hero image */
body.sj-energetic .breadcrumb-section,
body.sj-energetic .breadcrumb-section.sj-breadcrumb-strip {
  background: #fafbfc !important;
  background-image: none !important;
  padding: clamp(0.85rem, 2vw, 1.35rem) 0 !important;
  min-height: 0 !important;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.07);
  box-shadow: none !important;
}

body.sj-energetic .breadcrumb-section::before {
  display: none !important;
  content: none !important;
}

body.sj-energetic .breadcrumb-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  text-align: left !important;
  z-index: 1 !important;
  position: relative !important;
}

body.sj-energetic .breadcrumb-content h1#page_heading {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.35rem, 3.2vw, 1.85rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-breadcrumb-nav {
  width: 100%;
}

body.sj-energetic .sj-breadcrumb-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.25rem 0 !important;
}

body.sj-energetic .sj-breadcrumb-item {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--sj-ink-soft) !important;
  line-height: 1.4 !important;
}

body.sj-energetic .sj-breadcrumb-item:not(:last-child)::after {
  content: "/" !important;
  display: inline-block !important;
  margin: 0 0.5rem 0 0.5rem !important;
  color: rgba(74, 70, 88, 0.38) !important;
  font-weight: 500 !important;
  pointer-events: none !important;
}

body.sj-energetic .sj-breadcrumb-item a {
  color: var(--sj-electric) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.15s ease, border-color 0.15s ease !important;
}

body.sj-energetic .sj-breadcrumb-item a:hover {
  color: var(--sj-hot) !important;
  border-bottom-color: rgba(var(--sj-hot-rgb), 0.35) !important;
}

body.sj-energetic .sj-breadcrumb-item.sj-breadcrumb-current {
  color: var(--sj-deep) !important;
  font-weight: 700 !important;
}

body.sj-energetic #s_head,
body.sj-energetic #s_head li {
  font-size: inherit !important;
  color: inherit !important;
}

/* ——— Global content container (inner pages + home) ——— */
body.sj-energetic .wrapper {
  max-width: var(--sj-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--sj-space) !important;
  padding-right: var(--sj-space) !important;
  width: 100% !important;
}

body.sj-energetic .title-section .subtitle {
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin-bottom: 0.35rem !important;
}

body.sj-energetic .title-section .main-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.65rem, 4vw, 2.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  color: var(--sj-deep) !important;
}

body.sj-energetic .main-btn,
body.sj-energetic .courses-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.25rem !important;
  border-radius: 999px !important;
  font-family: var(--sj-font) !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  text-decoration: none !important;
  border: none !important;
  background: linear-gradient(135deg, var(--sj-hot), var(--sj-hot-dim)) !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(var(--sj-hot-rgb), 0.35);
  transition: transform 0.15s, box-shadow 0.15s;
}

body.sj-energetic .main-btn:hover,
body.sj-energetic .courses-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(var(--sj-electric-rgb), 0.35);
  color: #fff !important;
}

body.sj-energetic .main-btn img,
body.sj-energetic .courses-btn img {
  width: 18px !important;
  height: auto !important;
  filter: brightness(0) invert(1);
}

/* Grid columns — flexible */
body.sj-energetic .col_2.col_1_lg,
body.sj-energetic .col_2 {
  display: grid !important;
  gap: 1.5rem !important;
}

@media (min-width: 900px) {
  body.sj-energetic .col_2.col_1_lg,
  body.sj-energetic .col_2:not(.col_1_sm) {
    grid-template-columns: 1fr 1fr !important;
    align-items: center;
  }
}

body.sj-energetic .col_2.col_2_lg {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 600px) {
  body.sj-energetic .col_2.col_2_lg {
    grid-template-columns: 1fr !important;
  }
}

body.sj-energetic .col_3 {
  display: grid !important;
  gap: 1.25rem !important;
}

@media (min-width: 768px) {
  body.sj-energetic .col_3.col_1_lg {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* ——— Hero / banner ——— */
body.sj-energetic .sj-hero.banner-section,
body.sj-energetic .banner-section.sj-hero {
  margin: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}

body.sj-energetic .sj-hero-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
}

body.sj-energetic .sj-hero-frame .mySwiper {
  border-radius: 0;
}

body.sj-energetic .sj-hero .swiper-slide {
  position: relative;
}

body.sj-energetic .sj-hero .slider-container {
  width: 100%;
  height: min(78vh, 640px);
  object-fit: cover;
  display: block;
}

body.sj-energetic .sj-hero .banner-content {
  position: absolute;
  inset: auto 0 0 0;
  padding: clamp(1.75rem, 5vw, 3.25rem);
  padding-bottom: clamp(2rem, 5.5vw, 3.5rem);
  background: linear-gradient(0deg, rgba(12, 11, 16, 0.88) 0%, rgba(12, 11, 16, 0.35) 45%, transparent 100%);
}

body.sj-energetic .sj-hero .banner-title {
  font-family: var(--sj-font) !important;
  font-size: clamp(1.45rem, 3.8vw, 2.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em;
  color: #fff !important;
  margin: 0 !important;
  max-width: min(38rem, 94vw);
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.55);
}

body.sj-energetic .sj-hero .banner-title-primary {
  display: block;
}

body.sj-energetic .sj-hero .banner-title-meta {
  display: block;
  margin-top: 0.4rem;
  font-size: 0.78em;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: none;
  opacity: 0.92;
  color: rgba(255, 255, 255, 0.95) !important;
}

body.sj-energetic .sj-hero .banner-title::after {
  content: "";
  display: block;
  width: 72px;
  height: 5px;
  margin-top: 1.15rem;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--sj-hot), var(--sj-sun));
  opacity: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

/* ——— Notice bar (NCW-style: label + ticker, full-width accent) ——— */
body.sj-energetic .notice-section.sj-notice-bar {
  margin: 0;
  padding: 0;
  background: linear-gradient(90deg, #c9a227 0%, #e8d48a 45%, #f0e4b0 100%);
  border-bottom: none;
  box-shadow: 0 2px 12px rgba(22, 20, 28, 0.06);
}

body.sj-energetic .sj-notice-bar-inner {
  max-width: var(--sj-max);
  margin: 0 auto;
  padding: 0.55rem var(--sj-space);
  display: flex;
  align-items: center;
  gap: 0.85rem 1rem;
  flex-wrap: wrap;
}

body.sj-energetic .sj-notice-bar-label {
  flex-shrink: 0;
  font-family: "Inter", var(--sj-font) !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff !important;
  background: var(--sj-deep);
  padding: 0.4rem 0.75rem;
  border-radius: 0.35rem;
  box-shadow: 0 2px 8px rgba(26, 21, 40, 0.2);
}

body.sj-energetic .sj-notice-bar .notice-marquee {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body.sj-energetic .sj-notice-bar .notice-marquee-item {
  font-family: "Inter", var(--sj-font) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #2a2438 !important;
}

body.sj-energetic .sj-notice-bar .notice-empty {
  font-size: 0.875rem;
  font-weight: 600;
  color: #3d3648;
  margin: 0;
  padding: 0;
  text-align: left;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ——— Latest news (home widget) ——— */
body.sj-energetic .news-section {
  padding: clamp(2rem, 5vw, 3rem) var(--sj-space) !important;
  background: linear-gradient(180deg, #fff 0%, var(--sj-paper) 100%) !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.07);
}

body.sj-energetic .news-heading {
  max-width: var(--sj-max);
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 1.5rem !important;
}

body.sj-energetic .news-heading h2 {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.1rem, 2.4vw, 1.3rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em;
  color: var(--sj-deep) !important;
}

body.sj-energetic .news-heading-link {
  color: var(--sj-hot) !important;
  border-color: rgba(var(--sj-hot-rgb), 0.35) !important;
}

body.sj-energetic .news-heading-link:hover {
  background: rgba(var(--sj-hot-rgb), 0.1) !important;
  color: var(--sj-hot-dim) !important;
}

body.sj-energetic .news-heading-line {
  background: linear-gradient(90deg, rgba(var(--sj-electric-rgb), 0.22), rgba(var(--sj-hot-rgb), 0.14)) !important;
}

body.sj-energetic .news-magazine {
  max-width: var(--sj-max) !important;
  margin: 0 auto !important;
}

body.sj-energetic .news-featured-image.is-fallback,
body.sj-energetic .news-side-thumb.is-fallback {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(155deg, rgba(var(--sj-electric-rgb), 0.1), rgba(var(--sj-hot-rgb), 0.06)) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
}

body.sj-energetic .news-fallback-svg {
  width: 3.25rem;
  height: 3.25rem;
  color: rgba(var(--sj-electric-rgb), 0.3);
}

body.sj-energetic .news-fallback-visual--sm .news-fallback-svg {
  width: 2rem;
  height: 2rem;
}

/* ——— Home sections ——— */
body.sj-energetic .sj-home-band {
  padding-block: clamp(2.5rem, 6vw, 4rem);
}

body.sj-energetic .sj-about {
  background: linear-gradient(180deg, #fff 0%, var(--sj-paper) 100%);
}

body.sj-energetic .sj-about .about-img img {
  border-radius: var(--sj-radius-lg);
  box-shadow: var(--sj-shadow);
  width: 100%;
  height: auto;
  object-fit: cover;
}

body.sj-energetic .sj-secretary {
  background: linear-gradient(135deg, rgba(var(--sj-electric-rgb), 0.08), rgba(var(--sj-hot-rgb), 0.06));
}

body.sj-energetic .sj-secretary .principal-inner {
  display: grid !important;
  gap: 2rem;
  align-items: center;
}

@media (min-width: 900px) {
  body.sj-energetic .sj-secretary .principal-inner {
    grid-template-columns: 1.2fr 0.85fr !important;
    align-items: center;
  }
}

body.sj-energetic .sj-secretary .principal-img {
  text-align: center;
}

body.sj-energetic .sj-secretary .principal-img img {
  border-radius: var(--sj-radius-lg);
  box-shadow: var(--sj-shadow);
  max-width: 100%;
  height: auto;
}

body.sj-energetic .sj-secretary .principal-img h4 {
  font-family: var(--sj-display) !important;
  margin-top: 1rem !important;
  color: var(--sj-deep) !important;
}

/* Principal’s Desk — horizontal profile hero + single centered letter (avoids empty tall sidebar) */
body.sj-energetic .sj-principal-desk--editorial.sj-principal-desk {
  background: #fff !important;
  padding-block: clamp(1.75rem, 4vw, 2.75rem) !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-principal-desk-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-principal-desk-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.85rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-principal-desk-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-principal-desk-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

/* One-row profile strip: photo + name/title + CTA — full width, no short right column */
body.sj-energetic .sj-principal-desk-hero {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1rem 1.5rem !important;
  padding: clamp(1rem, 2.5vw, 1.35rem) clamp(1.1rem, 2.5vw, 1.5rem) !important;
  margin-bottom: clamp(1.5rem, 3vw, 2rem) !important;
  background: #fafbfc !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.1) !important;
  border-radius: var(--sj-radius-lg) !important;
  box-shadow: 0 4px 20px rgba(22, 20, 28, 0.04) !important;
}

body.sj-energetic .sj-principal-desk-hero-photo {
  flex: 0 0 auto !important;
  width: 6.75rem !important;
  height: 6.75rem !important;
  margin: 0 !important;
  border-radius: var(--sj-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(26, 21, 40, 0.12) !important;
}

body.sj-energetic .sj-principal-desk-hero-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 20% !important;
}

body.sj-energetic .sj-principal-desk-hero-body {
  flex: 1 1 12rem !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.85rem 1.25rem !important;
  min-width: 0 !important;
}

body.sj-energetic .sj-principal-desk-hero-text {
  flex: 1 1 14rem !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.sj-energetic .sj-principal-desk-hero .sj-principal-desk-name {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.08rem, 1.6vw, 1.28rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.3rem !important;
  line-height: 1.25 !important;
}

body.sj-energetic .sj-principal-desk-hero .sj-principal-desk-role {
  font-size: 0.84rem !important;
  line-height: 1.5 !important;
  color: var(--sj-ink-soft) !important;
  margin: 0 !important;
}

body.sj-energetic .sj-principal-desk-hero-actions {
  flex: 0 0 auto !important;
}

body.sj-energetic .sj-principal-desk-hero-actions .main-btn {
  width: auto !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media (max-width: 560px) {
  body.sj-energetic .sj-principal-desk-hero {
    flex-direction: column !important;
    text-align: center !important;
  }

  body.sj-energetic .sj-principal-desk-hero-body {
    flex-direction: column !important;
    justify-content: center !important;
  }

  body.sj-energetic .sj-principal-desk-hero-text {
    text-align: center !important;
  }

  body.sj-energetic .sj-principal-desk-hero-actions .main-btn {
    width: 100% !important;
  }
}

/* Letter: same horizontal measure as hero card (shell full width); justified body copy */
body.sj-energetic .sj-principal-desk-letter {
  max-width: none !important;
  margin-inline: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  overflow-wrap: break-word !important;
}

body.sj-energetic .sj-principal-desk-quote {
  margin: 0 0 1.5rem !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  font-family: var(--sj-font) !important;
  font-size: clamp(0.92rem, 1.1vw, 1.02rem) !important;
  font-style: normal !important;
  line-height: 1.55 !important;
  color: var(--sj-deep) !important;
  border-left: 3px solid var(--sj-sun) !important;
  padding-left: 1rem !important;
  margin-left: 0 !important;
  text-align: justify !important;
}

body.sj-energetic .sj-principal-desk-quote strong {
  font-weight: 700 !important;
}

body.sj-energetic .sj-principal-desk-quote-ref {
  display: block !important;
  margin-top: 0.35rem !important;
  font-size: 0.88em !important;
  font-weight: 600 !important;
  color: var(--sj-ink-soft) !important;
  letter-spacing: 0.02em !important;
  text-align: start !important;
}

body.sj-energetic .sj-principal-desk-prose {
  max-width: none !important;
}

body.sj-energetic .sj-principal-desk-prose p {
  margin: 0 0 1.15rem !important;
  color: var(--sj-ink-soft) !important;
  font-size: 0.98rem !important;
  line-height: 1.78 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

body.sj-energetic .sj-principal-desk-prose p:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-principal-desk-signoff {
  margin-top: 0.25rem !important;
  color: var(--sj-deep) !important;
  text-align: start !important;
}

/* ——— Vision & Mission (inner page) — editorial grid, crest-aligned typography ——— */
body.sj-energetic .sj-vision-mission--editorial.sj-vision-mission {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-vision-mission--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-vision-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-vision-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-vision-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-vision-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-vision-grid {
  display: grid !important;
  gap: clamp(1rem, 2.2vw, 1.35rem) !important;
  align-items: stretch !important;
}

@media (min-width: 992px) {
  body.sj-energetic .sj-vision-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
  }

  body.sj-energetic .sj-vision-card--emblem {
    grid-row: 1 / span 2 !important;
    grid-column: 1 !important;
  }

  body.sj-energetic .sj-vision-card--motto {
    grid-row: 1 !important;
    grid-column: 2 !important;
  }

  body.sj-energetic .sj-vision-card--vision {
    grid-row: 2 !important;
    grid-column: 2 !important;
  }

  body.sj-energetic .sj-vision-card--mission {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }
}

body.sj-energetic .sj-vision-mission--editorial .sj-vision-card {
  margin-bottom: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-vision-mission--editorial .sj-vision-card:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-vision-card-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.02rem, 1.35vw, 1.18rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 1rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-vision-emblem {
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
  text-align: center !important;
}

@media (min-width: 992px) {
  body.sj-energetic .sj-vision-emblem {
    text-align: left !important;
  }
}

body.sj-energetic .sj-vision-emblem img {
  display: inline-block !important;
  width: auto !important;
  max-width: min(9.5rem, 42%) !important;
  height: auto !important;
  object-fit: contain !important;
}

body.sj-energetic .sj-vision-symbol-list,
body.sj-energetic .sj-vision-mission-list {
  margin: 0 !important;
  padding-left: 1.2rem !important;
  list-style: disc !important;
  color: var(--sj-ink-soft) !important;
  font-size: 0.96rem !important;
  line-height: 1.65 !important;
}

body.sj-energetic .sj-vision-symbol-list li,
body.sj-energetic .sj-vision-mission-list li {
  margin-bottom: 0.65rem !important;
}

body.sj-energetic .sj-vision-symbol-list li:last-child,
body.sj-energetic .sj-vision-mission-list li:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-vision-symbol-list li::marker,
body.sj-energetic .sj-vision-mission-list li::marker {
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-vision-symbol-list strong {
  color: var(--sj-deep) !important;
  font-weight: 700 !important;
}

body.sj-energetic .sj-vision-motto-text {
  margin: 0 !important;
  font-family: var(--sj-display) !important;
  font-size: clamp(1.12rem, 2vw, 1.38rem) !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--sj-deep) !important;
  padding: 0.35rem 0 0.35rem 1rem !important;
  border-left: 3px solid var(--sj-sun) !important;
}

body.sj-energetic .sj-vision-prose {
  margin: 0 !important;
  color: var(--sj-ink-soft) !important;
  font-size: 0.98rem !important;
  line-height: 1.75 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* ——— Aims & objectives (inner page) ——— */
body.sj-energetic .sj-aims--editorial.sj-aims {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-aims--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-aims-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-aims-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-aims-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-aims-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-aims-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-aims-card {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-aims-card:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-aims-list,
body.sj-energetic .sj-quality-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 0.7rem 2rem !important;
  grid-template-columns: 1fr !important;
}

@media (min-width: 768px) {
  body.sj-energetic .sj-aims-list,
  body.sj-energetic .sj-quality-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.sj-energetic .sj-aims-list li,
body.sj-energetic .sj-quality-list li {
  position: relative !important;
  margin: 0 !important;
  padding-left: 1.35rem !important;
  color: var(--sj-ink-soft) !important;
  font-size: 0.96rem !important;
  line-height: 1.62 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

body.sj-energetic .sj-aims-list li::before,
body.sj-energetic .sj-quality-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.55em !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  border-radius: 50% !important;
  background: var(--sj-hot) !important;
  box-shadow: 0 0 0 2px rgba(var(--sj-hot-rgb), 0.2) !important;
}

/* ——— Institutional Development Plan (inner page) ——— */
body.sj-energetic .sj-idp--editorial.sj-idp {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-idp--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-idp-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-idp-pagehead {
  margin-bottom: clamp(1.5rem, 3.5vw, 2.25rem);
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-idp-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-idp-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-idp-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-idp-block {
  margin-bottom: clamp(1.85rem, 4vw, 2.75rem);
}

body.sj-energetic .sj-idp-block:last-of-type {
  margin-bottom: 0;
}

body.sj-energetic .sj-idp-section-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.12rem, 2.2vw, 1.42rem) !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 1rem !important;
  padding-bottom: 0.65rem !important;
  border-bottom: 2px solid rgba(var(--sj-hot-rgb), 0.28) !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-idp-subhead {
  font-family: var(--sj-font) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.6rem !important;
}

body.sj-energetic .sj-idp-prose {
  margin: 0 0 1rem !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.72 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-idp-prose:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-idp-prose-stack {
  width: 100% !important;
  max-width: none !important;
}

body.sj-energetic .sj-idp-card-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

body.sj-energetic .sj-idp-card-stack .vision-box {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-idp-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  gap: 0.65rem 1.5rem !important;
  grid-template-columns: 1fr !important;
}

@media (min-width: 768px) {
  body.sj-energetic .sj-idp-list--two-col {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.sj-energetic .sj-idp-list li {
  position: relative !important;
  margin: 0 !important;
  padding-left: 1.3rem !important;
  color: var(--sj-ink-soft) !important;
  font-size: 0.94rem !important;
  line-height: 1.6 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

body.sj-energetic .sj-idp-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.52em !important;
  width: 0.42rem !important;
  height: 0.42rem !important;
  border-radius: 50% !important;
  background: var(--sj-hot) !important;
  box-shadow: 0 0 0 2px rgba(var(--sj-hot-rgb), 0.18) !important;
}

body.sj-energetic .sj-idp-swoc-grid {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: 1fr !important;
}

@media (min-width: 900px) {
  body.sj-energetic .sj-idp-swoc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.sj-energetic .sj-idp-swoc-card {
  margin-bottom: 0 !important;
  padding: clamp(1rem, 2.2vw, 1.35rem) clamp(1rem, 2.2vw, 1.45rem) !important;
  border-left: 4px solid rgba(var(--sj-electric-rgb), 0.45) !important;
}

body.sj-energetic .sj-idp-swoc-card--s {
  border-left-color: var(--sj-mint) !important;
}

body.sj-energetic .sj-idp-swoc-card--w {
  border-left-color: var(--sj-sun) !important;
}

body.sj-energetic .sj-idp-swoc-card--o {
  border-left-color: var(--sj-electric) !important;
}

body.sj-energetic .sj-idp-swoc-card--c {
  border-left-color: var(--sj-hot) !important;
}

body.sj-energetic .sj-idp-swoc-card .sj-idp-swoc-card-title {
  font-family: var(--sj-display) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.75rem !important;
}

body.sj-energetic .sj-idp-focus-intro {
  margin-bottom: 1rem !important;
}

body.sj-energetic .sj-idp-goals {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.25rem !important;
}

body.sj-energetic .sj-idp-goal-label {
  font-family: var(--sj-font) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.5rem !important;
  line-height: 1.35 !important;
}

body.sj-energetic .sj-idp-goal-body {
  margin: 0 !important;
}

body.sj-energetic .sj-idp-goal-body .vision-box {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-idp-pullquote {
  margin: 0 0 1.25rem !important;
  padding: 1rem 1.15rem !important;
  border-radius: var(--sj-radius) !important;
  background: linear-gradient(135deg, rgba(var(--sj-electric-rgb), 0.06), rgba(var(--sj-hot-rgb), 0.05)) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-deep) !important;
  font-weight: 600 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

/* ——— ISO certification (inner page) ——— */
body.sj-energetic .sj-iso--editorial.sj-iso {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-iso--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-iso-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-iso-pagehead {
  margin-bottom: clamp(1.35rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-iso-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-iso-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-iso-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-iso-cert {
  max-width: 44rem;
  margin-inline: auto;
}

body.sj-energetic .sj-iso-figure {
  margin: 0;
}

body.sj-energetic .sj-iso-zoom {
  display: block;
  position: relative;
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.14);
  box-shadow: 0 14px 44px rgba(22, 20, 28, 0.11);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  outline: none;
}

body.sj-energetic .sj-iso-zoom:hover,
body.sj-energetic .sj-iso-zoom:focus-visible {
  box-shadow: 0 20px 52px rgba(22, 20, 28, 0.15);
  transform: translateY(-3px);
  border-color: rgba(var(--sj-hot-rgb), 0.28);
}

body.sj-energetic .sj-iso-zoom:focus-visible {
  outline: 2px solid var(--sj-electric);
  outline-offset: 3px;
}

body.sj-energetic .sj-iso-img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

body.sj-energetic .sj-iso-zoom-hint {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.65rem 1rem 0.75rem;
  background: linear-gradient(transparent, rgba(26, 21, 40, 0.88));
  color: #fff;
  font-family: var(--sj-font);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}

body.sj-energetic .sj-iso-zoom:hover .sj-iso-zoom-hint,
body.sj-energetic .sj-iso-zoom:focus-visible .sj-iso-zoom-hint {
  opacity: 1;
}

body.sj-energetic .sj-iso-caption {
  margin: 1rem 0 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--sj-ink-soft);
  text-align: center;
}

/* ——— Affiliation certificates (inner page) ——— */
body.sj-energetic .sj-affiliation--editorial.sj-affiliation {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-affiliation--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-affiliation-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-affiliation-pagehead {
  margin-bottom: clamp(1.35rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-affiliation-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-affiliation-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-affiliation-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-affiliation-grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 1.1rem !important;
  grid-template-columns: 1fr !important;
}

@media (min-width: 576px) {
  body.sj-energetic .sj-affiliation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  body.sj-energetic .sj-affiliation-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

body.sj-energetic .sj-affiliation-item {
  margin: 0 !important;
  padding: 0 !important;
}

body.sj-energetic .sj-affiliation-doc {
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: clamp(1.1rem, 2.2vw, 1.4rem) !important;
  border-radius: var(--sj-radius-lg) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  background: var(--sj-card) !important;
  box-shadow: 0 8px 28px rgba(22, 20, 28, 0.07) !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
}

body.sj-energetic .sj-affiliation-doc:hover {
  border-color: rgba(var(--sj-hot-rgb), 0.28) !important;
  box-shadow: 0 16px 44px rgba(22, 20, 28, 0.11) !important;
  transform: translateY(-2px);
}

body.sj-energetic .sj-affiliation-doc-head {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.85rem !important;
  margin-bottom: 0.5rem !important;
}

body.sj-energetic .sj-affiliation-doc-icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.55rem;
  background: linear-gradient(145deg, rgba(var(--sj-hot-rgb), 0.1), rgba(var(--sj-electric-rgb), 0.08));
  border: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-affiliation-doc-icon img {
  width: 1.35rem !important;
  height: auto !important;
  display: block !important;
}

body.sj-energetic .sj-affiliation-doc-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1rem, 1.85vw, 1.14rem) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--sj-deep) !important;
  margin: 0 !important;
}

body.sj-energetic .sj-affiliation-doc-meta {
  margin: 0 0 1rem !important;
  padding-left: calc(2.5rem + 0.85rem) !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  color: var(--sj-ink-soft) !important;
  flex: 1 1 auto !important;
}

body.sj-energetic .sj-affiliation-doc-cta {
  align-self: flex-start !important;
  margin-top: auto !important;
  margin-left: calc(2.5rem + 0.85rem) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.5rem 1.15rem !important;
  border-radius: 999px !important;
  font-family: var(--sj-font) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  border: 2px solid rgba(var(--sj-hot-rgb), 0.38) !important;
  color: var(--sj-hot) !important;
  background: transparent !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

body.sj-energetic .sj-affiliation-doc-cta:hover {
  background: linear-gradient(135deg, var(--sj-hot), var(--sj-hot-dim)) !important;
  color: #fff !important;
  border-color: transparent !important;
  transform: translateY(-1px);
}

body.sj-energetic .sj-affiliation-doc-cta:focus-visible {
  outline: 2px solid var(--sj-electric) !important;
  outline-offset: 3px !important;
}

/* ——— Quality auditing certificates (inner page) ——— */
body.sj-energetic .sj-auditing--editorial.sj-auditing {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-auditing--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-auditing-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-auditing-pagehead {
  margin-bottom: clamp(1.35rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-auditing-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-auditing-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-auditing-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-auditing-grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 1.1rem !important;
  grid-template-columns: 1fr !important;
}

@media (min-width: 576px) {
  body.sj-energetic .sj-auditing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  body.sj-energetic .sj-auditing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

body.sj-energetic .sj-auditing-item {
  margin: 0 !important;
  padding: 0 !important;
}

body.sj-energetic .sj-auditing-figure {
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

body.sj-energetic .sj-auditing-zoom {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 15rem;
  padding: 0.85rem;
  border-radius: var(--sj-radius-lg);
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12);
  background: linear-gradient(165deg, #fafbfc 0%, #eef0f4 100%);
  box-shadow: 0 8px 28px rgba(22, 20, 28, 0.07);
  overflow: hidden;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
  outline: none;
}

body.sj-energetic .sj-auditing-zoom:hover,
body.sj-energetic .sj-auditing-zoom:focus-visible {
  border-color: rgba(var(--sj-hot-rgb), 0.28);
  box-shadow: 0 16px 44px rgba(22, 20, 28, 0.11);
  transform: translateY(-2px);
}

body.sj-energetic .sj-auditing-zoom:focus-visible {
  outline: 2px solid var(--sj-electric);
  outline-offset: 3px;
}

body.sj-energetic .sj-auditing-img {
  max-width: 100%;
  max-height: 22rem;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  transition: transform 0.28s ease;
}

body.sj-energetic .sj-auditing-zoom:hover .sj-auditing-img,
body.sj-energetic .sj-auditing-zoom:focus-visible .sj-auditing-img {
  transform: scale(1.02);
}

body.sj-energetic .sj-auditing-hint {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.55rem 0.65rem;
  background: linear-gradient(transparent, rgba(26, 21, 40, 0.88));
  color: #fff;
  font-family: var(--sj-font);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}

body.sj-energetic .sj-auditing-zoom:hover .sj-auditing-hint,
body.sj-energetic .sj-auditing-zoom:focus-visible .sj-auditing-hint {
  opacity: 1;
}

body.sj-energetic .sj-auditing-caption {
  margin: 0.55rem 0 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--sj-ink-soft);
  text-align: center;
}

/* ——— Government Order PDF (inner page; card styles shared with affiliation) ——— */
body.sj-energetic .sj-govorder--editorial.sj-govorder {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-govorder--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-govorder-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-govorder-pagehead {
  margin-bottom: clamp(1.35rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-govorder-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-govorder-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-govorder-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-govorder-list {
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 24rem;
}

body.sj-energetic .sj-govorder-list > li {
  margin: 0 !important;
  padding: 0 !important;
}

/* ——— UGC 2(f) & 12(B) certificate (inner page) ——— */
body.sj-energetic .sj-ugc--editorial.sj-ugc {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-ugc--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-ugc-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-ugc-pagehead {
  margin-bottom: clamp(1.35rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-ugc-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-ugc-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-ugc-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-ugc-cert {
  max-width: 44rem;
  margin-inline: auto;
}

body.sj-energetic .sj-ugc-figure {
  margin: 0;
}

body.sj-energetic .sj-ugc-zoom {
  display: block;
  position: relative;
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.14);
  box-shadow: 0 14px 44px rgba(22, 20, 28, 0.11);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  outline: none;
}

body.sj-energetic .sj-ugc-zoom:hover,
body.sj-energetic .sj-ugc-zoom:focus-visible {
  box-shadow: 0 20px 52px rgba(22, 20, 28, 0.15);
  transform: translateY(-3px);
  border-color: rgba(var(--sj-hot-rgb), 0.28);
}

body.sj-energetic .sj-ugc-zoom:focus-visible {
  outline: 2px solid var(--sj-electric);
  outline-offset: 3px;
}

body.sj-energetic .sj-ugc-img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

body.sj-energetic .sj-ugc-zoom-hint {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.65rem 1rem 0.75rem;
  background: linear-gradient(transparent, rgba(26, 21, 40, 0.88));
  color: #fff;
  font-family: var(--sj-font);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}

body.sj-energetic .sj-ugc-zoom:hover .sj-ugc-zoom-hint,
body.sj-energetic .sj-ugc-zoom:focus-visible .sj-ugc-zoom-hint {
  opacity: 1;
}

body.sj-energetic .sj-ugc-caption {
  margin: 1rem 0 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--sj-ink-soft);
  text-align: center;
}

/* ——— UG / PG Syllabus (inner page; PDF cards reuse affiliation styles) ——— */
body.sj-energetic .sj-ug-syllabus--editorial.sj-ug-syllabus,
body.sj-energetic .sj-pg-syllabus--editorial.sj-pg-syllabus {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-ug-syllabus--editorial.section_margin,
body.sj-energetic .sj-pg-syllabus--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-ug-syllabus-shell,
body.sj-energetic .sj-pg-syllabus-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-ug-syllabus-pagehead,
body.sj-energetic .sj-pg-syllabus-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.75rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-ug-syllabus-kicker,
body.sj-energetic .sj-pg-syllabus-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-ug-syllabus-title,
body.sj-energetic .sj-pg-syllabus-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-ug-syllabus-lead,
body.sj-energetic .sj-pg-syllabus-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-ug-syllabus-nav-wrap {
  margin-bottom: 1.35rem;
}

body.sj-energetic .sj-ug-syllabus-nav.nav-tabs {
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  gap: 0.35rem;
  flex-wrap: wrap !important;
}

body.sj-energetic .sj-ug-syllabus-nav .nav-item {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-ug-syllabus-nav .nav-link {
  font-family: var(--sj-font) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  color: var(--sj-ink-soft) !important;
  border: 1px solid transparent !important;
  border-radius: var(--sj-radius) var(--sj-radius) 0 0 !important;
  padding: 0.6rem 1.05rem !important;
  margin-bottom: -1px !important;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
}

body.sj-energetic .sj-ug-syllabus-nav .nav-link:hover {
  color: var(--sj-deep) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.15) !important;
  background: rgba(var(--sj-electric-rgb), 0.04) !important;
}

body.sj-energetic .sj-ug-syllabus-nav .nav-link.active {
  color: var(--sj-deep) !important;
  background: #fff !important;
  border-color: rgba(var(--sj-electric-rgb), 0.12) rgba(var(--sj-electric-rgb), 0.12) #fff !important;
  border-bottom-color: #fff !important;
  box-shadow: inset 0 -3px 0 var(--sj-hot) !important;
}

body.sj-energetic .sj-ug-syllabus-nav .sj-ug-syllabus-nav-link--external {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  text-decoration: none !important;
}

body.sj-energetic .sj-ug-syllabus-nav .sj-ug-syllabus-nav-link--external:hover {
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-ug-syllabus-external-mark {
  font-size: 0.85em;
  opacity: 0.85;
  font-weight: 800;
}

body.sj-energetic .sj-ug-syllabus-tab-panel {
  padding-top: 0.25rem;
}

/* ——— Curriculum planning / CIA diagram pages (shared diagram chrome below) ——— */
body.sj-energetic .sj-curriculum--editorial.sj-curriculum,
body.sj-energetic .sj-cia--editorial.sj-cia {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-curriculum--editorial.section_margin,
body.sj-energetic .sj-cia--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-curriculum-shell,
body.sj-energetic .sj-cia-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-curriculum-pagehead,
body.sj-energetic .sj-cia-pagehead {
  margin-bottom: clamp(1.35rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-curriculum-kicker,
body.sj-energetic .sj-cia-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-curriculum-title,
body.sj-energetic .sj-cia-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-curriculum-lead,
body.sj-energetic .sj-cia-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.68 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-curriculum-diagram {
  max-width: min(56rem, 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-curriculum-figure {
  margin: 0;
}

body.sj-energetic .sj-curriculum-zoom {
  display: block;
  position: relative;
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.14);
  box-shadow: 0 14px 44px rgba(22, 20, 28, 0.11);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
  outline: none;
}

body.sj-energetic .sj-curriculum-zoom:hover,
body.sj-energetic .sj-curriculum-zoom:focus-visible {
  box-shadow: 0 20px 52px rgba(22, 20, 28, 0.15);
  transform: translateY(-3px);
  border-color: rgba(var(--sj-hot-rgb), 0.28);
}

body.sj-energetic .sj-curriculum-zoom:focus-visible {
  outline: 2px solid var(--sj-electric);
  outline-offset: 3px;
}

body.sj-energetic .sj-curriculum-img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: middle;
}

body.sj-energetic .sj-curriculum-hint {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.65rem 1rem 0.75rem;
  background: linear-gradient(transparent, rgba(26, 21, 40, 0.88));
  color: #fff;
  font-family: var(--sj-font);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  opacity: 0;
  transition: opacity 0.22s ease;
  pointer-events: none;
}

body.sj-energetic .sj-curriculum-zoom:hover .sj-curriculum-hint,
body.sj-energetic .sj-curriculum-zoom:focus-visible .sj-curriculum-hint {
  opacity: 1;
}

body.sj-energetic .sj-curriculum-caption {
  margin: 1rem 0 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--sj-ink-soft);
  text-align: center;
}

/* ——— Blazonry / coat of arms (inner page) ——— */
body.sj-energetic .sj-blazonry--editorial.sj-blazonry {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-blazonry--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-blazonry-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-blazonry-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-blazonry-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-blazonry-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-blazonry-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-blazonry-lead em {
  font-style: italic !important;
  color: var(--sj-deep) !important;
  font-weight: 600 !important;
}

body.sj-energetic .sj-blazonry-layout {
  display: grid !important;
  gap: clamp(1.25rem, 3vw, 2rem) !important;
  align-items: stretch !important;
  grid-template-columns: 1fr !important;
}

/* Explicit stretch so image column and prose card share one row height (≥900px) */
@media (min-width: 900px) {
  body.sj-energetic .sj-blazonry-layout > .sj-blazonry-figure,
  body.sj-energetic .sj-blazonry-layout > .sj-blazonry-prose-card {
    align-self: stretch !important;
    min-height: 0 !important;
  }
}

@media (min-width: 900px) {
  body.sj-energetic .sj-blazonry-layout {
    grid-template-columns: minmax(0, 17.5rem) minmax(0, 1fr) !important;
    align-items: stretch !important;
  }
}

@media (min-width: 1100px) {
  body.sj-energetic .sj-blazonry-layout {
    grid-template-columns: minmax(0, 19.5rem) minmax(0, 1fr) !important;
    gap: 2.25rem !important;
  }
}

/* Figure column stretches to match prose card height; frame grows; image spans full column width */
body.sj-energetic .sj-blazonry-figure {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 20rem !important;
  width: 100% !important;
  justify-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}

@media (min-width: 900px) {
  body.sj-energetic .sj-blazonry-figure {
    justify-self: stretch !important;
    max-width: none !important;
    width: 100% !important;
  }
}

body.sj-energetic .sj-blazonry-frame {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 0 !important;
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  box-shadow: 0 8px 28px rgba(22, 20, 28, 0.08) !important;
  background: #fafbfc !important;
  line-height: 0 !important;
}

/* Full width of the image column (original behaviour); frame still stretches for equal column height */
body.sj-energetic .sj-blazonry-frame img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

body.sj-energetic .sj-blazonry-prose-card {
  margin-bottom: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-blazonry-prose {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

body.sj-energetic .sj-blazonry-prose-card:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-blazonry-prose p {
  margin: 0 0 1.1rem !important;
  color: var(--sj-ink-soft) !important;
  font-size: 0.98rem !important;
  line-height: 1.75 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

body.sj-energetic .sj-blazonry-prose p:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-blazonry-prose q {
  font-style: italic !important;
  color: var(--sj-deep) !important;
}

/* ——— Quality Policy (inner page) ——— */
body.sj-energetic .sj-quality-policy--editorial.sj-quality-policy {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-quality-policy--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-quality-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-quality-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-quality-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-quality-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-quality-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-quality-card {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-quality-card:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

/* ——— Placement graph (inner page) ——— */
body.sj-energetic .sj-placement-graph--editorial.sj-placement-graph {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-placement-graph--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-placement-graph-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-placement-graph-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-placement-graph-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-placement-graph-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-placement-graph-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-placement-graph-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-placement-graph-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-placement-graph-tabs.nav-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  border-bottom: none !important;
  margin: 0 0 1.25rem !important;
  padding: 0 !important;
}

body.sj-energetic .sj-placement-graph-tabs .nav-item {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-placement-graph-tabs .nav-link {
  font-family: var(--sj-font) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  padding: 0.5rem 1.15rem !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.18) !important;
  border-radius: 999px !important;
  color: var(--sj-deep) !important;
  background: #fafbfc !important;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

body.sj-energetic .sj-placement-graph-tabs .nav-link:hover {
  border-color: var(--sj-hot) !important;
  color: var(--sj-hot) !important;
  background: #fff !important;
}

body.sj-energetic .sj-placement-graph-tabs .nav-link.active {
  background: var(--sj-hot) !important;
  border-color: var(--sj-hot) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

body.sj-energetic .sj-placement-graph-tab-content {
  padding-top: 0.25rem !important;
}

body.sj-energetic .sj-placement-graph-tab-content .tab-pane:focus-visible {
  outline: 2px solid var(--sj-electric) !important;
  outline-offset: 4px !important;
}

body.sj-energetic .sj-placement-graph-figure {
  margin: 0 !important;
  max-width: min(38rem, 92%) !important;
  margin-inline: auto !important;
}

body.sj-energetic .sj-placement-graph-frame {
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  box-shadow: 0 8px 28px rgba(22, 20, 28, 0.08) !important;
  background: #fafbfc !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-placement-graph-frame img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* ——— Students strength graph (inner page) ——— */
body.sj-energetic .sj-students-strength--editorial.sj-students-strength {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-students-strength--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-students-strength-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-students-strength-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-students-strength-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-students-strength-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-students-strength-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-students-strength-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-students-strength-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-students-strength-figure {
  margin: 0 !important;
  max-width: min(38rem, 92%) !important;
  margin-inline: auto !important;
}

body.sj-energetic .sj-students-strength-frame {
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  box-shadow: 0 8px 28px rgba(22, 20, 28, 0.08) !important;
  background: #fafbfc !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-students-strength-frame img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* ——— Gallery inner page (index.php?page=gallery) ——— */
body.sj-energetic .gallery-section.sj-gallery-page--editorial.sj-gallery-page {
  margin-top: 0 !important;
  background: #fff !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
  /* Avoid double horizontal padding with .wrapper (overrides generic .gallery-section) */
  padding: clamp(1.75rem, 4vw, 2.85rem) 0 !important;
}

body.sj-energetic .gallery-section.sj-gallery-page--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.sj-energetic .sj-gallery-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-gallery-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-gallery-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-gallery-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.1rem, 2.2vw, 1.35rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-mosaic {
  --bs-gutter-x: 0.75rem !important;
  --bs-gutter-y: 0.75rem !important;
  margin-left: calc(var(--bs-gutter-x) * -0.5) !important;
  margin-right: calc(var(--bs-gutter-x) * -0.5) !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-tile {
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  box-shadow: 0 4px 18px rgba(22, 20, 28, 0.06) !important;
  background: #fafbfc !important;
  line-height: 0 !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-tile:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 36px rgba(22, 20, 28, 0.1) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.22) !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-tile a {
  display: block !important;
  outline: none !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-tile a:focus-visible {
  outline: 2px solid var(--sj-electric) !important;
  outline-offset: 3px !important;
}

body.sj-energetic .sj-gallery-page--editorial .sj-gallery-tile img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* ——— Facilities (index.php?page=facilities) ——— */
body.sj-energetic .sj-facilities--editorial.sj-facilities {
  margin-top: 0 !important;
  background: #fff !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-facilities--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.sj-energetic .sj-facilities-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-facilities-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-facilities-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-facilities-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-facilities-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-facilities-grid {
  --bs-gutter-x: 1rem !important;
  --bs-gutter-y: 1rem !important;
}

body.sj-energetic .sj-facilities-tile {
  margin: 0 !important;
  height: 100% !important;
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  box-shadow: 0 6px 22px rgba(22, 20, 28, 0.06) !important;
  background: var(--sj-card) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body.sj-energetic .sj-facilities-tile:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 38px rgba(22, 20, 28, 0.1) !important;
  border-color: rgba(var(--sj-hot-rgb), 0.28) !important;
}

body.sj-energetic .sj-facilities-tile-link {
  display: block !important;
  position: relative !important;
  text-decoration: none !important;
  color: inherit !important;
  outline: none !important;
}

body.sj-energetic .sj-facilities-tile-link:focus-visible {
  outline: 2px solid var(--sj-electric) !important;
  outline-offset: 3px !important;
}

body.sj-energetic .sj-facilities-tile-media {
  position: relative !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: rgba(var(--sj-electric-rgb), 0.06) !important;
}

body.sj-energetic .sj-facilities-tile-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.35s ease !important;
}

body.sj-energetic .sj-facilities-tile:hover .sj-facilities-tile-media img {
  transform: scale(1.04) !important;
}

body.sj-energetic .sj-facilities-tile-caption {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 2.35rem 1rem 0.85rem !important;
  background: linear-gradient(
    to top,
    rgba(26, 10, 46, 0.92) 0%,
    rgba(26, 10, 46, 0.45) 55%,
    transparent 100%
  ) !important;
  pointer-events: none !important;
}

body.sj-energetic .sj-facilities-tile-title {
  margin: 0 !important;
  font-family: var(--sj-display) !important;
  font-size: clamp(0.95rem, 2.1vw, 1.08rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35) !important;
}

/* ——— Departments hub (index.php?page=department); tiles reuse .sj-facilities-tile* ——— */
body.sj-energetic .sj-departments--editorial.sj-departments {
  margin-top: 0 !important;
  background: #fff !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-departments--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

body.sj-energetic .sj-departments-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-departments-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-departments-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-departments-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-departments-lead {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
}

body.sj-energetic .sj-departments-group {
  margin-bottom: clamp(1.85rem, 3.5vw, 2.65rem);
}

body.sj-energetic .sj-departments-group:last-child {
  margin-bottom: 0;
}

body.sj-energetic .sj-departments-group-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(0.92rem, 1.85vw, 1.05rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sj-deep) !important;
  margin: 0 0 1.05rem !important;
  padding-bottom: 0.55rem !important;
  border-bottom: 2px solid rgba(var(--sj-hot-rgb), 0.28) !important;
  text-align: center !important;
}

body.sj-energetic .sj-departments-grid {
  --bs-gutter-x: 1rem !important;
  --bs-gutter-y: 1rem !important;
}

/* ——— Department inner pages (Overview / Activities / Faculty tabs) ——— */
body.sj-energetic .sj-dept-page--editorial.sj-dept-page {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-dept-page--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(0.85rem, 2.2vw, 1.5rem) !important;
}

body.sj-energetic .sj-dept-page-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-dept-page-details.row {
  --bs-gutter-x: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.sj-energetic .sj-dept-page-tabs.nav-tabs {
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  gap: 0.35rem;
  flex-wrap: wrap !important;
  margin-bottom: 1rem !important;
}

body.sj-energetic .sj-dept-page-tabs .nav-item {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-dept-page-tabs .nav-link {
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: var(--sj-ink-soft) !important;
  border: 1px solid transparent !important;
  border-radius: var(--sj-radius) var(--sj-radius) 0 0 !important;
  padding: 0.55rem 0.95rem !important;
  margin-bottom: -1px !important;
  transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease !important;
}

body.sj-energetic .sj-dept-page-tabs .nav-link:hover {
  color: var(--sj-deep) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.15) !important;
  background: rgba(var(--sj-electric-rgb), 0.04) !important;
}

body.sj-energetic .sj-dept-page-tabs .nav-link.active {
  color: var(--sj-deep) !important;
  background: #fff !important;
  border-color: rgba(var(--sj-electric-rgb), 0.12) rgba(var(--sj-electric-rgb), 0.12) #fff !important;
  border-bottom-color: #fff !important;
  box-shadow: inset 0 -3px 0 var(--sj-hot) !important;
}

body.sj-energetic .sj-dept-page--editorial .tab-content {
  padding-top: 0.15rem;
}

body.sj-energetic .sj-dept-page--editorial .tab-inner {
  padding-top: 0.15rem;
}

body.sj-energetic .sj-dept-page--editorial .vision-inner .col_1 {
  margin-bottom: 1rem !important;
}

body.sj-energetic .sj-dept-page--editorial .vision-box {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-dept-page--editorial .vision-box h4 {
  font-family: var(--sj-display) !important;
  color: var(--sj-deep) !important;
  font-size: clamp(1rem, 2vw, 1.12rem) !important;
  font-weight: 800 !important;
  margin: 0 0 0.6rem !important;
  line-height: 1.35 !important;
}

body.sj-energetic .sj-dept-page--editorial .vision-box p,
body.sj-energetic .sj-dept-page--editorial .vision-box li {
  color: var(--sj-ink-soft) !important;
  font-size: 0.96rem !important;
  line-height: 1.65 !important;
}

body.sj-energetic .sj-dept-page--editorial .vision-box ul {
  margin: 0 0 0.5rem !important;
  padding-left: 1.25rem !important;
}

body.sj-energetic .sj-dept-page-logo-img {
  display: block;
  max-height: 12rem;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  border-radius: var(--sj-radius);
  object-fit: contain;
}

body.sj-energetic .sj-dept-page--editorial .table-responsive {
  border-radius: var(--sj-radius-lg);
  overflow: visible;
  border: 1px solid var(--sj-table-directory-border);
  margin-bottom: 1rem;
  background: var(--sj-card);
  padding: clamp(1rem, 2.2vw, 1.35rem);
  box-shadow: none;
}

body.sj-energetic .sj-dept-page--editorial .table-responsive:has(.table-download) {
  border-color: var(--sj-table-directory-border);
  box-shadow: none;
}

body.sj-energetic .sj-dept-page--editorial .table {
  margin-bottom: 0 !important;
  border-color: var(--sj-table-directory-border) !important;
  --bs-table-border-color: var(--sj-table-directory-border);
}

body.sj-energetic .sj-dept-page--editorial .table.table-bordered.border-dark {
  border-color: var(--sj-table-directory-border) !important;
}

/* Dept + Value Education: pale pink header bar, maroon uppercase headers, airy white body (staff-directory ref) */
body.sj-energetic .sj-dept-page--editorial .table thead {
  background: var(--sj-table-directory-thead-bg) !important;
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-dept-page--editorial .table thead th {
  background: transparent !important;
  color: var(--sj-hot) !important;
  border-color: var(--sj-table-directory-border) !important;
  vertical-align: middle !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.055em !important;
  font-size: 0.72rem !important;
  text-align: center !important;
  padding: 12px 15px !important;
}

body.sj-energetic .sj-dept-page--editorial .table thead th:not(:first-child) {
  border-left: 1px solid var(--sj-table-directory-border) !important;
}

body.sj-energetic .sj-dept-page--editorial .table thead p {
  color: inherit !important;
  margin: 0 !important;
  font-weight: 800 !important;
  font-size: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
}

body.sj-energetic .sj-dept-page--editorial .table tbody td {
  vertical-align: middle !important;
  background: #fff !important;
  color: var(--sj-ink) !important;
  padding: 12px 15px !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(22, 20, 28, 0.08) !important;
}

body.sj-energetic .sj-dept-page--editorial .table tbody tr:last-child td {
  border-bottom: none !important;
}

body.sj-energetic .sj-dept-page--editorial .table.table-striped tbody tr:nth-child(odd) td,
body.sj-energetic .sj-dept-page--editorial .table.table-striped tbody tr:nth-child(even) td {
  background: #fff !important;
}

body.sj-energetic .sj-dept-page--editorial .table tbody p {
  margin: 0 !important;
  color: inherit !important;
}

body.sj-energetic .sj-dept-page--editorial .table tbody td:first-child {
  text-align: center !important;
}

body.sj-energetic .sj-dept-page--editorial .table tbody td:not(:first-child) {
  text-align: left !important;
}

body.sj-energetic .sj-dept-page--editorial .table-download tbody td:nth-child(2) {
  text-align: left !important;
}

body.sj-energetic .sj-dept-page--editorial .table-download thead th:nth-child(3),
body.sj-energetic .sj-dept-page--editorial .table-download tbody td:nth-child(3) {
  text-align: center !important;
}

body.sj-energetic .sj-dept-page--editorial .table-download tbody td:nth-child(3) .download-text {
  justify-content: center !important;
}

body.sj-energetic .sj-dept-page--editorial .table-members th:first-child,
body.sj-energetic .sj-dept-page--editorial .table-members td:first-child {
  text-align: center !important;
  width: 3.75rem;
}

body.sj-energetic .sj-dept-page--editorial .table-members tbody td:nth-child(2) p,
body.sj-energetic .sj-dept-page--editorial .table-members tbody td:nth-child(3) p,
body.sj-energetic .sj-dept-page--editorial .table-members tbody td:nth-child(4) p {
  text-align: left !important;
}

body.sj-energetic .sj-dept-page--editorial .table-members tbody td:nth-child(3) p {
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  font-size: 0.9rem !important;
}

body.sj-energetic .sj-dept-page--editorial .download-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  font-weight: 700 !important;
  color: var(--sj-hot) !important;
  text-decoration: none !important;
}

body.sj-energetic .sj-dept-page--editorial .download-text:hover {
  color: var(--sj-electric) !important;
}

body.sj-energetic .sj-dept-page--editorial .download-text img {
  width: 18px !important;
  height: auto !important;
}

/* Add on & Certificate courses (coursedetails.php) */
body.sj-energetic .sj-dept-page--editorial.sj-course-details-page .sj-course-details-subtitle {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.2rem, 2.5vw, 1.45rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: clamp(1.75rem, 4vw, 2.25rem) 0 1rem !important;
  line-height: 1.3 !important;
}

body.sj-energetic .sj-dept-page--editorial.sj-course-details-page .sj-table-year-divider td {
  background: var(--sj-table-directory-thead-bg) !important;
  text-align: center !important;
  border-bottom: 1px solid var(--sj-table-directory-border) !important;
  padding: 0.65rem 1rem !important;
  vertical-align: middle !important;
}

body.sj-energetic .sj-dept-page--editorial.sj-course-details-page .sj-table-year-divider p {
  margin: 0 !important;
  font-family: var(--sj-display) !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-dept-page--editorial.sj-course-details-page .sj-addon-courses-table ul {
  margin: 0 !important;
  padding-left: 1.15rem !important;
  text-align: left !important;
}

body.sj-energetic .sj-dept-page--editorial.sj-course-details-page .sj-addon-courses-table li {
  margin-bottom: 0.3rem !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-dept-page--editorial.sj-course-details-page .sj-addon-courses-table li:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-dept-page--editorial.sj-course-details-page .sj-addon-courses-table li p {
  margin: 0 !important;
}

/* MOOC / SWAYAM (mooc-swayam.php) */
body.sj-energetic .sj-mooc-swayam-page .sj-mooc-spoc-card {
  text-align: center !important;
}

body.sj-energetic .sj-mooc-swayam-page .sj-mooc-spoc-card h4 {
  text-align: center !important;
}

body.sj-energetic .sj-mooc-swayam-page .sj-mooc-spoc-link {
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 28px rgba(22, 20, 28, 0.08) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  line-height: 0 !important;
  transition: box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease !important;
}

body.sj-energetic .sj-mooc-swayam-page .sj-mooc-spoc-link:hover {
  border-color: rgba(var(--sj-hot-rgb), 0.22) !important;
  box-shadow: 0 14px 40px rgba(22, 20, 28, 0.12) !important;
  transform: translateY(-2px);
}

body.sj-energetic .sj-mooc-swayam-page .sj-mooc-spoc-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: min(70vh, 36rem) !important;
  object-fit: contain !important;
  background: var(--sj-paper) !important;
}

/* Academic calendar (calendar.php), annual report (annual_report.php), Student subpages */
body.sj-energetic .sj-academic-calendar-page .sj-academic-calendar-lead,
body.sj-energetic .sj-annual-report-page .sj-annual-report-lead,
body.sj-energetic .sj-student-subpage .sj-student-subpage-lead {
  margin-top: 0 !important;
  max-width: 42rem !important;
  font-size: 0.98rem !important;
  line-height: 1.6 !important;
  color: var(--sj-ink-soft) !important;
}

/* Student menu + Research menu: Fancybox photo grids in tabs */
body.sj-energetic .sj-student-subpage .gallery-part > .row,
body.sj-energetic .sj-research-subpage .gallery-part > .row,
body.sj-energetic .sj-editorial-subpage .gallery-part > .row {
  --sj-student-gallery-gap: clamp(0.75rem, 2.2vw, 1.125rem);
  row-gap: var(--sj-student-gallery-gap) !important;
}

body.sj-energetic .sj-student-subpage .gallery-part > .row > [class*="col-"] > .gallery-part,
body.sj-energetic .sj-research-subpage .gallery-part > .row > [class*="col-"] > .gallery-part,
body.sj-energetic .sj-editorial-subpage .gallery-part > .row > [class*="col-"] > .gallery-part {
  margin-bottom: 0 !important;
  height: 100%;
}

body.sj-energetic .sj-student-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox],
body.sj-energetic .sj-research-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox],
body.sj-energetic .sj-editorial-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox] {
  display: block !important;
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-hot-rgb), 0.14) !important;
  box-shadow: 0 4px 18px rgba(22, 20, 28, 0.07) !important;
  background: var(--sj-card) !important;
  line-height: 0 !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
}

body.sj-energetic .sj-student-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:hover,
body.sj-energetic .sj-research-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:hover,
body.sj-energetic .sj-editorial-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:hover {
  border-color: rgba(var(--sj-hot-rgb), 0.38) !important;
  box-shadow: 0 12px 34px rgba(22, 20, 28, 0.11) !important;
  transform: translateY(-2px);
}

body.sj-energetic .sj-student-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:focus-visible,
body.sj-energetic .sj-research-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:focus-visible,
body.sj-energetic .sj-editorial-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:focus-visible {
  outline: 2px solid var(--sj-hot) !important;
  outline-offset: 3px !important;
}

body.sj-energetic .sj-student-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox] img.img-fluid,
body.sj-energetic .sj-research-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox] img.img-fluid,
body.sj-energetic .sj-editorial-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox] img.img-fluid {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

/* Research / book cover tab: row > col > gallery-part (coverpage.php include) */
body.sj-energetic .sj-research-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox],
body.sj-energetic .sj-editorial-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox] {
  display: block !important;
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-hot-rgb), 0.14) !important;
  box-shadow: 0 4px 18px rgba(22, 20, 28, 0.07) !important;
  background: var(--sj-card) !important;
  line-height: 0 !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease !important;
}

body.sj-energetic .sj-research-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:hover,
body.sj-energetic .sj-editorial-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox]:hover {
  border-color: rgba(var(--sj-hot-rgb), 0.38) !important;
  box-shadow: 0 12px 34px rgba(22, 20, 28, 0.11) !important;
  transform: translateY(-2px);
}

body.sj-energetic .sj-research-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox] img.img-fluid,
body.sj-energetic .sj-editorial-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox] img.img-fluid {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block !important;
}

@media (max-width: 575.98px) {
  body.sj-energetic .sj-student-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox],
  body.sj-energetic .sj-research-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox],
  body.sj-energetic .sj-editorial-subpage .gallery-part > .row > [class*="col-"] > .gallery-part > a[data-fancybox] {
    aspect-ratio: 1 / 1;
  }
  body.sj-energetic .sj-research-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox],
  body.sj-energetic .sj-editorial-subpage .tab-inner > .row > [class*="col-"] > .gallery-part > a[data-fancybox] {
    aspect-ratio: 1 / 1;
  }
}

body.sj-energetic .sj-research-subpage .tab-inner,
body.sj-energetic .sj-editorial-subpage .tab-inner {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.sj-energetic .sj-research-subpage .sj-research-check {
  color: var(--sj-hot) !important;
  font-weight: 700 !important;
  font-size: 1.125rem !important;
}

body.sj-energetic .sj-research-subpage .sj-research-members-heading {
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: var(--sj-ink) !important;
  letter-spacing: 0.02em;
  padding-bottom: 0.35rem !important;
  margin-bottom: 0.75rem !important;
  border-bottom: 2px solid rgba(var(--sj-hot-rgb), 0.28) !important;
}

/* Alumnae / profiles: staff card meta (replaces page-local <style>) */
body.sj-energetic .sj-editorial-subpage .staff-content.staff-content-relative {
  position: relative !important;
}
body.sj-energetic .sj-editorial-subpage .staff-content.staff-content-relative .title {
  text-shadow: none !important;
}
body.sj-energetic .sj-editorial-subpage .staff-content.staff-content-relative .desc span:nth-child(1) {
  font-weight: 600;
  color: var(--sj-ink);
  flex: 0 0 45%;
}
body.sj-energetic .sj-editorial-subpage .staff-content.staff-content-relative .desc span:nth-child(2) {
  flex: auto;
  padding-left: 5px;
}
body.sj-energetic .sj-editorial-subpage .staff-content.staff-content-relative .desc {
  color: var(--sj-ink-soft) !important;
  display: flex;
  justify-content: space-between;
}
body.sj-energetic .sj-editorial-subpage .staff-content.staff-content-relative .desc span {
  font-weight: 600;
  color: var(--sj-ink);
}

/* Examination: tables & lists inside editorial shell */
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .grade-table th,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .exam-marks-table th,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .cia-marks-table th,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .cia-marks-table-2 th,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .cia-marks-table-3 th {
  background: rgba(var(--sj-hot-rgb), 0.1) !important;
  color: var(--sj-ink) !important;
  font-weight: 700 !important;
}
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .grade-table .total-row,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .exam-marks-table .total-row,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .cia-marks-table .total-row,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .cia-marks-table-2 .total-row,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .cia-marks-table-3 .total-row,
body.sj-energetic .sj-dept-page--editorial.sj-examination-page .total {
  background: var(--sj-hot) !important;
  color: #fff !important;
}

/* Library section: tab strip matches dept tabs */
body.sj-energetic .sj-library-page .library-details .nav.nav-tabs {
  border-bottom-color: rgba(var(--sj-hot-rgb), 0.22) !important;
}
body.sj-energetic .sj-library-page .library-details .nav.nav-tabs .nav-link {
  color: var(--sj-ink-soft) !important;
  font-weight: 600 !important;
}
body.sj-energetic .sj-library-page .library-details .nav.nav-tabs .nav-link.active {
  color: var(--sj-hot) !important;
  border-bottom-color: var(--sj-hot) !important;
}

body.sj-energetic .sj-editorial-subpage .joseco-box .joseco-content h5 {
  color: var(--sj-hot) !important;
}

/* Sports page — Winners tab (banner + folder images; no Fancybox) */
body.sj-energetic .sj-student-subpage #contact-tab-pane .tab-inner {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.sj-energetic .sj-student-subpage .sj-sports-winners-grid {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.sj-energetic .sj-student-subpage .sj-sports-winner-photo {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: var(--sj-radius-lg) !important;
  border: 1px solid rgba(var(--sj-hot-rgb), 0.14) !important;
  box-shadow: 0 4px 18px rgba(22, 20, 28, 0.07) !important;
  background: var(--sj-card) !important;
}

body.sj-energetic .sj-student-subpage .sj-sports-winners-grid p {
  margin-top: 0.65rem !important;
  margin-bottom: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft) !important;
}

/* Faculty grid: equal-height cards; override legacy absolute .staff-content overlay from style.css */
body.sj-energetic .sj-dept-page--editorial .staff-profile-tab > .row {
  row-gap: 1.25rem;
}

body.sj-energetic .sj-dept-page--editorial .staff-profile-tab > .row > [class*="col-"] {
  display: flex !important;
  flex-direction: column !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-profile-box {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  margin-bottom: 0 !important;
  border-radius: var(--sj-radius-lg) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  overflow: hidden !important;
  background: var(--sj-card) !important;
  box-shadow: 0 6px 22px rgba(22, 20, 28, 0.06) !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-profile-box:hover {
  box-shadow: 0 14px 36px rgba(22, 20, 28, 0.1) !important;
  transform: translateY(-3px);
  border-color: rgba(var(--sj-hot-rgb), 0.25) !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-profile-box > a {
  text-decoration: none !important;
  color: inherit !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-profile-img {
  flex-shrink: 0 !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  background: rgba(var(--sj-electric-rgb), 0.08) !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-profile-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-content {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  min-height: 0 !important;
  padding: 0.85rem 0.75rem 1rem !important;
  background: var(--sj-card) !important;
  text-align: left !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-content .title {
  font-family: var(--sj-display) !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-content .title span {
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-dept-page--editorial .staff-content .desc {
  margin: 0 !important;
  margin-top: auto !important;
  padding-top: 0.5rem !important;
  font-size: 0.85rem !important;
  color: var(--sj-hot) !important;
  font-weight: 700 !important;
}

/* Time table tab: PDF tiles (fixes oversized img + left-clumped layout from legacy .magazine-year) */
body.sj-energetic .sj-dept-page--editorial .calendar-section .col_5 {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch;
}

body.sj-energetic .sj-dept-page--editorial .calendar-section .magazine-year {
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.4rem;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 1rem 1.15rem !important;
  border-radius: var(--sj-radius-lg) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  background: var(--sj-card) !important;
  box-shadow: 0 6px 22px rgba(22, 20, 28, 0.06) !important;
}

body.sj-energetic .sj-dept-page--editorial .calendar-section .magazine-year:hover {
  border-color: rgba(var(--sj-hot-rgb), 0.22) !important;
  box-shadow: 0 10px 28px rgba(22, 20, 28, 0.08) !important;
}

body.sj-energetic .sj-dept-page--editorial .calendar-section .magazine-icon {
  grid-column: 1;
  grid-row: 1 / -1;
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  margin: 0 !important;
  padding: 0.4rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0.75rem !important;
  background: rgba(var(--sj-hot-rgb), 0.1) !important;
}

body.sj-energetic .sj-dept-page--editorial .calendar-section .magazine-icon img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

body.sj-energetic .sj-dept-page--editorial .calendar-section .magazine-year .title {
  grid-column: 2;
  grid-row: 1;
  font-family: var(--sj-display) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  text-align: left !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  align-self: start;
}

body.sj-energetic .sj-dept-page--editorial .calendar-section .magazine-year a {
  grid-column: 2;
  grid-row: 2;
  justify-self: start !important;
  align-self: start !important;
  margin: 0 !important;
  padding: 0.3rem 0.9rem !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--sj-hot-rgb), 0.45) !important;
  color: var(--sj-hot) !important;
  background: rgba(var(--sj-hot-rgb), 0.06) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

body.sj-energetic .sj-dept-page--editorial .calendar-section .magazine-year a:hover {
  color: #fff !important;
  background: var(--sj-hot) !important;
  border-color: var(--sj-hot) !important;
}

/* ——— Map / location (inner page) ——— */
body.sj-energetic .sj-map-page--editorial.sj-map-page {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-map-page--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-map-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-map-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-map-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-map-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-map-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-map-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-map-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-map-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 16rem !important;
  max-height: min(28rem, 70vh) !important;
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  box-shadow: 0 8px 28px rgba(22, 20, 28, 0.08) !important;
  background: #fafbfc !important;
}

body.sj-energetic .sj-map-frame iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

/* ——— Contact us (inner page) ——— */
body.sj-energetic .sj-contact-page--editorial.sj-contact-page {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-contact-page--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-contact-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-contact-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-contact-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-contact-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-contact-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-contact-required {
  color: var(--sj-hot) !important;
  font-weight: 700 !important;
}

body.sj-energetic .sj-contact-layout {
  align-items: stretch !important;
}

body.sj-energetic .sj-contact-aside,
body.sj-energetic .sj-contact-form-card {
  margin-bottom: 0 !important;
  height: 100% !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-contact-aside:hover,
body.sj-energetic .sj-contact-form-card:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-contact-aside-title,
body.sj-energetic .sj-contact-form-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.02rem, 1.35vw, 1.15rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 1.1rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-contact-details {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sj-energetic .sj-contact-details-item {
  margin: 0 0 1.1rem !important;
  padding: 0 !important;
}

body.sj-energetic .sj-contact-details-item:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-contact-details-label {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sj-hot) !important;
  margin-bottom: 0.35rem !important;
}

body.sj-energetic .sj-contact-details-value {
  display: block !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-contact-details-item a.sj-contact-details-value {
  color: var(--sj-electric) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.sj-energetic .sj-contact-details-item a.sj-contact-details-value:hover {
  color: var(--sj-hot) !important;
  text-decoration: underline !important;
}

body.sj-energetic .sj-contact-label {
  display: block !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: var(--sj-deep) !important;
  margin-bottom: 0.4rem !important;
}

body.sj-energetic .sj-contact-form input[type="text"],
body.sj-energetic .sj-contact-form input[type="email"],
body.sj-energetic .sj-contact-form input[type="tel"],
body.sj-energetic .sj-contact-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-family: var(--sj-font) !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
  color: var(--sj-deep) !important;
  background: #fff !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.2) !important;
  border-radius: var(--sj-radius) !important;
  padding: 0.65rem 0.85rem !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.sj-energetic .sj-contact-form textarea {
  min-height: 8rem !important;
  resize: vertical !important;
}

body.sj-energetic .sj-contact-form input::placeholder,
body.sj-energetic .sj-contact-form textarea::placeholder {
  color: rgba(74, 70, 88, 0.65) !important;
}

body.sj-energetic .sj-contact-form input:focus,
body.sj-energetic .sj-contact-form textarea:focus {
  outline: none !important;
  border-color: var(--sj-hot) !important;
  box-shadow: 0 0 0 3px rgba(var(--sj-hot-rgb), 0.15) !important;
}

body.sj-energetic .sj-contact-submit.main-btn {
  margin-top: 0.25rem !important;
}

/* ——— Our Instigator (inner page) ——— */
body.sj-energetic .sj-instigator--editorial.sj-instigator {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-instigator--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-instigator-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-instigator-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-instigator-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-instigator-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-instigator-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-instigator-layout {
  display: grid !important;
  gap: clamp(1.25rem, 3vw, 2rem) !important;
  align-items: start !important;
  grid-template-columns: 1fr !important;
}

@media (min-width: 900px) {
  body.sj-energetic .sj-instigator-layout {
    grid-template-columns: minmax(0, 16.5rem) minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  body.sj-energetic .sj-instigator-profile {
    position: sticky !important;
    top: 1.25rem !important;
    align-self: start !important;
  }
}

body.sj-energetic .sj-instigator-photo-card,
body.sj-energetic .sj-instigator-prose-card {
  margin-bottom: 0 !important;
  height: 100% !important;
  padding: clamp(1.1rem, 2.2vw, 1.35rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-instigator-prose-card:hover,
body.sj-energetic .sj-instigator-photo-card:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-instigator-figure {
  margin: 0 !important;
  padding: 0 !important;
}

body.sj-energetic .sj-instigator-frame {
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  background: #fafbfc !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-instigator-frame img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

body.sj-energetic .sj-instigator-caption {
  margin: 0.75rem 0 0 !important;
  font-family: var(--sj-display) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--sj-deep) !important;
  text-align: center !important;
}

body.sj-energetic .sj-instigator-quote {
  margin: 0 0 1.15rem !important;
  padding: 0 0 0 1rem !important;
  border: none !important;
  border-left: 3px solid var(--sj-sun) !important;
  background: transparent !important;
}

body.sj-energetic .sj-instigator-quote p {
  margin: 0 !important;
  font-size: clamp(0.95rem, 1.2vw, 1.05rem) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  color: var(--sj-deep) !important;
  font-style: italic !important;
}

body.sj-energetic .sj-instigator-prose p {
  margin: 0 0 1.05rem !important;
  color: var(--sj-ink-soft) !important;
  font-size: 0.98rem !important;
  line-height: 1.75 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}

body.sj-energetic .sj-instigator-prose p:last-child {
  margin-bottom: 0 !important;
}

/* ——— Governing body & Finance committee (inner pages) ——— */
body.sj-energetic .sj-governing--editorial.sj-governing,
body.sj-energetic .sj-finance-committee--editorial.sj-finance-committee {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-governing--editorial.section_margin,
body.sj-energetic .sj-finance-committee--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-governing-shell,
body.sj-energetic .sj-finance-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-governing-pagehead,
body.sj-energetic .sj-finance-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-governing-kicker,
body.sj-energetic .sj-finance-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-governing-title,
body.sj-energetic .sj-finance-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-governing-lead,
body.sj-energetic .sj-finance-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-card-grid,
body.sj-energetic .sj-finance-committee--editorial .sj-finance-card-grid {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-card,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  padding: clamp(1.25rem, 2.5vw, 1.65rem) clamp(1rem, 2vw, 1.25rem) !important;
  background: var(--sj-card) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  border-radius: var(--sj-radius-lg) !important;
  box-shadow: 0 6px 22px rgba(22, 20, 28, 0.06) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-card:hover,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 38px rgba(22, 20, 28, 0.1) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.22) !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-img,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-img {
  padding: 0.35rem !important;
  width: 9.5rem !important;
  height: 9.5rem !important;
  border-radius: 50% !important;
  border: 2px solid rgba(var(--sj-electric-rgb), 0.25) !important;
  margin: 0 auto 1.1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #fafbfc !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-img img,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-content,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-content {
  background: transparent !important;
  text-align: center !important;
  width: 100% !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-name,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-name {
  font-family: var(--sj-display) !important;
  font-size: clamp(0.95rem, 1.2vw, 1.05rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.65rem !important;
  line-height: 1.35 !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-content .desc,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-content .desc {
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft) !important;
  margin: 0 0 1rem !important;
  overflow: visible !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: unset !important;
}

body.sj-energetic .sj-governing--editorial .sj-governing-role,
body.sj-energetic .sj-finance-committee--editorial .sj-governing-role {
  display: inline-block !important;
  margin: 0 auto !important;
  padding: 0.45rem 1rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: var(--sj-hot) !important;
  border: none !important;
  border-radius: 999px !important;
  width: auto !important;
}

body.sj-energetic .sj-finance-committee--editorial .sj-governing-role--long {
  white-space: normal !important;
  max-width: 100% !important;
  line-height: 1.35 !important;
  font-size: 0.65rem !important;
  padding: 0.4rem 0.75rem !important;
  text-transform: none !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* ——— Organogram (inner page) ——— */
body.sj-energetic .sj-organogram--editorial.sj-organogram {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-organogram--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-organogram-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-organogram-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-organogram-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-organogram-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-organogram-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

/* Single visual layer: no nested card / frame borders around the chart */
body.sj-energetic .sj-organogram-figure {
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: min(56rem, 100%) !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-organogram-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--sj-radius) !important;
}

/* ——— Staff Council (inner page) ——— */
body.sj-energetic .sj-staff-council--editorial.sj-staff-council {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-staff-council--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-staff-council-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-staff-council-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-staff-council-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-staff-council-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-staff-council-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-staff-council-grid {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(0.9rem, 2vw, 1.15rem) !important;
  background: var(--sj-card) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  border-radius: var(--sj-radius-lg) !important;
  box-shadow: 0 6px 22px rgba(22, 20, 28, 0.06) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 38px rgba(22, 20, 28, 0.1) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.22) !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-photo {
  width: 9.25rem !important;
  height: 9.25rem !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 2px solid rgba(var(--sj-electric-rgb), 0.22) !important;
  margin: 0 auto 1rem !important;
  flex-shrink: 0 !important;
  background: #fafbfc !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-body {
  text-align: center !important;
  width: 100% !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-name {
  font-family: var(--sj-display) !important;
  font-size: clamp(0.9rem, 1.15vw, 1rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.55rem !important;
  line-height: 1.35 !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-role {
  margin: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-staff-council--editorial .sj-staff-council-role--long {
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  color: var(--sj-ink-soft) !important;
}

/* ——— Student Council (inner page) ——— */
body.sj-energetic .sj-student-council--editorial.sj-student-council {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-student-council--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-student-council-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-student-council-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-student-council-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-student-council-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-student-council-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-student-council-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-student-council-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-student-council-roster {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

body.sj-energetic .sj-student-council-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.35rem !important;
  margin: 0 !important;
  padding: 0.85rem 0 !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1) !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  body.sj-energetic .sj-student-council-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 1rem 1.5rem !important;
  }
}

body.sj-energetic .sj-student-council-row:first-child {
  padding-top: 0 !important;
}

body.sj-energetic .sj-student-council-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

body.sj-energetic .sj-student-council-name {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.96rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--sj-deep) !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.sj-energetic .sj-student-council-role {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--sj-hot) !important;
  letter-spacing: 0.03em !important;
  flex: 0 0 auto !important;
  text-align: left !important;
}

@media (min-width: 640px) {
  body.sj-energetic .sj-student-council-role {
    text-align: right !important;
    margin-left: auto !important;
  }
}

/* ——— GBM / Autonomous governing body members (inner page) ——— */
body.sj-energetic .sj-gbm--editorial.sj-gbm {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-gbm--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-gbm-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-gbm-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-gbm-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-gbm-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-gbm-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-gbm-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-gbm-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-gbm-banner {
  margin: 0 0 1rem !important;
  padding-bottom: 0.85rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: var(--sj-deep) !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
}

body.sj-energetic .sj-gbm-roster {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

body.sj-energetic .sj-gbm-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.5rem 1.5rem !important;
  margin: 0 !important;
  padding: 1rem 0 !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1) !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  body.sj-energetic .sj-gbm-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }
}

body.sj-energetic .sj-gbm-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

body.sj-energetic .sj-gbm-member {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.sj-energetic .sj-gbm-line {
  margin: 0 0 0.2rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-gbm-line:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-gbm-line--lead {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  margin-bottom: 0.35rem !important;
}

body.sj-energetic .sj-gbm-role {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--sj-hot) !important;
  letter-spacing: 0.03em !important;
  flex: 0 0 auto !important;
  max-width: 16rem !important;
  text-align: left !important;
}

@media (min-width: 768px) {
  body.sj-energetic .sj-gbm-role {
    text-align: right !important;
    margin-left: auto !important;
    padding-top: 0.15rem !important;
  }
}

/* ——— Academic Council / ACL (inner page) ——— */
body.sj-energetic .sj-acl--editorial.sj-acl {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-acl--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-acl-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-acl-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-acl-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-acl-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-acl-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-acl-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-acl-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-acl-legend {
  display: none;
}

@media (min-width: 900px) {
  body.sj-energetic .sj-acl-legend {
    display: grid !important;
    grid-template-columns: 2.5rem minmax(0, 1fr) minmax(11rem, 16rem) !important;
    gap: 0.5rem 1.25rem !important;
    align-items: baseline !important;
    padding-bottom: 0.85rem !important;
    margin-bottom: 0.35rem !important;
    border-bottom: 2px solid rgba(var(--sj-electric-rgb), 0.14) !important;
    font-family: var(--sj-font) !important;
    font-size: 0.65rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--sj-deep) !important;
  }

  body.sj-energetic .sj-acl-legend-cat {
    text-align: right !important;
  }
}

body.sj-energetic .sj-acl-roster {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: sj-acl-n !important;
  width: 100% !important;
}

body.sj-energetic .sj-acl-row {
  counter-increment: sj-acl-n !important;
  display: grid !important;
  grid-template-columns: 2.35rem 1fr !important;
  grid-template-areas:
    "num main"
    ". cat" !important;
  gap: 0.3rem 0.85rem !important;
  margin: 0 !important;
  padding: 0.95rem 0 !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1) !important;
  width: 100% !important;
  align-items: start !important;
}

body.sj-energetic .sj-acl-row::before {
  content: counter(sj-acl-n) !important;
  grid-area: num !important;
  font-family: var(--sj-font) !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
  color: var(--sj-hot) !important;
  padding-top: 0.12rem !important;
}

body.sj-energetic .sj-acl-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

@media (min-width: 900px) {
  body.sj-energetic .sj-acl-row {
    grid-template-columns: 2.5rem minmax(0, 1fr) minmax(11rem, 16rem) !important;
    grid-template-areas: "num main cat" !important;
    gap: 0.5rem 1.25rem !important;
  }
}

body.sj-energetic .sj-acl-member {
  grid-area: main !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.sj-energetic .sj-acl-line {
  margin: 0 0 0.2rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-acl-line:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-acl-line--lead {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  margin-bottom: 0.35rem !important;
}

body.sj-energetic .sj-acl-category {
  grid-area: cat !important;
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--sj-hot) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

@media (min-width: 900px) {
  body.sj-energetic .sj-acl-category {
    text-align: right !important;
    padding-top: 0.12rem !important;
  }
}

/* ——— Board of Studies / BOS (inner page) ——— */
body.sj-energetic .sj-bos--editorial.sj-bos {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-bos--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-bos-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-bos-pagehead {
  margin-bottom: clamp(1.1rem, 3vw, 1.65rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-bos-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-bos-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-bos-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-bos-tabs-wrap {
  margin-top: 0.25rem;
}

body.sj-energetic .sj-bos-nav-tabs {
  border-bottom: 2px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  gap: 0.25rem 0.5rem;
  flex-wrap: wrap !important;
}

body.sj-energetic .sj-bos-nav-tabs .nav-item {
  margin-bottom: -2px !important;
}

body.sj-energetic .sj-bos-tab-btn.nav-link {
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: var(--sj-ink-soft) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: var(--sj-radius) var(--sj-radius) 0 0 !important;
  padding: 0.65rem 1.15rem !important;
  background: transparent !important;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

body.sj-energetic .sj-bos-tab-btn.nav-link:hover {
  color: var(--sj-deep) !important;
  background: rgba(var(--sj-electric-rgb), 0.05) !important;
}

body.sj-energetic .sj-bos-tab-btn.nav-link.active {
  color: var(--sj-hot) !important;
  border-bottom-color: var(--sj-hot) !important;
  background: rgba(var(--sj-hot-rgb), 0.06) !important;
}

body.sj-energetic .sj-bos-tab-content {
  padding-top: clamp(1.15rem, 3vw, 1.65rem) !important;
}

body.sj-energetic .sj-bos-members {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(1rem, 2.5vw, 1.35rem) !important;
}

body.sj-energetic .sj-bos--editorial .sj-bos-program {
  margin-bottom: 0 !important;
  padding: clamp(1.1rem, 2.5vw, 1.45rem) clamp(1.1rem, 2.5vw, 1.55rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-bos-program:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-bos-program-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.05rem, 2.2vw, 1.28rem) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-bos-roster-inner {
  margin: 0 !important;
  padding: 0 !important;
}

body.sj-energetic .sj-bos-member-block {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.35rem 1rem !important;
  padding: 0.8rem 0 !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.09) !important;
  align-items: start !important;
}

body.sj-energetic .sj-bos-member-block:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

@media (min-width: 640px) {
  body.sj-energetic .sj-bos-member-block {
    grid-template-columns: minmax(7.5rem, 10.5rem) minmax(0, 1fr) !important;
    gap: 0.5rem 1.35rem !important;
  }
}

body.sj-energetic .sj-bos-role-label {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-bos-member-detail {
  margin: 0 !important;
  min-width: 0 !important;
}

body.sj-energetic .sj-bos-member-detail p {
  margin: 0 0 0.25rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-bos-member-detail p:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-bos-minutes-intro {
  margin: 0 0 1.1rem !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: var(--sj-ink-soft) !important;
  max-width: 40rem !important;
}

body.sj-energetic .sj-bos-minutes-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)) !important;
  gap: 0.85rem 1rem !important;
}

body.sj-energetic .sj-bos-minute-card {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.75rem 1rem !important;
  padding: 0.95rem 1.05rem !important;
  border-radius: var(--sj-radius) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.14) !important;
  background: var(--sj-card) !important;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: 0 6px 20px rgba(22, 20, 28, 0.05) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

body.sj-energetic .sj-bos-minute-card:hover {
  border-color: rgba(var(--sj-hot-rgb), 0.35) !important;
  box-shadow: 0 10px 28px rgba(var(--sj-hot-rgb), 0.12) !important;
  transform: translateY(-2px) !important;
}

body.sj-energetic .sj-bos-minute-icon {
  flex-shrink: 0 !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-bos-minute-icon img {
  width: 36px !important;
  height: auto !important;
  display: block !important;
}

body.sj-energetic .sj-bos-minute-name {
  display: block !important;
  font-family: var(--sj-font) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  line-height: 1.35 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.sj-energetic .sj-bos-minute-cta {
  display: block !important;
  width: 100% !important;
  flex-basis: 100% !important;
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--sj-hot) !important;
  margin-top: 0.15rem !important;
}

/* ——— Finance Committee / SBFC (inner page) ——— */
body.sj-energetic .sj-sbfc--editorial.sj-sbfc {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-sbfc--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-sbfc-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-sbfc-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-sbfc-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-sbfc-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-sbfc-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-sbfc-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.5rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-sbfc-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-sbfc-banner {
  margin: 0 0 1rem !important;
  padding-bottom: 0.85rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: var(--sj-deep) !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
}

body.sj-energetic .sj-sbfc-roster {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

body.sj-energetic .sj-sbfc-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.5rem 1.5rem !important;
  margin: 0 !important;
  padding: 1rem 0 !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1) !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  body.sj-energetic .sj-sbfc-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }
}

body.sj-energetic .sj-sbfc-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

body.sj-energetic .sj-sbfc-member {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.sj-energetic .sj-sbfc-line {
  margin: 0 0 0.2rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-sbfc-line:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-sbfc-line--lead {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  margin-bottom: 0.35rem !important;
}

body.sj-energetic .sj-sbfc-role {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--sj-hot) !important;
  letter-spacing: 0.03em !important;
  flex: 0 0 auto !important;
  max-width: 16rem !important;
  text-align: left !important;
}

@media (min-width: 768px) {
  body.sj-energetic .sj-sbfc-role {
    text-align: right !important;
    margin-left: auto !important;
    padding-top: 0.15rem !important;
  }
}

/* ——— Shapers of Destiny — tree / succession timeline (inner page) ——— */
body.sj-energetic .sj-shapers--editorial.sj-shapers {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-shapers--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-shapers-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-shapers-pagehead {
  margin-bottom: clamp(1.1rem, 3vw, 1.65rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-shapers-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-shapers-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-shapers-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-shapers-tabs-wrap {
  margin-top: 0.35rem;
}

body.sj-energetic .sj-shapers-nav-tabs {
  border-bottom: 2px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  gap: 0.25rem 0.5rem;
  flex-wrap: wrap !important;
}

body.sj-energetic .sj-shapers-nav-tabs .nav-item {
  margin-bottom: -2px !important;
}

body.sj-energetic .sj-shapers-tab-btn.nav-link {
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: var(--sj-ink-soft) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: var(--sj-radius) var(--sj-radius) 0 0 !important;
  padding: 0.65rem 1.15rem !important;
  background: transparent !important;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

body.sj-energetic .sj-shapers-tab-btn.nav-link:hover {
  color: var(--sj-deep) !important;
  background: rgba(var(--sj-electric-rgb), 0.05) !important;
}

body.sj-energetic .sj-shapers-tab-btn.nav-link.active {
  color: var(--sj-hot) !important;
  border-bottom-color: var(--sj-hot) !important;
  background: rgba(var(--sj-hot-rgb), 0.06) !important;
}

body.sj-energetic .sj-shapers-tab-content {
  padding-top: clamp(1.15rem, 3vw, 1.65rem) !important;
}

body.sj-energetic .sj-shapers-tree-panel {
  margin-bottom: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.55rem) clamp(1.15rem, 2.5vw, 1.65rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-shapers-tree-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-shapers-tree-root-label {
  margin: 0 0 1.25rem !important;
  padding: 0.5rem 0 1rem 2.35rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--sj-deep) !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  position: relative !important;
}

body.sj-energetic .sj-shapers-tree-root-label::before {
  content: "" !important;
  position: absolute !important;
  left: 0.55rem !important;
  top: 0.35rem !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, var(--sj-hot), rgba(var(--sj-electric-rgb), 0.85)) !important;
  box-shadow: 0 2px 8px rgba(var(--sj-hot-rgb), 0.35) !important;
}

body.sj-energetic .sj-shapers-tree-root-label::after {
  content: "" !important;
  position: absolute !important;
  left: 0.9rem !important;
  top: calc(0.35rem + 12px) !important;
  bottom: -0.5rem !important;
  width: 3px !important;
  margin-left: -1.5px !important;
  background: linear-gradient(180deg, var(--sj-hot), rgba(var(--sj-electric-rgb), 0.35)) !important;
  border-radius: 2px !important;
}

body.sj-energetic .sj-shapers-tree {
  list-style: none !important;
  margin: 0 !important;
  padding: 0.35rem 0 0 !important;
}

body.sj-energetic .sj-shapers-tree-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 0 1.4rem 2.5rem !important;
  margin: 0 !important;
}

body.sj-energetic .sj-shapers-tree-item:last-child {
  padding-bottom: 0 !important;
}

body.sj-energetic .sj-shapers-tree-item::before {
  content: "" !important;
  position: absolute !important;
  left: 0.9rem !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  margin-top: -7px !important;
  margin-left: -7px !important;
  border-radius: 50% !important;
  background: var(--sj-card) !important;
  border: 3px solid var(--sj-hot) !important;
  box-shadow: 0 0 0 3px rgba(var(--sj-hot-rgb), 0.15) !important;
  z-index: 2 !important;
}

body.sj-energetic .sj-shapers-tree-item::after {
  content: "" !important;
  position: absolute !important;
  left: 0.9rem !important;
  top: 50% !important;
  margin-top: 7px !important;
  bottom: 0 !important;
  width: 3px !important;
  margin-left: -1.5px !important;
  background: linear-gradient(180deg, rgba(var(--sj-hot-rgb), 0.85), rgba(var(--sj-electric-rgb), 0.35)) !important;
  border-radius: 2px !important;
  z-index: 1 !important;
}

body.sj-energetic .sj-shapers-tree-item:last-child::after {
  display: none !important;
}

body.sj-energetic .sj-shapers-tree-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1rem 1.25rem !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0.85rem 1rem !important;
  border-radius: var(--sj-radius) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  background: rgba(var(--sj-electric-rgb), 0.03) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.sj-energetic .sj-shapers-tree-card:hover {
  border-color: rgba(var(--sj-hot-rgb), 0.35) !important;
  box-shadow: 0 8px 24px rgba(22, 20, 28, 0.06) !important;
}

body.sj-energetic .sj-shapers-tree-photo {
  flex-shrink: 0 !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-shapers-tree-photo img {
  width: clamp(4.25rem, 12vw, 5.5rem) !important;
  height: clamp(4.25rem, 12vw, 5.5rem) !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  border: 2px solid rgba(var(--sj-electric-rgb), 0.15) !important;
}

body.sj-energetic .sj-shapers-tree-body {
  min-width: 0 !important;
}

body.sj-energetic .sj-shapers-tree-name {
  font-family: var(--sj-display) !important;
  font-size: clamp(1rem, 2.2vw, 1.15rem) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.35rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-shapers-tree-tenure {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: var(--sj-hot) !important;
  letter-spacing: 0.03em !important;
}

@media (max-width: 479px) {
  body.sj-energetic .sj-shapers-tree-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
}

/* ——— College anthem & prayer (inner page) ——— */
body.sj-energetic .sj-college-anthem--editorial.sj-college-anthem {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-college-anthem--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-college-anthem-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-college-anthem-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-college-anthem-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-college-anthem-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-college-anthem-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-college-anthem-grid {
  margin-top: 0 !important;
}

body.sj-energetic .sj-college-anthem-figure {
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: clamp(1rem, 2.2vw, 1.35rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-college-anthem-figure:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-college-anthem-caption {
  font-family: var(--sj-font) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
}

body.sj-energetic .sj-college-anthem-frame {
  border-radius: calc(var(--sj-radius) - 2px) !important;
  overflow: hidden !important;
  background: rgba(var(--sj-electric-rgb), 0.04) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.08) !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-college-anthem-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* ——— Teaching staff / staffs.php (inner page) ——— */
body.sj-energetic .sj-teaching-staff--editorial.sj-teaching-staff {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-teaching-staff--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-teaching-staff-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-teaching-staff-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-teaching-staff-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-teaching-staff-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-teaching-staff-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-teaching-staff-leaders-panel {
  margin-bottom: clamp(1.35rem, 3vw, 1.85rem) !important;
  padding: clamp(1.1rem, 2.5vw, 1.45rem) clamp(1.1rem, 2.5vw, 1.55rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-teaching-staff-leaders-panel:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-teaching-staff-leaders-roster {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

body.sj-energetic .sj-teaching-staff-leader-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.35rem 1.25rem !important;
  padding: 0.9rem 0 !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1) !important;
  width: 100% !important;
}

body.sj-energetic .sj-teaching-staff-leader-row:first-child {
  padding-top: 0 !important;
}

body.sj-energetic .sj-teaching-staff-leader-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

@media (min-width: 640px) {
  body.sj-energetic .sj-teaching-staff-leader-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }
}

body.sj-energetic .sj-teaching-staff-leader-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.sj-energetic .sj-teaching-staff-leader-name {
  margin: 0 0 0.25rem !important;
  font-family: var(--sj-font) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--sj-deep) !important;
}

body.sj-energetic .sj-teaching-staff-leader-name:last-child {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-teaching-staff-leader-qual {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-teaching-staff-leader-role {
  margin: 0 !important;
  font-family: var(--sj-font) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--sj-hot) !important;
  letter-spacing: 0.03em !important;
  flex: 0 0 auto !important;
  text-align: left !important;
}

@media (min-width: 640px) {
  body.sj-energetic .sj-teaching-staff-leader-role {
    text-align: right !important;
    margin-left: auto !important;
  }
}

body.sj-energetic .sj-teaching-staff-accordion.accordion-flush {
  --bs-accordion-border-width: 0 !important;
  gap: 0.65rem !important;
  display: flex !important;
  flex-direction: column !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-item {
  border: 1px solid rgba(var(--sj-electric-rgb), 0.14) !important;
  border-radius: var(--sj-radius) !important;
  overflow: hidden !important;
  background: var(--sj-card) !important;
  box-shadow: 0 6px 22px rgba(22, 20, 28, 0.05) !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-button {
  font-family: var(--sj-display) !important;
  font-size: clamp(0.95rem, 2vw, 1.08rem) !important;
  font-weight: 700 !important;
  color: var(--sj-deep) !important;
  background: rgba(var(--sj-electric-rgb), 0.04) !important;
  padding: 1rem 1.15rem !important;
  box-shadow: none !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-button:not(.collapsed) {
  background: rgba(var(--sj-hot-rgb), 0.08) !important;
  color: var(--sj-deep) !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-button::after {
  filter: opacity(0.65) !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-button:focus {
  box-shadow: 0 0 0 3px rgba(var(--sj-hot-rgb), 0.25) !important;
  border-color: transparent !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-body {
  padding: 0.65rem clamp(1rem, 3vw, 1.5rem) 1.35rem !important;
  background: #fff !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-body .table-responsive {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  border-color: rgba(var(--sj-electric-rgb), 0.12) !important;
  font-family: var(--sj-font) !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table td,
body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table th {
  border-color: rgba(var(--sj-electric-rgb), 0.1) !important;
  padding: 0.95rem 1.05rem !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft) !important;
  vertical-align: middle !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table td span,
body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table td strong {
  color: inherit !important;
  font-weight: inherit !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table tbody tr:first-child td {
  background: rgba(var(--sj-hot-rgb), 0.07) !important;
  color: var(--sj-hot) !important;
  font-weight: 800 !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 1rem 1.1rem !important;
  vertical-align: middle !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table tbody tr:not(:first-child) td {
  text-align: left !important;
  color: var(--sj-deep) !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table tbody tr:not(:first-child) td:first-child {
  min-width: 3.75rem !important;
  width: 4.25rem !important;
  max-width: 5rem !important;
  text-align: center !important;
  font-weight: 700 !important;
  color: var(--sj-ink-soft) !important;
  padding-left: 1.15rem !important;
  padding-right: 1.15rem !important;
}

body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table tbody tr:not(:first-child) td:nth-child(3) {
  min-width: 12rem !important;
  line-height: 1.6 !important;
}

@media (max-width: 575px) {
  body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .accordion-body {
    padding-left: clamp(0.75rem, 4vw, 1.1rem) !important;
    padding-right: clamp(0.75rem, 4vw, 1.1rem) !important;
  }

  body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table td,
  body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table th {
    font-size: 0.84rem !important;
    padding: 0.8rem 0.75rem !important;
  }

  body.sj-energetic .sj-teaching-staff--editorial .sj-teaching-staff-accordion .table tbody tr:first-child td {
    padding: 0.85rem 0.65rem !important;
    font-size: 0.65rem !important;
  }
}

/* ——— Non-teaching staff / non_teaching_staffs.php ——— */
body.sj-energetic .sj-non-teaching-staff--editorial.sj-non-teaching-staff {
  background: #fff !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .sj-non-teaching-staff--editorial.section_margin {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding-block: clamp(1.75rem, 4vw, 2.85rem) !important;
}

body.sj-energetic .sj-non-teaching-staff-shell {
  max-width: min(var(--sj-max), 100%);
  margin-inline: auto;
}

body.sj-energetic .sj-non-teaching-staff-pagehead {
  margin-bottom: clamp(1.25rem, 3vw, 1.9rem);
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.1);
}

body.sj-energetic .sj-non-teaching-staff-kicker {
  font-family: var(--sj-font) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sj-hot) !important;
  margin: 0 0 0.4rem !important;
}

body.sj-energetic .sj-non-teaching-staff-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.45rem, 3.2vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 0.85rem !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-non-teaching-staff-lead {
  margin: 0 !important;
  max-width: 48rem !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: var(--sj-ink-soft) !important;
}

body.sj-energetic .sj-non-teaching-staff-rows {
  margin-top: 0 !important;
}

body.sj-energetic .sj-non-teaching-staff-block {
  margin-bottom: 0 !important;
  height: 100% !important;
  padding: clamp(1.1rem, 2.5vw, 1.45rem) clamp(1.1rem, 2.5vw, 1.55rem) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sj-energetic .sj-non-teaching-staff-block:hover {
  box-shadow: 0 12px 36px rgba(22, 20, 28, 0.09) !important;
  border-color: rgba(var(--sj-electric-rgb), 0.2) !important;
}

body.sj-energetic .sj-non-teaching-staff-block-title {
  font-family: var(--sj-display) !important;
  font-size: clamp(1.02rem, 2.1vw, 1.22rem) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--sj-deep) !important;
  margin: 0 0 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  letter-spacing: -0.02em !important;
}

body.sj-energetic .sj-non-teaching-staff-table-wrap {
  padding: 0.35rem 0 0.15rem !important;
}

body.sj-energetic .sj-non-teaching-staff-table-wrap .table-responsive {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table {
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  border-color: rgba(var(--sj-electric-rgb), 0.12) !important;
  font-family: var(--sj-font) !important;
}

body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table td,
body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table th {
  border-color: rgba(var(--sj-electric-rgb), 0.1) !important;
  padding: 0.95rem 1.05rem !important;
  font-size: 0.9rem !important;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft) !important;
  vertical-align: middle !important;
}

body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table td span,
body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table td strong {
  color: inherit !important;
  font-weight: inherit !important;
}

body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table tbody tr:first-child td {
  background: rgba(var(--sj-hot-rgb), 0.07) !important;
  color: var(--sj-hot) !important;
  font-weight: 800 !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 1rem 1.1rem !important;
}

body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table tbody tr:not(:first-child) td {
  text-align: left !important;
  color: var(--sj-deep) !important;
}

body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table tbody tr:not(:first-child) td:first-child {
  min-width: 3.75rem !important;
  width: 4.25rem !important;
  max-width: 5rem !important;
  text-align: center !important;
  font-weight: 700 !important;
  color: var(--sj-ink-soft) !important;
  padding-left: 1.15rem !important;
  padding-right: 1.15rem !important;
}

body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table tbody tr:not(:first-child) td:nth-child(3) {
  min-width: 11rem !important;
  line-height: 1.6 !important;
}

@media (max-width: 575px) {
  body.sj-energetic .sj-non-teaching-staff-block {
    padding-left: clamp(0.85rem, 4vw, 1.15rem) !important;
    padding-right: clamp(0.85rem, 4vw, 1.15rem) !important;
  }

  body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table td,
  body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table th {
    font-size: 0.84rem !important;
    padding: 0.8rem 0.75rem !important;
  }

  body.sj-energetic .sj-non-teaching-staff--editorial .sj-non-teaching-staff-block .table tbody tr:first-child td {
    padding: 0.85rem 0.65rem !important;
    font-size: 0.65rem !important;
  }
}

body.sj-energetic .sj-programmes .courses-inner {
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  background: var(--sj-card);
  box-shadow: 0 12px 40px rgba(26, 10, 46, 0.1);
  border: 1px solid rgba(var(--sj-electric-rgb), 0.1);
  transition: transform 0.2s, box-shadow 0.2s;
  height: 100%;
}

body.sj-energetic .sj-programmes .courses-inner:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(var(--sj-hot-rgb), 0.15);
}

body.sj-energetic .sj-programmes .courses-img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

body.sj-energetic .sj-programmes .courses-list ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0.75rem 1rem !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

body.sj-energetic .sj-programmes .courses-list li {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(var(--sj-electric-rgb), 0.12), rgba(var(--sj-mint-rgb), 0.12));
  color: var(--sj-deep) !important;
}

body.sj-energetic .sj-programmes .courses-details {
  padding: 0 1rem 1.25rem;
}

body.sj-energetic .sj-counter {
  background: var(--sj-deep);
  color: #e8e4f0;
}

body.sj-energetic .sj-counter .main-title,
body.sj-energetic .sj-counter .counter-title {
  color: #fff !important;
}

body.sj-energetic .sj-counter .count {
  font-family: var(--sj-display) !important;
  color: var(--sj-sun) !important;
}

body.sj-energetic .sj-awards,
body.sj-energetic .sj-gallery-dark {
  background: linear-gradient(180deg, #1a0a2e 0%, #0c0b10 100%) !important;
}

body.sj-energetic .sj-gallery-dark .main-title,
body.sj-energetic .sj-awards .main-title {
  color: #fff !important;
}

body.sj-energetic .sj-gallery-dark .subtitle,
body.sj-energetic .sj-awards .subtitle {
  color: var(--sj-mint) !important;
}

body.sj-energetic .sj-econtent {
  background: linear-gradient(180deg, #f0f7ff 0%, #fff 100%) !important;
}

body.sj-energetic .sj-clients {
  background: #fff;
}

/* ——— Events + photo albums (home) — NCW-inspired cards ——— */
body.sj-energetic .news-events-section {
  background: linear-gradient(180deg, #fff 0%, #f4f6fb 100%) !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.07);
}

body.sj-energetic .news-events-section .title-section .subtitle {
  color: var(--sj-mint) !important;
}

body.sj-energetic .news-events-section .news-event-inner {
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(22, 20, 28, 0.09);
  border: 1px solid rgba(var(--sj-electric-rgb), 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.sj-energetic .news-events-section .news-event-inner:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 48px rgba(22, 20, 28, 0.12);
}

body.sj-energetic .news-events-section .news-event-img,
body.sj-energetic .news-events-section .news-event-img img {
  border-radius: var(--sj-radius-lg);
}

/* Upcoming events swiper: same frame for any image dimensions / broken uploads */
body.sj-energetic .sj-events-carousel .sportsslider.swiper {
  width: 100%;
}

body.sj-energetic .sj-events-carousel .swiper-wrapper {
  align-items: stretch;
}

body.sj-energetic .sj-events-carousel .swiper-slide {
  height: auto;
  display: flex;
}

body.sj-energetic .sj-events-carousel .swiper-slide .news-event-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

body.sj-energetic .sj-events-carousel .news-event-img {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  min-height: 12.5rem;
  overflow: hidden;
  border-radius: var(--sj-radius-lg);
}

body.sj-energetic .sj-events-carousel .news-event-img > a {
  position: absolute;
  inset: 0;
  display: block;
  border-radius: inherit;
  overflow: hidden;
}

body.sj-energetic .sj-events-carousel .news-event-img > img,
body.sj-energetic .sj-events-carousel .news-event-img > a > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}

body.sj-energetic .gallery-section {
  background: #fff !important;
  padding: clamp(2rem, 5vw, 3.25rem) var(--sj-space) !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .gallery-header .gallery-kicker {
  color: var(--sj-mint) !important;
  font-family: "Inter", var(--sj-font) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}

body.sj-energetic .gallery-title {
  font-family: var(--sj-display) !important;
  color: var(--sj-deep) !important;
  font-size: clamp(1.35rem, 3vw, 1.75rem) !important;
}

body.sj-energetic .gallery-cta {
  background: var(--sj-deep) !important;
  color: #fff !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 1.1rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background 0.15s, transform 0.15s;
}

body.sj-energetic .gallery-cta:hover {
  background: var(--sj-electric) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

body.sj-energetic .gallery-card {
  border-radius: var(--sj-radius-lg) !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.1) !important;
  transition: transform 0.2s, box-shadow 0.2s;
}

body.sj-energetic .gallery-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 44px rgba(22, 20, 28, 0.1) !important;
}

body.sj-energetic .gallery-thumb {
  border-radius: var(--sj-radius-lg) var(--sj-radius-lg) 0 0 !important;
}

body.sj-energetic .awardslider .swiper-slide img,
body.sj-energetic .galleryslider .swiper-slide img {
  border-radius: var(--sj-radius);
  width: 100%;
  height: auto;
  object-fit: cover;
}

body.sj-energetic .gallery-video-inner iframe {
  border-radius: var(--sj-radius);
  border: none;
  box-shadow: 0 12px 40px rgba(26, 10, 46, 0.15);
}

body.sj-energetic .client-img {
  padding: 0.75rem;
  background: var(--sj-card);
  border-radius: var(--sj-radius);
  border: 1px solid rgba(var(--sj-electric-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

body.sj-energetic .client-img img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
}

body.sj-energetic .form-section {
  padding-block: 2rem;
}

body.sj-energetic .vision-box {
  background: var(--sj-card) !important;
  border-radius: var(--sj-radius) !important;
  padding: 1.25rem !important;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

body.sj-energetic .vision-box h4 {
  font-family: var(--sj-display) !important;
  color: var(--sj-deep) !important;
}

/* ——— News cards (extra polish) ——— */
body.sj-energetic .news-featured {
  border: 1px solid rgba(var(--sj-electric-rgb), 0.12);
  box-shadow: var(--sj-shadow) !important;
}

body.sj-energetic .news-item-title a {
  color: var(--sj-deep) !important;
}

body.sj-energetic .news-item-title a:hover {
  color: var(--sj-hot) !important;
}

/* ——— Notice ——— */
body.sj-energetic .notice-marquee-item {
  color: var(--sj-deep) !important;
  font-weight: 700 !important;
}

/* ——— Footer ——— */
body.sj-energetic .footer-section {
  background: linear-gradient(165deg, #1a0a2e 0%, #0c0b10 55%, #1a1030 100%) !important;
  color: #c9c4d8 !important;
  border: none !important;
}

body.sj-energetic .footer-section h4,
body.sj-energetic .footer-section h5 {
  font-family: var(--sj-display) !important;
  color: #fff !important;
}

body.sj-energetic .footer-section a {
  color: #fff !important;
  text-decoration: none !important;
}

body.sj-energetic .footer-section a:hover {
  color: var(--sj-mint) !important;
}

body.sj-energetic .footer-section p {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* ——— Mobile nav ——— */
@media (max-width: 1100px) {
  body.sj-energetic .dropdown-content-mega {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    max-height: 55vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    transform: none !important;
    border-radius: var(--sj-radius-lg) var(--sj-radius-lg) 0 0 !important;
    display: none !important;
  }

  body.sj-energetic .dropdown-content-mega .navdropdown {
    max-height: none !important;
    overflow: visible !important;
  }

  body.sj-energetic [class^="dropdown-mega"].sj-mega-open .dropdown-content-mega {
    display: block !important;
  }

  body.sj-energetic .dropdown-mega1,
  body.sj-energetic [class^="dropdown-mega"] {
    flex: 0 0 auto;
  }
}

@media (max-width: 640px) {
  body.sj-energetic .left-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.sj-energetic .side-menu ul {
    width: 100%;
    justify-content: flex-start;
  }

  body.sj-energetic .news-magazine {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ——— Legacy utility aliases (old style.css removed) ——— */
body.sj-energetic .d_f {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1rem;
}

body.sj-energetic .g_20 {
  gap: 1.25rem !important;
}

body.sj-energetic .m_b_20 {
  margin-bottom: 1.25rem !important;
}

body.sj-energetic .m_t_20 {
  margin-top: 1.25rem !important;
}

body.sj-energetic .m_t_10_lg {
  margin-top: 1rem !important;
}

@media (min-width: 992px) {
  body.sj-energetic .d_b_lg {
    display: block !important;
  }
}

/* =============================================================================
   Production shell repair — legacy style.css / responsive.css are NOT loaded.
   Without this, .responsive-nav stays visible on desktop (huge logo + hamburger).
   ============================================================================= */

html body.sj-energetic.pe-0 main .main-left {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  position: sticky !important;
}

html body.sj-energetic main .main-right {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

html body.sj-energetic .main-left .main-logo {
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
}

html body.sj-energetic .main-logo img.logo,
html body.sj-energetic .main-logo .logo,
html body.sj-energetic .main-logo a img {
  max-height: 72px !important;
  max-width: 240px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

html body.sj-energetic .header-section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  padding: 0 !important;
  z-index: 150 !important;
}

html body.sj-energetic #display_page {
  width: 100%;
  max-width: 100%;
  overflow-x: visible;
  overflow-y: visible;
  background-color: #fafafa;
}

/* Prefer the document scrollbar over nested .table-responsive panes (Bootstrap uses overflow-x: auto) */
body.sj-energetic .table-responsive {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

html body.sj-energetic #display_page > .banner-section.sj-hero:first-child,
html body.sj-energetic #display_page > .sj-hero:first-child {
  margin-top: 0;
}

/* ≥992px: desktop mega menu — single row, end-to-end, no horizontal scroll */
@media (min-width: 992px) {
  body.sj-energetic .responsive-nav {
    display: none !important;
  }

  body.sj-energetic .navbar.main-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0 !important;
    row-gap: 0 !important;
    overflow: visible !important;
    white-space: nowrap;
    min-height: 52px;
    padding: 0.4rem var(--sj-space) 0.5rem !important;
    max-width: min(var(--sj-max), 100%);
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.sj-energetic .navbar.main-nav > div {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    overflow: visible !important;
  }

  /* Stack open mega above siblings + page content (hero/swiper) */
  body.sj-energetic .navbar.main-nav > div:hover,
  body.sj-energetic .navbar.main-nav > div:focus-within {
    z-index: 80;
  }

  body.sj-energetic .navbar.main-nav [class*="dropdown-mega"]:hover,
  body.sj-energetic .navbar.main-nav [class*="dropdown-mega"]:focus-within {
    z-index: 90;
  }
}

/* ≤991px: mobile offcanvas row only */
@media (max-width: 991px) {
  body.sj-energetic .navbar.main-nav {
    display: none !important;
  }

  body.sj-energetic .responsive-nav {
    display: block !important;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid rgba(61, 47, 140, 0.1);
  }

  body.sj-energetic .topnav {
    max-width: var(--sj-max);
    margin: 0 auto;
  }

  body.sj-energetic .sidelogo {
    padding: 0.6rem var(--sj-space) !important;
    gap: 0.75rem;
  }

  body.sj-energetic .sidelogo .logo,
  body.sj-energetic .topnav .res-img img {
    max-height: 48px !important;
    max-width: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.sj-energetic .sidelogo .btn-outline-secondary {
    border-color: rgba(22, 20, 28, 0.2);
    color: var(--sj-deep);
    font-weight: 700;
    padding: 0.4rem 0.65rem;
  }
}

/* =============================================================================
   Production pass: top brand, banner arrows, news carousel, events, gallery pro,
   heading rhythm, footer — crest-inspired palette
   ============================================================================= */

#panel-res {
  display: none;
}

body.sj-energetic .left-inner {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

body.sj-energetic .sj-topbar-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  flex: 1;
  min-width: 0;
}

body.sj-energetic .sj-top-brand {
  min-width: 0;
  flex: 1;
}

body.sj-energetic .sj-top-brand-name {
  display: block;
  font-family: "Inter", var(--sj-font) !important;
  font-weight: 700;
  font-size: clamp(0.78rem, 1.35vw, 0.95rem);
  line-height: 1.35 !important;
  color: #fff !important;
  text-decoration: none !important;
  letter-spacing: 0.01em;
}

body.sj-energetic .sj-top-brand-name:hover {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.sj-energetic .sj-top-brand-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.2rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.4 !important;
}

body.sj-energetic .sj-top-badge {
  background: rgba(201, 162, 39, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.35);
  padding: 0.12rem 0.45rem;
  border-radius: 0.25rem;
  color: #fde68a;
}

body.sj-energetic .sj-top-dot {
  opacity: 0.6;
}

body.sj-energetic .sj-top-accredit {
  margin: 0.35rem 0 0;
  font-size: 0.66rem;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.78);
  max-width: 42rem;
}

body.sj-energetic .sj-top-address {
  margin: 0.25rem 0 0;
  font-size: 0.65rem;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, 0.72);
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  max-width: 40rem;
}

body.sj-energetic .sj-top-address .fa {
  margin-top: 0.15rem;
  color: var(--sj-mint);
}

@media (max-width: 991px) {
  body.sj-energetic .sj-topbar-left {
    flex-direction: column;
    align-items: flex-start;
  }

  body.sj-energetic .sj-top-brand-name {
    font-size: 0.82rem;
  }
}

/* Banner prev/next */
body.sj-energetic .sj-banner-prev,
body.sj-energetic .sj-banner-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.85);
  background: rgba(30, 58, 95, 0.55);
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

body.sj-energetic .sj-banner-prev:hover,
body.sj-energetic .sj-banner-next:hover {
  background: rgba(185, 28, 28, 0.75);
  border-color: #fff;
}

body.sj-energetic .sj-banner-prev {
  left: clamp(0.5rem, 2vw, 1.25rem);
}

body.sj-energetic .sj-banner-next {
  right: clamp(0.5rem, 2vw, 1.25rem);
}

body.sj-energetic .sj-banner-prev .fa,
body.sj-energetic .sj-banner-next .fa {
  font-size: 1.1rem;
}

@media (max-width: 576px) {
  body.sj-energetic .sj-banner-prev,
  body.sj-energetic .sj-banner-next {
    width: 40px;
    height: 40px;
  }
}

/* Headings — prevent “squashed” look */
body.sj-energetic .title-section .subtitle,
body.sj-energetic .title-section .main-title,
body.sj-energetic #page_heading {
  transform: none !important;
  line-height: 1.3 !important;
}

body.sj-energetic .title-section .subtitle {
  line-height: 1.45 !important;
  letter-spacing: 0.12em;
}

body.sj-energetic .title-section .main-title {
  line-height: 1.22 !important;
}

body.sj-energetic .breadcrumb-content h1#page_heading {
  line-height: 1.25 !important;
}

/* News carousel */
body.sj-energetic .sj-news-carousel-section {
  padding: clamp(2.25rem, 5vw, 3.5rem) var(--sj-space) !important;
  background: linear-gradient(180deg, #fff 0%, #f3f4f8 100%) !important;
  border-top: 1px solid rgba(30, 58, 95, 0.08);
}

body.sj-energetic .sj-news-carousel-head {
  max-width: var(--sj-max);
  margin: 0 auto 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

body.sj-energetic .sj-news-carousel-title {
  margin: 0;
  font-family: var(--sj-display) !important;
  font-size: clamp(1.35rem, 3vw, 1.85rem) !important;
  font-weight: 800 !important;
  color: var(--sj-deep) !important;
  line-height: 1.25 !important;
  letter-spacing: 0.02em;
}

body.sj-energetic .sj-news-carousel-tagline {
  margin: 0.35rem 0 0;
  font-size: 0.9rem;
  color: var(--sj-ink-soft);
  line-height: 1.45 !important;
}

body.sj-energetic .sj-news-carousel-all {
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--sj-hot) !important;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 2px solid rgba(var(--sj-hot-rgb), 0.35);
  transition: background 0.15s, color 0.15s;
}

body.sj-energetic .sj-news-carousel-all:hover {
  background: rgba(var(--sj-hot-rgb), 0.08);
  color: var(--sj-hot-dim) !important;
}

body.sj-energetic .sj-news-carousel-shell {
  position: relative;
  max-width: var(--sj-max);
  margin: 0 auto;
  padding: 0 2.75rem;
}

body.sj-energetic .sj-news-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: var(--sj-deep);
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(26, 21, 40, 0.2);
  transition: background 0.15s, transform 0.15s;
}

body.sj-energetic .sj-news-nav:hover {
  background: var(--sj-hot);
  transform: translateY(-50%) scale(1.04);
}

body.sj-energetic .sj-news-prev {
  left: 0;
}

body.sj-energetic .sj-news-next {
  right: 0;
}

body.sj-energetic .sj-news-pagination {
  position: relative !important;
  margin-top: 1.25rem !important;
  text-align: center;
}

body.sj-energetic .sj-news-pagination .swiper-pagination-bullet {
  background: var(--sj-electric);
  opacity: 0.35;
}

body.sj-energetic .sj-news-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--sj-hot);
}

/* Equal-height cards per carousel row (tallest slide sets row height) */
body.sj-energetic .sj-news-swiper .swiper-wrapper {
  align-items: stretch;
}

body.sj-energetic .sj-news-swiper .swiper-slide {
  height: auto;
  display: flex;
  box-sizing: border-box;
}

body.sj-energetic .sj-news-swiper .swiper-slide > .sj-news-card {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}

body.sj-energetic .sj-news-card {
  height: 100%;
  background: #fff;
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  border: 1px solid rgba(30, 58, 95, 0.1);
  box-shadow: 0 10px 32px rgba(22, 20, 28, 0.07);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s, box-shadow 0.2s;
}

body.sj-energetic .sj-news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px rgba(22, 20, 28, 0.11);
}

body.sj-energetic .sj-news-card-media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(145deg, #e8eaf3, #f0f4ff);
}

body.sj-energetic .sj-news-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.sj-energetic .sj-news-card-media.is-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.sj-energetic .sj-news-card-body {
  padding: 1rem 1.1rem 1.15rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.35rem;
}

body.sj-energetic .sj-news-card-date {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--sj-crest-green);
}

body.sj-energetic .sj-news-card-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35 !important;
}

body.sj-energetic .sj-news-card-title a {
  color: var(--sj-deep) !important;
  text-decoration: none !important;
}

body.sj-energetic .sj-news-card-title a:hover {
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-news-card-excerpt {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.5 !important;
  color: var(--sj-ink-soft);
  flex: 1 1 auto;
  min-height: 0;
}

body.sj-energetic .sj-news-card-link {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--sj-crest-blue) !important;
  text-decoration: none !important;
  margin-top: auto;
  padding-top: 0.35rem;
}

body.sj-energetic .sj-news-card-link:hover {
  color: var(--sj-hot) !important;
}

@media (max-width: 640px) {
  body.sj-energetic .sj-news-carousel-shell {
    padding: 0 0.25rem;
  }

  body.sj-energetic .sj-news-nav {
    display: none !important;
  }
}

/* Events carousel chrome */
body.sj-energetic .sj-events-frame {
  position: relative;
  padding: 0 2.75rem;
}

body.sj-energetic .sj-events-prev,
body.sj-energetic .sj-events-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: var(--sj-deep);
  color: #fff;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(26, 21, 40, 0.18);
  transition: background 0.15s;
}

body.sj-energetic .sj-events-prev:hover,
body.sj-energetic .sj-events-next:hover {
  background: var(--sj-hot);
}

body.sj-energetic .sj-events-prev {
  left: 0;
}

body.sj-energetic .sj-events-next {
  right: 0;
}

@media (max-width: 640px) {
  body.sj-energetic .sj-events-frame {
    padding: 0;
  }

  body.sj-energetic .sj-events-prev,
  body.sj-energetic .sj-events-next {
    display: none !important;
  }
}

/* Gallery pro (NCW-inspired, distinct shell) */
body.sj-energetic .sj-gallery-pro {
  background: linear-gradient(165deg, #f8fafc 0%, #eef2ff 40%, #fff 100%) !important;
  border-top: 1px solid rgba(30, 58, 95, 0.08);
  border-bottom: 1px solid rgba(30, 58, 95, 0.06);
}

body.sj-energetic .sj-gallery-pro-inner {
  max-width: var(--sj-max);
  margin: 0 auto;
}

body.sj-energetic .sj-gallery-pro-lead {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft);
  max-width: 36rem;
}

body.sj-energetic .sj-gallery-pro-grid {
  gap: 1.35rem !important;
}

body.sj-energetic .sj-gallery-pro .gallery-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(30, 58, 95, 0.12) !important;
  box-shadow: 0 12px 36px rgba(30, 58, 95, 0.08) !important;
}

body.sj-energetic .sj-gallery-pro .gallery-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 4px;
  height: 100%;
  border-radius: var(--sj-radius-lg) 0 0 var(--sj-radius-lg);
  background: linear-gradient(180deg, var(--sj-crest-red), var(--sj-crest-blue));
  opacity: 0.85;
  pointer-events: none;
}

/* Footer */
body.sj-energetic .sj-footer-pro {
  position: relative;
  background: linear-gradient(175deg, #14102a 0%, #1a1530 40%, #0f1729 100%) !important;
  color: #d8d3e8 !important;
  border-top: none !important;
  padding-top: calc(2.5rem + 4px) !important;
}

body.sj-energetic .sj-footer-pro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--sj-crest-red),
    var(--sj-crest-gold),
    var(--sj-crest-green),
    var(--sj-crest-blue)
  );
  pointer-events: none;
}

body.sj-energetic .sj-footer-pro .footer-title h4,
body.sj-energetic .sj-footer-pro .footer-title h5 {
  color: #fff !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em;
}

body.sj-energetic .sj-footer-pro .footer-logo h4 {
  font-size: clamp(1rem, 2vw, 1.15rem) !important;
  line-height: 1.4 !important;
}

body.sj-energetic .sj-footer-pro p {
  line-height: 1.6 !important;
  color: rgba(230, 225, 245, 0.88) !important;
}

body.sj-energetic .sj-footer-pro .footer-details a {
  color: #e8e4f5 !important;
  transition: color 0.15s;
}

body.sj-energetic .sj-footer-pro .footer-details a:hover {
  color: #fde68a !important;
}

body.sj-energetic .sj-footer-pro .map-section iframe {
  border-radius: var(--sj-radius-lg) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

body.sj-energetic .copyright {
  background: #0a0814 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: clamp(0.875rem, 2.2vw, 1.25rem) !important;
  padding-bottom: clamp(0.875rem, 2.2vw, 1.25rem) !important;
  -webkit-font-smoothing: antialiased;
}

/* =============================================================================
   Batch: heading rhythm, gallery 4-up, counter grid, awards cards, e-content,
   video gallery, footer 3-col + link grid, seamless copyright
   ============================================================================= */

body.sj-energetic .sj-heading-pro,
body.sj-energetic h2.sj-heading-pro,
body.sj-energetic .sj-news-carousel-title {
  font-family: var(--sj-display) !important;
  font-stretch: normal !important;
  font-synthesis: none;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.02em !important;
  transform: none !important;
}

body.sj-energetic .sj-gallery-pro .sj-gallery-pro-grid,
body.sj-energetic .sj-gallery-pro-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
}

@media (max-width: 1199px) {
  body.sj-energetic .sj-gallery-pro .sj-gallery-pro-grid,
  body.sj-energetic .sj-gallery-pro-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 576px) {
  body.sj-energetic .sj-gallery-pro .sj-gallery-pro-grid,
  body.sj-energetic .sj-gallery-pro-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Override legacy style.css (flex 80%, title -60px / white box) */
body.sj-energetic .sj-counter-layout.counter-inner {
  display: grid !important;
  width: 100% !important;
  max-width: min(var(--sj-max), 100%);
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: center;
}

body.sj-energetic .sj-counter-main.counter-sec {
  width: 100% !important;
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  position: relative;
  z-index: 2;
}

body.sj-energetic .sj-counter .title-section {
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-counter .main-title {
  margin-left: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  position: relative;
  z-index: 2;
}

body.sj-energetic .sj-counter .counter-division,
body.sj-energetic .sj-counter .sj-counter-grid-wrap {
  padding: 0 !important;
}

@media (max-width: 991px) {
  body.sj-energetic .sj-counter-main.counter-sec {
    max-width: 100%;
  }
}

body.sj-energetic .sj-counter-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem 1.35rem;
}

@media (max-width: 768px) {
  body.sj-energetic .sj-counter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1rem;
  }
}

body.sj-energetic .sj-counter-stat {
  position: relative;
  text-align: center;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.035) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 1rem;
  padding: 1.4rem 1.1rem 1.35rem;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.28);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

body.sj-energetic .sj-counter-stat::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 3px;
  margin: 0 auto 0.9rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sj-sun), var(--sj-mint));
  opacity: 0.95;
}

body.sj-energetic .sj-counter-stat:hover {
  transform: translateY(-4px);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.06) 100%);
  border-color: rgba(201, 162, 39, 0.55);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.38);
}

body.sj-energetic .sj-counter .counter-number {
  font-size: clamp(1.85rem, 4.2vw, 2.5rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em;
}

body.sj-energetic .sj-counter .counter-title {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin-top: 0.4rem !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.9;
}

body.sj-energetic .sj-counter-highlight {
  color: var(--sj-sun) !important;
}

body.sj-energetic .sj-award-card {
  margin: 0;
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
  background: #1a1228;
}

body.sj-energetic .sj-award-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

body.sj-energetic .sj-awards-frame {
  position: relative;
  padding: 0 2.5rem;
}

body.sj-energetic .sj-econtent-head {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 2rem !important;
}

body.sj-energetic .sj-econtent-head .subtitle {
  color: var(--sj-hot) !important;
}

body.sj-energetic .sj-econtent-lead {
  margin: 0.75rem 0 0;
  font-size: 0.95rem;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft);
}

body.sj-energetic .sj-econtent-frame {
  position: relative;
  padding: 0 3rem;
}

body.sj-energetic .sj-econtent-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  background: var(--sj-deep);
  color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(26, 21, 40, 0.2);
  transition: background 0.15s, transform 0.15s;
}

body.sj-energetic .sj-econtent-nav:hover {
  background: var(--sj-hot);
}

body.sj-energetic .sj-econtent-prev {
  left: 0;
}

body.sj-energetic .sj-econtent-next {
  right: 0;
}

@media (max-width: 640px) {
  body.sj-energetic .sj-econtent-frame {
    padding: 0;
  }

  body.sj-energetic .sj-econtent-nav {
    display: none !important;
  }
}

body.sj-energetic .sj-econtent-card {
  height: 100%;
  background: #fff;
  border-radius: var(--sj-radius-lg);
  overflow: hidden;
  border: 1px solid rgba(30, 58, 95, 0.12);
  box-shadow: 0 12px 36px rgba(30, 58, 95, 0.1);
}

body.sj-energetic .sj-econtent-embed {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  background: #0f172a;
}

body.sj-energetic .sj-econtent-embed iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

body.sj-energetic .sj-video-gallery-section {
  background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 55%, #fff 100%) !important;
  border-top: 1px solid rgba(30, 58, 95, 0.08);
  border-bottom: 1px solid rgba(30, 58, 95, 0.06);
}

body.sj-energetic .sj-video-gallery-head {
  text-align: center;
  max-width: 38rem;
  margin: 0 auto 1.75rem !important;
}

body.sj-energetic .sj-video-gallery-head .subtitle {
  color: var(--sj-crest-blue) !important;
}

body.sj-energetic .sj-video-gallery-lead {
  margin: 0.65rem 0 0;
  font-size: 0.95rem;
  line-height: 1.55 !important;
  color: var(--sj-ink-soft);
}

body.sj-energetic .sj-youtube-carousel {
  position: relative;
  padding: 0 2.75rem 0.5rem;
}

body.sj-energetic .sj-video-gallery-inner .sj-youtube-carousel .youtubeslider.swiper {
  width: 100%;
  max-width: min(100%, 56rem);
  margin-left: auto;
  margin-right: auto;
}

body.sj-energetic .sj-youtube-card {
  border-radius: var(--sj-radius-lg) !important;
  overflow: hidden;
  border: 1px solid rgba(30, 58, 95, 0.12) !important;
  box-shadow: 0 14px 40px rgba(22, 20, 28, 0.1) !important;
  background: #0f172a;
}

/* 16:9 box + fill iframe so YouTube’s overlay (play) stays geometrically centered */
body.sj-energetic .sj-youtube-card .gallery-video-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
}

body.sj-energetic .sj-youtube-card .gallery-video-inner iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.sj-energetic .sj-footer-seamless.section_padding {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: clamp(2.5rem, 5vw, 3.5rem) !important;
  padding-bottom: clamp(2rem, 4vw, 2.75rem) !important;
}

body.sj-energetic .sj-footer-seamless .footer-top {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
  padding-bottom: clamp(2rem, 4vw, 2.75rem) !important;
}

body.sj-energetic .sj-footer-seamless .wrapper {
  max-width: min(var(--sj-max), 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--sj-space) !important;
  padding-right: var(--sj-space) !important;
  box-sizing: border-box !important;
}

body.sj-energetic .sj-footer-seamless .footer-top > .col_3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1.25rem, 3vw, 2.25rem) !important;
  width: 100% !important;
  align-items: start !important;
}

@media (max-width: 991px) {
  body.sj-energetic .sj-footer-seamless .footer-top > .col_3 {
    grid-template-columns: 1fr !important;
  }
}

body.sj-energetic .sj-footer-seamless .footer-bottom {
  padding-top: clamp(2rem, 4vw, 2.75rem) !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2vw, 1.75rem) !important;
  width: 100% !important;
}

/* 12 cols = 4+2+2+2+2: align link bands with upper 3-col footer (≈⅓ each zone) */
@media (min-width: 1200px) {
  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: clamp(1rem, 2vw, 1.5rem) !important;
    row-gap: clamp(1rem, 2vw, 1.5rem) !important;
  }

  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 > .col_1:nth-child(1) {
    grid-column: span 4 !important;
  }

  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 > .col_1:nth-child(2) {
    grid-column: span 2 !important;
  }

  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 > .col_1:nth-child(3) {
    grid-column: span 2 !important;
  }

  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 > .col_1:nth-child(4) {
    grid-column: span 2 !important;
  }

  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 > .col_1:nth-child(5) {
    grid-column: span 2 !important;
  }
}

@media (max-width: 1199px) {
  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 > .col_1 {
    grid-column: auto !important;
  }

  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 {
    grid-template-columns: 1fr !important;
  }
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-title h5 {
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.35 !important;
  color: #fde68a !important;
  margin-bottom: 0.85rem !important;
}

/* Footer: alignment (top row + link columns + contact + social) */
body.sj-energetic .sj-footer-pro .footer-top .footer-details.m_t_10_lg {
  margin-top: 0 !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-title {
  margin-bottom: 1rem !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-details ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-details ul li {
  list-style: none !important;
}

/* Direct-child ul only — excludes .social-link ul (avoids social icons inheriting contact/last-child rules) */
body.sj-energetic .sj-footer-pro .footer-top .footer-details > ul > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-bottom: 0.85rem !important;
  text-decoration: none !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-details > ul > li:last-child > a {
  align-items: flex-start !important;
  margin-bottom: 0 !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-link-logo {
  flex: 0 0 2rem !important;
  width: 2rem !important;
  min-width: 2rem !important;
  min-height: 1.25rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-details > ul > li:last-child .footer-link-logo {
  align-items: flex-start !important;
  padding-top: 0.25rem !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-link-logo img {
  width: 1.25rem !important;
  height: 1.25rem !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}

body.sj-energetic .sj-footer-pro .footer-top .footer-link {
  flex: 1 !important;
  min-width: 0 !important;
  line-height: 1.55 !important;
  text-align: left !important;
}

body.sj-energetic .sj-footer-pro .footer-details .social-link {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 1.2rem !important;
}

body.sj-energetic .sj-footer-pro .social-link ul {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 2.75rem !important;
  column-gap: 0.875rem !important;
  align-items: center !important;
  justify-content: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  min-height: 2.75rem !important;
}

body.sj-energetic .sj-footer-pro .social-link ul li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
}

body.sj-energetic .sj-footer-pro .social-link a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.09) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  line-height: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.sj-energetic .sj-footer-pro .social-link a:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(253, 230, 138, 0.5) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
}

body.sj-energetic .sj-footer-pro .social-link a img {
  width: 1.3rem !important;
  height: 1.3rem !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

body.sj-energetic .sj-footer-pro .map-section {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.25rem !important;
}

body.sj-energetic .sj-footer-pro .map-section iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 {
  align-items: start !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom > .col_5 > .col_1 > .footer-details {
  width: 100%;
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-details > br {
  display: none !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-details .footer-title ~ .footer-title {
  margin-top: 1.15rem !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-details ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-details ul li {
  list-style: none !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-details ul li a {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
  margin-bottom: 0.4rem !important;
  line-height: 1.45 !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-details ul li a::before {
  content: "•" !important;
  color: #f87171 !important;
  flex-shrink: 0 !important;
  width: 0.65em !important;
  text-align: center !important;
  line-height: 1 !important;
  margin-top: 0.42em !important;
}

body.sj-energetic .sj-footer-seamless .footer-bottom .footer-details ul.removehyperlink li a::before {
  content: none !important;
  width: 0 !important;
  margin: 0 !important;
}

body.sj-energetic .main-right .copyright {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.sj-energetic .copyright .copyright-right {
  box-sizing: border-box !important;
  padding-left: max(clamp(1rem, 4vw, 3.125rem), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(clamp(1rem, 4vw, 3.125rem), env(safe-area-inset-right, 0px)) !important;
  font-family: var(--sj-font) !important;
}

@media (max-width: 767px) {
  body.sj-energetic .copyright .copyright-right {
    width: 100% !important;
    float: none !important;
    padding-left: max(clamp(1.125rem, 4.5vw, 3.125rem), env(safe-area-inset-left, 0px)) !important;
    padding-right: max(clamp(1.125rem, 4.5vw, 3.125rem), env(safe-area-inset-right, 0px)) !important;
  }
}

body.sj-energetic .copyright .copyright-right .col_2 {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

body.sj-energetic .copyright .copyright-right .col_2 > .col_1 {
  min-width: 0 !important;
}

body.sj-energetic .copyright .copyright-right p {
  margin: 0 !important;
  font-family: inherit !important;
  font-size: clamp(0.8125rem, 1.75vw, 0.9375rem) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255, 255, 255, 0.7) !important;
  overflow-wrap: break-word !important;
}

body.sj-energetic .copyright .copyright-right a {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0.04em !important;
  color: var(--sj-sun) !important;
  text-decoration: none !important;
  transition: color 0.2s ease, opacity 0.2s ease !important;
}

body.sj-energetic .copyright .copyright-right a:hover {
  color: #e8c85c !important;
}

body.sj-energetic .copyright .copyright-right a:focus-visible {
  outline: 2px solid var(--sj-sun) !important;
  outline-offset: 3px !important;
  border-radius: 2px !important;
}

@media (max-width: 576px) {
  body.sj-energetic .copyright .copyright-right .col_2.col_1_sm {
    grid-template-columns: 1fr !important;
  }

  body.sj-energetic .copyright .copyright-right .col_2 > .col_1:last-child p {
    text-align: right !important;
  }
}

body.sj-energetic #display_page > *:last-child {
  margin-bottom: 0 !important;
}

/* Facility detail pages (from Facilities grid) */
body.sj-energetic .sj-facility-back {
  margin: 0 0 0.75rem;
}

body.sj-energetic .sj-facility-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  font-family: var(--sj-font);
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--sj-crest-blue);
  text-decoration: none;
  border: 1px solid rgba(var(--sj-electric-rgb), 0.22);
  padding: 0.45rem 0.9rem;
  border-radius: var(--sj-radius);
  background: rgba(255, 255, 255, 0.95);
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

body.sj-energetic .sj-facility-back-link:hover {
  color: var(--sj-hot);
  border-color: rgba(var(--sj-hot-rgb), 0.35);
  background: #fff;
}

body.sj-energetic .sj-facility-back-icon {
  font-size: 1.05em;
  line-height: 1;
}

/* Facility inner pages: less dead space under breadcrumb + uniform photo grid */
body.sj-energetic .gallery-section:has(.sj-facility-back),
body.sj-energetic .calendar-section:has(.sj-facility-back) {
  margin-top: 0 !important;
  margin-bottom: clamp(1.25rem, 3vw, 2rem) !important;
  padding-top: clamp(0.65rem, 1.8vw, 1.1rem) !important;
  padding-bottom: clamp(1.1rem, 2.8vw, 1.75rem) !important;
}

body.sj-energetic .calendar-section:has(.sj-facility-back) {
  background: #fff !important;
  border-top: 1px solid rgba(var(--sj-electric-rgb), 0.06);
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .sj-facility-back,
body.sj-energetic .calendar-section:has(.sj-facility-back) .sj-facility-back {
  margin-bottom: 0.35rem;
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .wrapper > .row:first-of-type .title-section,
body.sj-energetic .calendar-section:has(.sj-facility-back) .title-section {
  margin-bottom: 1rem !important;
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .wrapper > .row:first-of-type .title-section .main-title,
body.sj-energetic .calendar-section:has(.sj-facility-back) .title-section .main-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .gallery-part > .row {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
  row-gap: 1rem;
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .gallery-part > .row > [class*="col-"] > .gallery-part {
  margin-bottom: 0 !important;
  height: 100%;
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .gallery-part > .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .gallery-part > .row > [class*="col-"] > .gallery-part > a.ttm_prettyphoto,
body.sj-energetic .gallery-section:has(.sj-facility-back) .gallery-part > .row > [class*="col-"] > .gallery-part > a.ttm_image {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--sj-radius);
  border: 1px solid rgba(var(--sj-electric-rgb), 0.1);
  box-shadow: 0 4px 18px rgba(22, 20, 28, 0.07);
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .gallery-part > .row > [class*="col-"] > .gallery-part > a img.img-fluid {
  width: 100%;
  height: 100%;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.28s ease;
}

body.sj-energetic .gallery-section:has(.sj-facility-back) .gallery-part > .row > [class*="col-"] > .gallery-part > a:hover img.img-fluid {
  transform: scale(1.03);
}

/* =============================================================================
   Extracted from inline <style> / style="" (single source; no duplicate blocks)
   ============================================================================= */

#searchResults a:hover {
  background-color: #f8f9fa;
  display: block;
  padding: 5px;
  border-radius: 5px;
}

body.sj-energetic .sj-nav-mega-wrap {
  position: relative;
}

body.sj-energetic .sj-bootstrap-modal-host {
  position: absolute;
}

body.sj-energetic .principal-section.sj-secretary .principal-img h4 {
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
}