/* Vector Learning — Light Edition
   Palette and component treatment aligned with the supplied IRClass Academy eDash light reference. */
:root{--navy:#10213b;--blue:#197da0;--cyan:#64cedb;--ink:#172841;--muted:#738195;--line:#e3eaf0;--paper:#f4f8fa;--accent:#64cedb;--accent-hover:#82dce5;--button-text:#102b40}
html{scroll-behavior:smooth}
body{background:#fff!important;color:var(--ink)!important;font-family:Inter,Arial,sans-serif!important}
a{color:inherit}
.header{background:#fff!important;color:var(--ink)!important;border-bottom:1px solid #e8eef2!important;box-shadow:0 3px 14px rgba(16,33,59,.035)}
.header-inner{color:var(--ink)!important}
.nav,.header .nav,.nav a,.header .nav a,.header-right,.login{color:#526176!important}
.nav a:hover,.header .nav a:hover,.nav a.active,.header .nav a.active,.login:hover{color:var(--blue)!important}
.search{background:#f4f7f9!important;border:1px solid #e3eaf0!important}
.search input{color:var(--ink)!important}
.search span{color:var(--blue)!important}
.logo,.footer-logo{object-fit:contain}
.btn,.btn-pink,.btn-blue,.btn-outline,.continue-btn,.search-button{font-family:Inter,Arial,sans-serif!important;border-radius:3px!important;font-weight:700}
.btn-pink,.btn-blue,.search-button,.continue-btn{background:var(--cyan)!important;border:1px solid var(--cyan)!important;color:var(--button-text)!important}
.btn-pink:hover,.btn-blue:hover,.search-button:hover,.continue-btn:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important;color:var(--button-text)!important;transform:translateY(-2px)}
.btn-outline{background:#fff!important;color:var(--navy)!important;border:1px solid #dce5eb!important}
.btn-outline:hover{background:#f4f8fa!important}
.hero-gradient,.page-banner,.detail-banner{background:linear-gradient(105deg,#eaf7fa 0%,#f5f5fb 54%,#fff2f1 100%)!important;color:var(--navy)!important}
.page-banner h1,.detail-banner h1{color:var(--navy)!important}
.page-banner .crumb,.detail-banner .crumb,.crumb{color:#64758a!important}
.section{background:#fff!important;color:var(--ink)!important}
.section.pale{background:#f4f8fa!important;color:var(--ink)!important}
.heading h2,.section h2,.section h3,.section.pale .heading h2,.section.pale h2,.section.pale h3{color:var(--navy)!important}
.heading p,.section p,.section.pale p{color:#68788c}
.course-tabs a{color:#526176!important;border-color:#dce5eb!important;background:#fff!important}
.course-tabs a.active{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.course-card,.directory-card{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 7px 24px rgba(35,45,80,.045)!important;color:var(--ink)!important}
.course-card h3,.course-card h3 a,.directory-card h3{color:var(--navy)!important}
.course-card p,.course-meta,.course-bottom,.directory-card p{color:#738195!important}
.course-card .cover{background:#eaf0f4!important}
.course-card .date{background:#fff!important;color:var(--navy)!important;border:1px solid #e3eaf0}
.course-price,.directory-card strong{color:var(--blue)!important}
.course-cat{color:#526176!important}
.filters .select,.filters .input,.search-course .input,.input,.select,textarea,input,select{background:#fff!important;color:var(--ink)!important;border-color:#dce5eb!important}
.filters select option{background:#fff!important;color:var(--ink)!important}
.search-course .input{border-right:1px solid #dce5eb!important}
.detail,.detail-layout{background:#fff!important;color:var(--ink)!important}
.detail h2,.detail h3,.detail-main h2,.detail-main h3,.detail-sidebar h2,.login-card h1{color:var(--navy)!important}
.detail p,.detail li,.detail-main p,.detail-sidebar p,.detail-sidebar label,.login-card label{color:#64758a!important}
.rating{background:#f4f8fa!important;color:#b87900!important}
.rating span{color:#64758a!important}
.detail-layout .detail-main,.detail-layout .detail-sidebar,.sidebar-card,.side-card,.login-card{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 8px 26px rgba(30,40,70,.07)!important}
.side-price{color:var(--blue)!important}
.side-row{border-color:#e8eef2!important}
.side-row b{color:var(--navy)!important}
.side-row span{color:#738195!important}
.outline{border-color:var(--line)!important;background:#fff!important}
.outline-head{background:#f4f8fa!important;color:var(--navy)!important}
.topic{border-color:var(--line)!important;color:var(--ink)!important}
.topic strong{color:var(--navy)!important}
.topic small{color:#738195!important}
.video-preview{background:#10213b!important}
.video-label{background:rgba(16,33,59,.85)!important;color:#fff!important}
.login-area{background:linear-gradient(105deg,#eaf7fa 0%,#f5f5fb 54%,#fff2f1 100%)!important}
.login-card{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:0 12px 35px rgba(16,33,59,.08)!important}
.login-card h1,.guest h2{color:var(--navy)!important}
.lost{color:var(--blue)!important}
.guest{border-color:var(--line)!important}
.guest p{color:#738195!important}
.student-shell{background:#f4f8fa!important;color:var(--ink)!important}
.student-side{background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important}
.student-side .close,.student-side .shead{color:var(--navy)!important}
.student-side .sitem{color:#526176!important}
.student-side .sitem.active{background:#eaf7fa!important;color:var(--blue)!important}
.student-banner{background:linear-gradient(105deg,#eaf7fa 0%,#f5f5fb 54%,#fff2f1 100%)!important;color:var(--navy)!important}
.student-banner h1,.student-maincol h2,.student-maincol h3{color:var(--navy)!important}
.student-maincol p,.student-maincol ul{color:#64758a!important}
.student-topic,.progress-card{background:#fff!important;border-color:var(--line)!important;color:var(--ink)!important}
.student-topic-head,.student-activity{color:var(--navy)!important}
.student-note{background:#eaf7fa!important;color:#42576b!important;border-color:#c8e9ef!important}
.student-tabs{border-color:#dce5eb!important}
.student-tabs a{color:#526176!important}
.student-tabs a.active{color:var(--blue)!important;border-color:var(--blue)!important}
.progress-track{background:#e4ebf0!important}
.progress-track span{background:var(--cyan)!important}
.guest{border-color:var(--line)!important}
.footer,.vector-light-home .footer{background:#fafcfd!important;color:#526176!important;border-top:1px solid #e5edf1!important}
.footer h3{color:var(--navy)!important}
.footer p,.footer a{color:#6e7d8e!important}
.footer a:hover{color:var(--blue)!important}
.copyright{border-color:#e5edf1!important;color:#8a96a3!important}
/* Homepage: preserve the cinematic image-led hero, but keep all non-hero content light like the reference. */
.vector-light-home{background:#fff!important;color:var(--ink)!important}
.vector-light-home .vector-hero{background:#10213b!important;color:#fff!important}
.vector-light-home .vector-hero-shade{background:linear-gradient(90deg,rgba(7,19,37,.92) 0%,rgba(7,19,37,.72) 42%,rgba(7,19,37,.2) 100%),linear-gradient(0deg,rgba(7,19,37,.45),transparent 65%)!important}
.vector-light-home .vector-hero h1,.vector-light-home .vector-hero h1 span{color:#fff!important}
.vector-light-home .vector-hero .eyebrow{color:#a7dfe7!important}
.vector-light-home .vector-kicker,.vector-light-home .vector-intro,.vector-light-home .vector-hero-meta{color:#e0e8ef!important}
.vector-light-home .vector-text-link{color:#fff!important}
.vector-light-home .vector-text-link:hover{color:var(--cyan)!important}
.vector-light-home .vector-hero .btn-pink{background:var(--cyan)!important;border-color:var(--cyan)!important;color:var(--button-text)!important}
.vector-light-home .vector-hero .btn-pink:hover{background:var(--accent-hover)!important}
.vector-light-home .vector-hero-controls{color:#fff!important}
.vector-light-home .vector-dots button.active{background:var(--blue)!important}
.vector-light-home .vector-purpose{background:#f6fafb!important;border-bottom:1px solid var(--line)!important}
.vector-light-home .vector-purpose>span{color:var(--blue)!important}
.vector-light-home .vector-purpose p{color:#637185!important}
.vector-light-home .vector-purpose strong{color:#253a52!important}
.vector-light-home .vector-purpose>a,.vector-light-home .vector-course-subhead>a{color:var(--navy)!important}
.vector-light-home .vector-course-section{background:#fff!important;color:var(--ink)!important}
.vector-light-home .vector-course-section .eyebrow{color:#62758a!important}
.vector-light-home .vector-course-section .eyebrow i{background:var(--blue)!important}
.vector-light-home .vector-section-head h2,.vector-light-home .vector-course-subhead h3{color:var(--navy)!important}
.vector-light-home .vector-section-head p{color:#68788c!important}
.vector-light-home .vector-rail-arrows button{background:#fff!important;color:var(--navy)!important;border-color:#dce5eb!important}
.vector-light-home .vector-rail-arrows button:hover{background:var(--navy)!important;color:#fff!important}
.vector-light-home .vector-course-card{background:#fff!important;border-color:var(--line)!important}
.vector-light-home .vector-course-copy small{color:var(--blue)!important}
.vector-light-home .vector-course-copy h3,.vector-light-home .vector-course-copy h3 a{color:var(--navy)!important}
.vector-light-home .vector-course-copy p{color:#738195!important}
.vector-light-home .vector-course-copy>div{border-color:#e8edf1!important}
.vector-light-home .vector-course-copy>div span{color:var(--blue)!important}
.vector-light-home .vector-course-copy>div a{color:var(--navy)!important}
.vector-light-home .vector-areas{background:#f4f8fa!important;color:var(--ink)!important}
.vector-light-home .vector-areas .eyebrow{color:#62758a!important}
.vector-light-home .vector-areas .eyebrow i{background:var(--blue)!important}
.vector-light-home .vector-areas h2{color:var(--navy)!important}
.vector-light-home .vector-area-intro{color:#68788c!important}
.vector-light-home .vector-area-grid a{background:#fff!important;border-color:#dce5eb!important}
.vector-light-home .vector-area-grid a:hover{border-color:var(--blue)!important}
.vector-light-home .vector-area-grid span{color:var(--blue)!important}
.vector-light-home .vector-area-grid h3{color:var(--navy)!important}
.vector-light-home .vector-area-grid p{color:#738195!important}
.vector-light-home .vector-area-grid b{color:var(--blue)!important}
.vector-light-home .vector-callout{background:linear-gradient(105deg,#eaf7fa 0%,#f5f5fb 54%,#fff2f1 100%)!important;color:var(--navy)!important;border-top:1px solid #e5edf1;border-bottom:1px solid #e5edf1}
.vector-light-home .vector-callout .eyebrow{color:#62758a!important}
.vector-light-home .vector-callout .eyebrow i{background:var(--blue)!important}
.vector-light-home .vector-callout h2{color:var(--navy)!important}
.vector-light-home .vector-callout p{color:#637185!important}
.vector-light-home .vector-callout .btn-pink{background:var(--cyan)!important;border-color:var(--cyan)!important;color:var(--button-text)!important}
.vector-light-home .vector-callout .btn-pink:hover{background:var(--accent-hover)!important}
@media(max-width:980px){.header-inner{gap:14px}.nav{gap:13px}.logo{width:125px}}
@media(max-width:760px){.header{height:auto;min-height:72px}.header-inner{flex-wrap:wrap;padding:12px 0}.header .search{order:3;width:100%;margin:0}.header .nav{order:4;width:100%;padding:7px 0}.header-right{margin-left:auto}.vector-purpose{align-items:flex-start;flex-direction:column;gap:10px}.vector-section-head{align-items:flex-start;flex-direction:column}.vector-course-rail{grid-auto-columns:minmax(245px,82vw)}.vector-area-grid{grid-template-columns:1fr}.vector-callout-inner{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.vector-hero{height:590px;min-height:590px}.vector-hero-inner{padding-top:35px;padding-bottom:65px}.vector-hero h1{font-size:clamp(38px,9vw,52px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.vector-hero-slide{transition:none!important}.vector-course-card,.vector-area-grid a{transition:none!important}}