/* A prominent academic identity, scoped to the header entry and course section. */
.nav-academics-trigger { display: flex; align-items: center; border: 1px solid #d9c990; border-radius: 10px; background: linear-gradient(135deg,#fffdf3,#f4ebca); box-shadow: 0 3px 0 #ddcf9d66,0 6px 15px #725e1710; }
.nav-academics .nav-academics-link { display: flex; justify-content: flex-start; align-items: center; gap: 8px; min-height: 51px; padding: 8px 0 8px 11px; color: #2f625b; white-space: nowrap; }
.nav-academics-link:after { display: none!important; }
.nav-academics-icon { display: flex; align-items: center; justify-content: center; width: 29px; height: 32px; background: #fffef4; border: 1px solid #e4d7a7; border-radius: 8px; box-shadow: 2px 2px 0 #dccb90; color: #8c7834; flex-shrink: 0; }
.nav-academics-icon svg { width: 19px; height: 19px; }
.nav-academics-label { display: block; text-align: left; line-height: 1.25; }
.nav-academics-label>b { display: block; font: 800 10px/1.5 var(--font); letter-spacing: .1px; }
.nav-academics-label>small { display: block; color: #94844c; font: 500 8px/1.5 var(--font); }
.nav-academics-toggle { display: flex; align-items: center; justify-content: center; min-height: 49px; width: 28px; padding: 0 7px; border-radius: 0 9px 9px 0; color: #8d8259; }
.nav-academics-toggle svg { width: 11px; height: 11px; transition: transform .2s; }
.nav-academics-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.nav-academics-toggle:hover { background: #e8dba85e; }
.nav-academics-link.active .nav-academics-label>b { color: #006d6d; }
.nav-academics-trigger:has(.active) { border-color: #b79c4c; box-shadow: 0 3px 0 #c4ae6b88,0 8px 18px #725e1712; }
.header .academics-dropdown { left: 50%; top: calc(100% + 11px); transform: translateX(-50%); width: 375px; padding: 20px; border: 1px solid #e1d8b9; border-radius: 16px; box-shadow: 0 22px 55px #163e4b24,0 4px 0 #e6dec3; background: #fffef9; gap: 7px; }
.academic-menu-eyebrow { color: #9a8b56; font: 700 8px/1.8 var(--font); letter-spacing: 1.7px; padding: 0 5px 5px; }
.academics-dropdown>a { display: flex; align-items: center; gap: 12px; text-align: left; text-decoration: none; border-radius: 9px; }
.academics-dropdown .academic-menu-overview { justify-content: space-between; padding: 13px 12px 17px; border-bottom: 1px solid #eee8d5; border-radius: 0; margin-bottom: 4px; }
.academic-menu-overview b { display: block; color: #234f57; font: 700 15px/1.5 var(--font); }
.academic-menu-overview small { display: block; color: #83947b; font-size: 11px; margin-top: 3px; }
.academic-menu-overview>i svg { color: #b09b56; width: 19px; height: 19px; }
.academics-dropdown .academic-menu-course { padding: 14px 11px; border: 1px solid #e9ecdd; background: #f8faf3; }
.academics-dropdown .academic-menu-course:hover { background: #f3f2df; border-color: #d9c88d; }
.academic-menu-course>span:nth-child(2) { flex: 1; }
.academic-menu-course b { display: block; font: 700 12px/1.7 var(--font); color: #315f58; }
.academic-menu-course small { display: block; color: #899981; font-size: 10px; line-height: 1.8; margin-top: 2px; }
.academic-menu-course>i svg { color: #90a17e; width: 16px; height: 16px; }
.academic-menu-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 39px; flex-shrink: 0; border-radius: 9px; background: #f1e9c9; color: #9a894e; box-shadow: 2px 3px 0 #dbd0a3; }
.academic-menu-icon svg { width: 22px; height: 22px; }
.academics-dropdown .academic-menu-enquiry { min-height: 39px; padding: 12px 6px 4px; gap: 9px; color: #387d70; font-size: 11px; }
.academic-menu-enquiry svg { width: 15px; height: 15px; }

.academics-section { position: relative; overflow: hidden; padding-top: 106px; padding-bottom: 104px; background: linear-gradient(125deg,#0a3543,#103f49 58%,#0a323d); border-top: 1px solid #667a4d; border-bottom: 1px solid #7e8552; }
.academics-section:before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 5% 0%,#69845922,transparent 56%),linear-gradient(120deg,transparent 70%,#c6ba6e07 70%,#c6ba6e07 80%,transparent 80%); pointer-events: none; }
.academics-section:after { content: ''; position: absolute; top: -280px; right: -195px; width: 760px; height: 760px; border-radius: 50%; border: 1px solid #d7c68112; box-shadow: 0 0 0 75px #d7c68106,0 0 0 150px #d7c68104; pointer-events: none; }
.academics-section>.container { position: relative; z-index: 1; }
.academics-section .section-top { align-items: flex-end; margin-bottom: 28px; }
.academic-section-badge { display: inline-flex; align-items: center; gap: 11px; min-height: 42px; padding: 9px 15px; border: 1px solid #bea65f6b; background: linear-gradient(135deg,#e5d29412,#e5d29407); border-radius: 24px; color: #dfcd90; box-shadow: inset 0 1px 0 #ffffff0d,0 5px 15px #05202b12; margin-bottom: 22px; }
.academic-section-badge>span { font: 700 10px/1.8 var(--font); letter-spacing: 1.7px; }
.academic-section-badge svg { width: 20px; height: 20px; }
.academics-section .section-top .eyebrow { color: #8eafa4; font-size: 9px; letter-spacing: 1.6px; margin-bottom: 14px; }
.academics-section h2 { color: #fbfcf1; font-size: 53px; line-height: 1.15; font-weight: 500; letter-spacing: -1.6px; }
.academics-section .academic-heading-accent { color: #e8d391; }
.academics-section .section-side { padding-bottom: 8px; max-width: 420px; }
.academics-section .section-side>p { color: #b8cfc4; font-size: 14px; line-height: 1.95; }
.academics-section .section-side>.text-link { color: #e4d093; font-size: 12px; min-height: 40px; }
.academic-section-links { display: flex; align-items: center; gap: 13px; margin: 0 0 30px; flex-wrap: wrap; }
.academic-section-links>a { display: inline-flex; align-items: center; gap: 11px; min-height: 45px; padding: 10px 16px; color: #d1deca; background: #ffffff07; border: 1px solid #b5b88335; border-radius: 8px; box-shadow: inset 0 1px 0 #ffffff04; transition: background .2s,border-color .2s; }
.academic-section-links>a:hover { border-color: #c7b76e88; background: #ffffff0e; }
.academic-section-links>a>span { font-size: 9px; color: #c8b974; }
.academic-section-links>a>b { font: 600 11px/1.8 var(--font); }
.academic-section-links>a>i svg { width: 15px; height: 15px; color: #c8b974; }
.academics-section .programme-grid { gap: 29px; }
.academics-section .programme-card { padding: 37px; border-radius: 20px; transition: transform .25s,box-shadow .25s,border-color .25s; }
.academics-section .medical-programme { background: linear-gradient(145deg,#1d5b67,#10414d 78%); border: 1px solid #7790705e; border-top: 3px solid #c5b06b; box-shadow: 0 8px 0 -2px #05242d,0 22px 45px #031b2738; }
.academics-section .paramedical-programme { background: linear-gradient(145deg,#fffef8,#f6f5e9); border: 1px solid #e9e0b9; border-top: 3px solid #b4ab70; box-shadow: 0 8px 0 -2px #c3c5a3,0 22px 45px #031b2730; }
.academics-section .programme-card:target { outline: 2px solid #ead596; outline-offset: 6px; }
.academics-section .programme-card-top { margin-bottom: 26px; }
.academics-section .programme-label { font-size: 9px; letter-spacing: 1.5px; }
.academics-section .medical-programme .programme-label { color: #b5c8ae; }
.academics-section .programme-kicker { font-size: 9px; letter-spacing: 1.4px; }
.academics-section .medical-programme .programme-kicker { color: #e0ce90; }
.academics-section .programme-card h3 { font-size: 33px; line-height: 1.26; letter-spacing: -1px; }
.academics-section .medical-programme h3 { color: #f6faed; }
.academics-section .paramedical-programme h3 { color: #1c4c55; }
.academics-section .programme-description { font-size: 14px; line-height: 1.9; }
.academics-section .medical-programme .programme-description { color: #b9d0be; }
.academics-section .paramedical-programme .programme-description { color: #7e9076; }
.academics-section .programme-seal { width: 49px; height: 49px; border-radius: 13px; }
.academics-section .medical-programme .programme-seal { color: #edd99a; border-color: #73947775; box-shadow: 3px 4px 0 #072d37; }
.academics-section .programme-list { margin-top: 25px; }
.academics-section .programme-list li { padding: 12px 0; gap: 17px; }
.academics-section .programme-list li>span { display: inline-flex; justify-content: center; align-items: center; width: 48px; min-height: 29px; background: #ddc97b0d; border: 1px solid #ddc97b25; border-radius: 6px; color: #e5d596; font-size: 9px; }
.academics-section .programme-list li>b { font-size: 14px; color: #ebf4e5; }
.academics-section .paramedical-pathways { gap: 10px; margin-top: 26px; }
.academics-section .paramedical-pathways>span { font-size: 12px; padding: 9px 12px; border-color: #dce5ce; box-shadow: 0 2px 0 #e4e8d33b; color: #718666; }
.academics-section .programme-detail p { font-size: 12px; }
.academics-section .programme-actions .button { min-height: 51px; font-size: 12px; }
.academics-section .programme-source { font-size: 10px; min-height: 28px; }
.academics-section .medical-programme .programme-source { color: #aec7b3; }
.academics-section .academic-enquiry { background: #ffffff08; border-color: #9cae7638; box-shadow: inset 0 1px 0 #ffffff06; border-radius: 14px; padding: 25px 29px; margin-top: 33px; }
.academics-section .academic-enquiry p>b { color: #edf0d9; font-size: 14px; }
.academics-section .academic-enquiry p>span { color: #a6c0ac; font-size: 12px; }
.academics-section .academic-enquiry>div>i svg { color: #c8b875; }
.academics-section .academic-enquiry>.text-link { color: #e4d397; font-size: 12px; }
.academics-section:target .academic-section-badge { border-color: #e2c97e; box-shadow: 0 0 0 5px #e2c97e0a,inset 0 1px 0 #ffffff0d; }

@media(min-width:1280px) { .header .nav { gap: 16px; } .header .brand--header .brand-logo { width: 248px; } }
@media(max-width:1279px) {
  .nav-academics { width: 100%; margin: 6px 0; }
  .nav-academics-trigger { width: 100%; }
  .header .nav-academics .nav-academics-link { flex: 1; width: auto; min-height: 60px; padding: 10px 13px; justify-content: flex-start; gap: 12px; }
  .nav-academics-label>b { font-size: 13px; }
  .nav-academics-label>small { font-size: 10px; }
  .nav-academics-icon { width: 36px; height: 38px; }
  .nav-academics-icon svg { width: 23px; height: 23px; }
  .nav-academics-toggle { width: 50px; min-height: 58px; padding: 14px; border-left: 1px solid #dfd3a6; }
  .nav-academics-toggle svg { width: 15px; height: 15px; }
  .header .academics-dropdown { position: static; transform: none; left: auto; top: auto; width: 100%; margin-top: 9px; box-shadow: none; padding: 17px; border: 1px solid #e4debe; border-radius: 12px; background: #fffef8; }
  .header .academics-dropdown a { min-height: 44px; padding: 13px 12px; }
  .header .academics-dropdown .academic-menu-enquiry { padding-left: 7px; font-size: 12px; }
}
@media(max-width:1050px) {
  .academics-section { padding-top: 87px; padding-bottom: 85px; }
  .academics-section h2 { font-size: 46px; }
  .academics-section .programme-card { padding: 31px; }
  .academics-section .programme-card h3 { font-size: 29px; }
  .academics-section .programme-description { font-size: 13px; }
  .academics-section .programme-actions .button { font-size: 11px; }
  .academics-section .programme-list li>b { font-size: 13px; }
  .academics-section .paramedical-pathways>span { font-size: 11px; }
  .academics-section .section-side { max-width: 350px; }
  .academic-section-badge>span { font-size: 9px; }
}
@media(max-width:820px) {
  .academics-section { padding-top: 72px; padding-bottom: 72px; }
  .academics-section .section-top { display: block; }
  .academics-section .section-side { max-width: none; margin-top: 23px; padding-bottom: 0; }
  .academics-section .section-side>p { font-size: 14px; }
  .academics-section .section-side>p br { display: none; }
  .academics-section .section-side>.text-link { font-size: 13px; min-height: 44px; margin-top: 10px; }
  .academics-section h2 { font-size: 44px; }
  .academic-section-badge { margin-bottom: 21px; min-height: 43px; }
  .academic-section-badge>span { font-size: 10px; }
  .academic-section-links { margin-bottom: 29px; gap: 12px; }
  .academic-section-links>a { min-height: 46px; }
  .academic-section-links>a>b { font-size: 12px; }
  .academics-section .programme-card { padding: 30px; }
  .academics-section .programme-card h3 { font-size: 29px; }
  .academics-section .programme-label { font-size: 9px; }
  .academics-section .programme-description { font-size: 13px; }
  .academics-section .programme-list li>b { font-size: 13px; }
  .academics-section .programme-actions .button { font-size: 11px; }
  .academics-section .programme-source { font-size: 11px; min-height: 40px; display: inline-flex; align-items: center; }
  .academics-section .academic-enquiry { padding: 25px; }
  .academics-section .academic-enquiry>.text-link { font-size: 13px; }
}
@media(max-width:700px) {
  .academics-section .programme-grid { grid-template-columns: 1fr; gap: 31px; }
  .academics-section .programme-card { padding: 32px; }
  .academics-section .programme-card h3 { font-size: 32px; }
  .academics-section .programme-description { font-size: 14px; }
  .academics-section .programme-list li>b { font-size: 14px; }
  .academics-section .paramedical-pathways>span { font-size: 12px; }
  .academics-section .programme-actions .button { font-size: 12px; }
  .academics-section .programme-detail p { font-size: 13px; }
}
@media(max-width:620px) {
  .academics-section { padding-top: 59px; padding-bottom: 61px; }
  .academics-section h2 { font-size: 39px; line-height: 1.16; }
  .academics-section .section-top .eyebrow { font-size: 8px; letter-spacing: 1.2px; margin-bottom: 14px; }
  .academic-section-badge { padding: 9px 13px; gap: 9px; margin-bottom: 22px; }
  .academic-section-badge>span { font-size: 9px; letter-spacing: 1.2px; }
  .academic-section-badge svg { width: 20px; height: 20px; }
  .academics-section .section-side>p { font-size: 13px; }
  .academic-section-links { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 29px; }
  .academic-section-links>a { justify-content: flex-start; padding: 12px 15px; min-height: 48px; }
  .academic-section-links>a>i { margin-left: auto; }
  .academic-section-links>a>b { font-size: 12px; }
  .academics-section .programme-card { padding: 28px; }
  .academics-section .programme-card h3 { font-size: 30px; }
  .academics-section .programme-card-top { margin-bottom: 27px; }
  .academics-section .programme-label { font-size: 8px; }
  .academics-section .programme-kicker { font-size: 9px; }
  .academics-section .programme-description { font-size: 13px; }
  .academics-section .programme-list li { gap: 13px; }
  .academics-section .programme-list li>b { font-size: 13px; }
  .academics-section .programme-list li>span { width: 45px; font-size: 9px; }
  .academics-section .paramedical-pathways>span { font-size: 12px; padding: 9px 11px; }
  .academics-section .programme-actions .button { width: 100%; font-size: 12px; min-height: 51px; gap: 14px; }
  .academics-section .programme-detail p { font-size: 12px; }
  .academics-section .academic-enquiry { padding: 23px; margin-top: 30px; }
  .academics-section .academic-enquiry p>b { font-size: 14px; }
  .academics-section .academic-enquiry p>span { font-size: 12px; }
  .academics-section .academic-enquiry>.text-link { font-size: 12px; overflow-wrap: anywhere; }
  .header .academics-dropdown { padding: 15px; }
  .academic-menu-course b { font-size: 12px; }
  .academic-menu-course small { font-size: 11px; }
  .academic-menu-icon { width: 33px; height: 37px; }
  .academic-menu-course>i { display: none; }
}
@media(max-width:380px) {
  .academics-section .programme-card { padding: 26px 23px; }
  .academics-section .programme-card h3 { font-size: 28px; }
  .academics-section .programme-actions .button { font-size: 11px; gap: 11px; }
  .academic-section-badge>span { font-size: 8px; }
  .academics-section h2 { font-size: 36px; }
}