/* =====================================================================
   A&J e-Edu — THEME LAYER  (light-first + full opt-in dark mode)
   ---------------------------------------------------------------------
   LIGHT (default) = html:not([data-theme="dark"]) overrides that lighten
   every dark component (bands, chips, notes, heroes, nav, footer). The
   original dark styles in the pages are left untouched — they ARE the
   dark theme, which returns when html[data-theme="dark"] is set.
   DARK adds a full dark body treatment (page bg, cards, tables, text).
   Loaded LAST in all 3 headers. Toggle: assets/js/theme.js. i18n-safe.
   ===================================================================== */

/* ─────────────────────────  THEME TOGGLE BUTTON  ───────────────────── */
.eco-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;
  font-size:1.05rem;cursor:pointer;transition:transform .2s ease,background .2s ease;flex:0 0 auto;margin-right:.5rem}
.eco-theme-toggle:hover{transform:translateY(-2px);background:rgba(255,255,255,.2)}
html:not([data-theme="dark"]) .eco-theme-toggle{border-color:#cfdeeb;background:#fff;color:#2472b4;
  box-shadow:0 2px 8px rgba(20,40,60,.1)}

/* ═════════════════════════════════════════════════════════════════════
   LIGHT MODE (default)
   ═════════════════════════════════════════════════════════════════════ */

/* ── Nav: light chrome ─────────────────────────────────────────────── */
html:not([data-theme="dark"]) .eco-nav{background:rgba(255,255,255,.96)!important;
  box-shadow:0 1px 0 #e3ecf3,0 10px 30px rgba(20,40,60,.08)!important;backdrop-filter:blur(10px)}
html:not([data-theme="dark"]) .eco-nav::before{opacity:.05!important;filter:invert(.8)}
html:not([data-theme="dark"]) .eco-nav a,
html:not([data-theme="dark"]) .eco-nav .eco-nav__drop{color:#24405a!important;text-shadow:none!important}
html:not([data-theme="dark"]) .eco-nav .eco-nav__list>li>a:hover,
html:not([data-theme="dark"]) .eco-nav .eco-nav__list>li>a.is-active,
html:not([data-theme="dark"]) .eco-nav .eco-nav__list>li>a.active{color:#0f9f8a!important}
html:not([data-theme="dark"]) .eco-nav__brandtext,
html:not([data-theme="dark"]) .eco-nav__brandtext *{background:none!important;-webkit-text-fill-color:#16293a!important;
  color:#16293a!important;text-shadow:none!important}
html:not([data-theme="dark"]) .eco-nav__brandtext small,
html:not([data-theme="dark"]) .eco-nav__brandtext span{-webkit-text-fill-color:#5b6672!important;color:#5b6672!important}
html:not([data-theme="dark"]) .eco-nav__coin img{content:url("../img/anj-logo.png");filter:none!important;box-shadow:none!important}
html:not([data-theme="dark"]) .eco-nav__sub{background:#fff!important;border:1px solid #e3ecf3!important;
  box-shadow:0 18px 40px rgba(20,40,60,.14)!important}
html:not([data-theme="dark"]) .eco-nav__sub a{color:#2d465e!important}
html:not([data-theme="dark"]) .eco-nav__sub a:hover{color:#0f9f8a!important;background:#f4f9fd!important}
html:not([data-theme="dark"]) .eco-nav__burger,
html:not([data-theme="dark"]) .eco-nav__burger span{color:#24405a!important;background-color:currentColor}
html:not([data-theme="dark"]) .eco-nav__menu{background:#fff!important}
html:not([data-theme="dark"]) .eco-nav__menu::before{opacity:.05!important;filter:invert(.8)}
html:not([data-theme="dark"]) .eco-lang__btn{background:#fff!important;border-color:#cfdeeb!important;color:#24405a!important}
html:not([data-theme="dark"]) .eco-lang__menu{background:#fff!important;border-color:#e3ecf3!important}
html:not([data-theme="dark"]) .eco-lang__opt{color:#2d465e!important}
html:not([data-theme="dark"]) .eco-lang__opt:hover{background:#f4f9fd!important}
/* keep the Apply CTA gradient pill — it already reads on light */

/* ── Footer: light chrome ──────────────────────────────────────────── */
html:not([data-theme="dark"]) #footer.footer{background:linear-gradient(180deg,#f6fafd,#e9f1f8)!important;color:#3a4753!important}
html:not([data-theme="dark"]) #footer::before{opacity:.35}
html:not([data-theme="dark"]) #footer .elev-contour{display:none}
html:not([data-theme="dark"]) #footer .ft-logo--anj{content:url("../img/anj-logo.png")}
html:not([data-theme="dark"]) #footer .ft-logos .ft-div{background:#cfdeeb!important}
html:not([data-theme="dark"]) #footer .tagline,
html:not([data-theme="dark"]) #footer p,
html:not([data-theme="dark"]) #footer li,
html:not([data-theme="dark"]) #footer .footer-contact p{color:#3f5468!important}
html:not([data-theme="dark"]) #footer h5{color:#16293a!important}
html:not([data-theme="dark"]) #footer a{color:#33506b!important}
html:not([data-theme="dark"]) #footer a:hover{color:#0f9f8a!important}
html:not([data-theme="dark"]) #footer .social-links a{background:#fff!important;border-color:#cfdeeb!important;color:#2472b4!important;
  box-shadow:0 2px 8px rgba(20,40,60,.08)}
html:not([data-theme="dark"]) #footer .footer-contact a::after{background:#0f9f8a!important}
html:not([data-theme="dark"]) #footer .footer-bottom{border-top:1px solid #d8e4ee}
html:not([data-theme="dark"]) #footer .footer-bottom p,
html:not([data-theme="dark"]) #footer .footer-bottom strong{color:#5b6672!important}

/* ── Interior photo heroes: NATURAL photo, light scrim, clean white type
   (ajjapan-style: don't dim or wash the photo — the old 70% black ::before
   scrim is reduced to a whisper; text carries contrast via shadow). ──── */
html:not([data-theme="dark"]) .page-title.dark-background{background-color:#c8d8e6}
html:not([data-theme="dark"]) .page-title.dark-background::before{background:none!important}
html:not([data-theme="dark"]) .page-title.dark-background::after{background:none!important}
html:not([data-theme="dark"]) .page-title.dark-background .elev-contour,
html:not([data-theme="dark"]) .page-title.dark-background .elev-contour--hero{display:none}
html:not([data-theme="dark"]) .page-title.dark-background .section-title h2,
html:not([data-theme="dark"]) .page-title.dark-background h1,
html:not([data-theme="dark"]) .page-title.dark-background h2{
  font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;letter-spacing:-.015em!important;
  color:#14273a!important;text-shadow:0 1px 3px rgba(255,255,255,.5)!important}
html:not([data-theme="dark"]) .page-title.dark-background p,
html:not([data-theme="dark"]) .page-title.dark-background .breadcrumbs,
html:not([data-theme="dark"]) .page-title.dark-background .breadcrumbs a{color:#25394e!important;
  text-shadow:0 1px 3px rgba(255,255,255,.45)!important}
html:not([data-theme="dark"]) .page-title.dark-background .description-title{color:rgba(22,41,58,.08)!important}
html:not([data-theme="dark"]) .exam-guide-page .page-title .xg-full{color:#2472b4!important;text-shadow:0 1px 3px rgba(255,255,255,.5)!important}
html:not([data-theme="dark"]) .exam-guide-page .page-title .xg-tag{color:#25394e!important}
html:not([data-theme="dark"]) .accreditation-page .page-title .ac-sub{color:#25394e!important}

/* ── Homepage hero slider: brighter ────────────────────────────────── */
/* CEO: raw untouched photo in light mode (no overlay at all); Ken Burns kept.
   Headline: Fraunces serif, clean minimal effect, sized to wrap in TWO lines. */
html:not([data-theme="dark"]) .index-page .blog-hero .blog-hero-item::after{background:none!important}
html:not([data-theme="dark"]) .index-page .blog-hero-content{max-width:1040px!important}
html:not([data-theme="dark"]) .index-page .blog-hero-content h1,
html:not([data-theme="dark"]) .index-page .blog-hero-content .hero-heading{
  font-family:'Fraunces',Georgia,serif!important;font-weight:600!important;letter-spacing:-.015em!important;
  font-size:clamp(2rem,3.9vw,3.25rem)!important;line-height:1.14!important;
  color:#14273a!important;text-shadow:0 1px 3px rgba(255,255,255,.5)!important}
html:not([data-theme="dark"]) .index-page .blog-hero-content p{color:#25394e!important;
  text-shadow:0 1px 3px rgba(255,255,255,.45)!important}
html:not([data-theme="dark"]) .index-page .blog-hero-content .category{background:#ffffffd9!important;color:#2472b4!important;border-color:#cfdeeb!important}

/* ── Homepage testimonials band → light ────────────────────────────── */
html:not([data-theme="dark"]) .index-page .testimonials.section{background:#eef4fa!important}
html:not([data-theme="dark"]) .index-page .testimonials .testimonials-bg{opacity:.1!important}
html:not([data-theme="dark"]) .index-page .testimonials .elev-contour{display:none}
html:not([data-theme="dark"]) .index-page .testimonials .section-title h2,
html:not([data-theme="dark"]) .index-page .testimonials .section-title .description-title{color:#16293a!important}
html:not([data-theme="dark"]) .index-page .testimonials .testimonial-item{background:#fff!important;border:1px solid #e2eaf2!important;
  box-shadow:0 2px 4px rgba(20,40,60,.04),0 14px 34px rgba(20,40,60,.08)!important;backdrop-filter:none!important}
html:not([data-theme="dark"]) .index-page .testimonials .testimonial-item h3{color:#16293a!important}
html:not([data-theme="dark"]) .index-page .testimonials .testimonial-item h4{color:#5b6672!important}
html:not([data-theme="dark"]) .index-page .testimonials .testimonial-item p{color:#3a4753!important}
html:not([data-theme="dark"]) .index-page .testimonials .quote-icon-left,
html:not([data-theme="dark"]) .index-page .testimonials .quote-icon-right{color:rgba(41,134,204,.4)!important}

/* ── Shared light-band recipe (all the dark gradient bands) ────────── */
html:not([data-theme="dark"]) .index-page .hp-why,
html:not([data-theme="dark"]) .esl-page .esl-chips,
html:not([data-theme="dark"]) .junior-course-page .jc-chips,
html:not([data-theme="dark"]) .guarantee-course-page .gc-chips,
html:not([data-theme="dark"]) .test-course-page .tc-tracks,
html:not([data-theme="dark"]) .test-course-page .tc-note,
html:not([data-theme="dark"]) .faq-page .faq-note,
html:not([data-theme="dark"]) .reg-lead,
html:not([data-theme="dark"]) .facility-page .fac-lead,
html:not([data-theme="dark"]) .main-building-page .fac-lead,
html:not([data-theme="dark"]) .whychoose-page .fac-grid,
html:not([data-theme="dark"]) .team-page .fac-grid,
html:not([data-theme="dark"]) .facility-page.fac-hub .fac-grid,
html:not([data-theme="dark"]) .hub-page .hub-grid,
html:not([data-theme="dark"]) .hub-page .hub-note,
html:not([data-theme="dark"]) .blog-index-page .blog-cards,
html:not([data-theme="dark"]) .contact-page .contact-info,
html:not([data-theme="dark"]) .about-us-page .about-chips,
html:not([data-theme="dark"]) .about-us-page .about-grid,
html:not([data-theme="dark"]) .accreditation-page .ac-band,
html:not([data-theme="dark"]) .exam-guide-page .xg-band{
  background:radial-gradient(120% 140% at 50% 0%,#eaf1f8 0%,#f5f9fc 55%,#fbfdff 100%)!important;
  border:1px solid #dbe6f0!important;color:#3a4753!important;
  box-shadow:0 1px 2px rgba(20,40,60,.04),0 10px 28px rgba(20,40,60,.07)!important}
html:not([data-theme="dark"]) .index-page .hp-why::before,
html:not([data-theme="dark"]) .esl-page .esl-chips::before,
html:not([data-theme="dark"]) .junior-course-page .jc-chips::before,
html:not([data-theme="dark"]) .guarantee-course-page .gc-chips::before,
html:not([data-theme="dark"]) .test-course-page .tc-tracks::before,
html:not([data-theme="dark"]) .test-course-page .tc-tracks::after,
html:not([data-theme="dark"]) .test-course-page .tc-note::before,
html:not([data-theme="dark"]) .faq-page .faq-note::before,
html:not([data-theme="dark"]) .whychoose-page .fac-grid::before,
html:not([data-theme="dark"]) .team-page .fac-grid::before,
html:not([data-theme="dark"]) .facility-page.fac-hub .fac-grid::before,
html:not([data-theme="dark"]) .hub-page .hub-grid::before,
html:not([data-theme="dark"]) .hub-page .hub-note::before,
html:not([data-theme="dark"]) .blog-index-page .blog-cards::before,
html:not([data-theme="dark"]) .contact-page .contact-info::before,
html:not([data-theme="dark"]) .about-us-page .about-chips::before,
html:not([data-theme="dark"]) .about-us-page .about-grid::before,
html:not([data-theme="dark"]) .index-page .hp-why::after,
html:not([data-theme="dark"]) .accreditation-page .ac-band::before,
html:not([data-theme="dark"]) .exam-guide-page .xg-band::before{opacity:0!important}

/* headings/eyebrows/subs inside the light bands */
html:not([data-theme="dark"]) .index-page .hp-why__title,
html:not([data-theme="dark"]) .whychoose-page .fac-grid h1,html:not([data-theme="dark"]) .whychoose-page .fac-grid h2,
html:not([data-theme="dark"]) .team-page .fac-grid h2,
html:not([data-theme="dark"]) .hub-page .hub-grid h2,
html:not([data-theme="dark"]) .test-course-page .tc-tracks .tc-part__title,
html:not([data-theme="dark"]) .test-course-page .tc-note h4,
html:not([data-theme="dark"]) .faq-page .faq-note h4,html:not([data-theme="dark"]) .faq-page .faq-note h3,
html:not([data-theme="dark"]) .hub-page .hub-note h4,
html:not([data-theme="dark"]) .contact-page .contact-info h3,html:not([data-theme="dark"]) .contact-page .contact-info h4,
html:not([data-theme="dark"]) .accreditation-page .ac-band h2,
html:not([data-theme="dark"]) .exam-guide-page .xg-band h2{color:#16293a!important;text-shadow:none!important}
html:not([data-theme="dark"]) .index-page .hp-why__title b{color:#2472b4!important}
html:not([data-theme="dark"]) .index-page .hp-why__eyebrow{color:#0f9f8a!important;border-color:#bfe4dc!important;background:#eafaf6!important}
html:not([data-theme="dark"]) .index-page .hp-why__sub,
html:not([data-theme="dark"]) .test-course-page .tc-note p,
html:not([data-theme="dark"]) .faq-page .faq-note p,
html:not([data-theme="dark"]) .hub-page .hub-note p,
html:not([data-theme="dark"]) .reg-lead,
html:not([data-theme="dark"]) .facility-page .fac-lead,
html:not([data-theme="dark"]) .main-building-page .fac-lead,
html:not([data-theme="dark"]) .accreditation-page .ac-band p,
html:not([data-theme="dark"]) .exam-guide-page .xg-band p{color:#3f5468!important}
html:not([data-theme="dark"]) .test-course-page .tc-note p strong,
html:not([data-theme="dark"]) .reg-lead strong,
html:not([data-theme="dark"]) .facility-page .fac-lead strong,
html:not([data-theme="dark"]) .main-building-page .fac-lead strong{color:#2472b4!important}
html:not([data-theme="dark"]) .test-course-page .tc-tracks .tc-part__eyebrow{-webkit-text-fill-color:#0f9f8a!important;color:#0f9f8a!important}

/* glass cards inside bands → white tonal cards */
html:not([data-theme="dark"]) .index-page .hp-why__card,
html:not([data-theme="dark"]) .whychoose-page .fac-grid .fac-card,
html:not([data-theme="dark"]) .team-page .fac-grid .fac-card,
html:not([data-theme="dark"]) .facility-page.fac-hub .fac-grid .fac-card,
html:not([data-theme="dark"]) .hub-page .hub-grid .hub-card,
html:not([data-theme="dark"]) .blog-index-page .blog-cards .blog-content,
html:not([data-theme="dark"]) .about-us-page .about-grid .about-card,
html:not([data-theme="dark"]) .test-course-page .tc-tracks .tc-exam,
html:not([data-theme="dark"]) .contact-page .contact-info .info-item,
html:not([data-theme="dark"]) .accreditation-page .ac-stat{
  background:#fff!important;border:1px solid #e2eaf2!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 1px 2px rgba(20,40,60,.04),0 8px 20px rgba(20,40,60,.06)!important}
html:not([data-theme="dark"]) .index-page .hp-why__card h4,html:not([data-theme="dark"]) .index-page .hp-why__card h3,
html:not([data-theme="dark"]) .whychoose-page .fac-grid .fac-card h4,html:not([data-theme="dark"]) .whychoose-page .fac-grid .fac-card h3,
html:not([data-theme="dark"]) .team-page .fac-grid .fac-card h4,html:not([data-theme="dark"]) .team-page .fac-grid .fac-card h3,
html:not([data-theme="dark"]) .facility-page.fac-hub .fac-grid .fac-card h4,
html:not([data-theme="dark"]) .hub-page .hub-grid .hub-card h4,html:not([data-theme="dark"]) .hub-page .hub-grid .hub-card h3,
html:not([data-theme="dark"]) .about-us-page .about-grid .about-card h4,
html:not([data-theme="dark"]) .blog-index-page .blog-cards h4,html:not([data-theme="dark"]) .blog-index-page .blog-cards h3,
html:not([data-theme="dark"]) .test-course-page .tc-tracks .tc-exam__body h4,
html:not([data-theme="dark"]) .contact-page .contact-info .info-item h4,
html:not([data-theme="dark"]) .accreditation-page .ac-stat__num,
html:not([data-theme="dark"]) .accreditation-page .ac-stat__val{color:#16293a!important}
html:not([data-theme="dark"]) .index-page .hp-why__card p,
html:not([data-theme="dark"]) .whychoose-page .fac-grid .fac-card p,
html:not([data-theme="dark"]) .team-page .fac-grid .fac-card p,
html:not([data-theme="dark"]) .facility-page.fac-hub .fac-grid .fac-card p,
html:not([data-theme="dark"]) .hub-page .hub-grid .hub-card p,
html:not([data-theme="dark"]) .about-us-page .about-grid .about-card p,
html:not([data-theme="dark"]) .blog-index-page .blog-cards p,
html:not([data-theme="dark"]) .test-course-page .tc-tracks .tc-exam__body p,
html:not([data-theme="dark"]) .contact-page .contact-info .info-item p,
html:not([data-theme="dark"]) .contact-page .contact-info p,
html:not([data-theme="dark"]) .accreditation-page .ac-stat__lbl{color:#4a5b6c!important}
html:not([data-theme="dark"]) .accreditation-page .ac-stat__num small{color:#2472b4!important}
html:not([data-theme="dark"]) .test-course-page .tc-tracks .tc-exam__tag{background:#eaf2fa!important;color:#2472b4!important;border-color:#d6e6f5!important}

/* glass chips/pills → white pills */
html:not([data-theme="dark"]) .esl-page .esl-chip,
html:not([data-theme="dark"]) .junior-course-page .jc-chip,
html:not([data-theme="dark"]) .guarantee-course-page .gc-chip,
html:not([data-theme="dark"]) .about-us-page .about-chips .about-chip,
html:not([data-theme="dark"]) .contact-page .contact-info li{
  background:#fff!important;border:1px solid #dbe6f0!important;color:#2d465e!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:not([data-theme="dark"]) .esl-page .esl-chip strong,
html:not([data-theme="dark"]) .junior-course-page .jc-chip strong,
html:not([data-theme="dark"]) .guarantee-course-page .gc-chip strong,
html:not([data-theme="dark"]) .about-us-page .about-chips .about-chip strong{color:#2472b4!important}

/* white pill CTAs on dark bands → blue gradient buttons */
html:not([data-theme="dark"]) .test-course-page .tc-note .btn,
html:not([data-theme="dark"]) .faq-page .faq-note .btn,
html:not([data-theme="dark"]) .index-page .hp-why__cta,
html:not([data-theme="dark"]) .accreditation-page .ac-btn--p,
html:not([data-theme="dark"]) .exam-guide-page .xg-btn--p{
  background:linear-gradient(135deg,#3f9ae0,#2472b4)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(41,124,196,.3)!important}

/* blog-article capstone CTA (root header styles it dark) */
html:not([data-theme="dark"]) body.blog-article-page .article-body .article-cta,
html:not([data-theme="dark"]) body.blog-article-page .article-cta{
  background:radial-gradient(120% 140% at 50% 0%,#eaf1f8,#f5f9fc)!important;color:#3a4753!important;
  border:1px solid #dbe6f0!important;box-shadow:0 10px 28px rgba(20,40,60,.08)!important}
html:not([data-theme="dark"]) body.blog-article-page .article-cta h2,
html:not([data-theme="dark"]) body.blog-article-page .article-cta h3,
html:not([data-theme="dark"]) body.blog-article-page .article-cta h4{color:#16293a!important}

/* ── Sweep fixes: bands the first pass missed ──────────────────────── */
html:not([data-theme="dark"]) .esl-page .esl-tracks,
html:not([data-theme="dark"]) .junior-course-page .jc-programs,
html:not([data-theme="dark"]) .facility-page .fac-note,
html:not([data-theme="dark"]) body.blog-article-page .cta-box{
  background:radial-gradient(120% 140% at 50% 0%,#eaf1f8 0%,#f5f9fc 55%,#fbfdff 100%)!important;
  border:1px solid #dbe6f0!important;color:#3a4753!important;
  box-shadow:0 1px 2px rgba(20,40,60,.04),0 10px 28px rgba(20,40,60,.07)!important}
html:not([data-theme="dark"]) .esl-page .esl-tracks::before,
html:not([data-theme="dark"]) .esl-page .esl-tracks::after,
html:not([data-theme="dark"]) .junior-course-page .jc-programs::before,
html:not([data-theme="dark"]) .junior-course-page .jc-programs::after,
html:not([data-theme="dark"]) .facility-page .fac-note::before,
html:not([data-theme="dark"]) body.blog-article-page .cta-box::before{opacity:0!important}
html:not([data-theme="dark"]) .esl-page .esl-tracks .esl-subhead,
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-part__title,
html:not([data-theme="dark"]) .facility-page .fac-note h3,
html:not([data-theme="dark"]) .facility-page .fac-note h4,
html:not([data-theme="dark"]) body.blog-article-page .cta-box h2,
html:not([data-theme="dark"]) body.blog-article-page .cta-box h3,
html:not([data-theme="dark"]) body.blog-article-page .cta-box h4{color:#16293a!important;text-shadow:none!important}
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-part__eyebrow{-webkit-text-fill-color:#0f9f8a!important;color:#0f9f8a!important}
html:not([data-theme="dark"]) .facility-page .fac-note p,
html:not([data-theme="dark"]) .facility-page .fac-note li,
html:not([data-theme="dark"]) body.blog-article-page .cta-box p{color:#3f5468!important}
html:not([data-theme="dark"]) .esl-page .esl-tracks .esl-card,
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-course{
  background:#fff!important;border:1px solid #e2eaf2!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 1px 2px rgba(20,40,60,.04),0 8px 20px rgba(20,40,60,.06)!important}
html:not([data-theme="dark"]) .esl-page .esl-tracks .esl-card h4,
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-course__body h4{color:#16293a!important}
html:not([data-theme="dark"]) .esl-page .esl-tracks .esl-card p,
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-course__body p{color:#4a5b6c!important}
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-age{background:#eaf2fa!important;color:#2472b4!important;border-color:#d6e6f5!important}
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-chip{background:#fff!important;border:1px solid #dbe6f0!important;color:#2d465e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html:not([data-theme="dark"]) .junior-course-page .jc-programs .jc-chip strong{color:#2472b4!important}
html:not([data-theme="dark"]) .facility-page .fac-note .btn,
html:not([data-theme="dark"]) body.blog-article-page .cta-box .btn,
html:not([data-theme="dark"]) body.blog-article-page .cta-box a.btn{
  background:linear-gradient(135deg,#3f9ae0,#2472b4)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(41,124,196,.3)!important}
html:not([data-theme="dark"]) body.blog-article-page .cta-box a:not(.btn){color:#2472b4!important}

/* ═════════════════════════════════════════════════════════════════════
   DARK MODE (html[data-theme="dark"]) — full dark site
   ═════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:#0d1822!important;color:#c2d1de}
html[data-theme="dark"] .main,
html[data-theme="dark"] section.section:not(.hp-why):not(.dark-background):not(.testimonials){background:transparent!important}
html[data-theme="dark"] .section-title h2{color:#e8f1f9!important}
html[data-theme="dark"] .section-title span.description-title{color:rgba(255,255,255,.05)!important}
html[data-theme="dark"] .main p,html[data-theme="dark"] .main li{color:#c2d1de}
html[data-theme="dark"] .main h1,html[data-theme="dark"] .main h2,html[data-theme="dark"] .main h3,
html[data-theme="dark"] .main h4,html[data-theme="dark"] .main h5{color:#e8f1f9}

/* flip the per-page palette variables (drives headings/ink/lines/soft/zebra) */
html[data-theme="dark"] .tc-wrap{--tc-heading:#e8f1f9;--tc-ink:#c2d1de;--tc-line:#24384a;--tc-soft:#13212e}
html[data-theme="dark"] .jc-wrap{--jc-heading:#e8f1f9;--jc-ink:#c2d1de;--jc-line:#24384a;--jc-soft:#13212e}
html[data-theme="dark"] .gc-wrap{--gc-heading:#e8f1f9;--gc-ink:#c2d1de;--gc-line:#24384a;--gc-soft:#13212e}
html[data-theme="dark"] .esl-page{--es-heading:#e8f1f9;--es-ink:#c2d1de;--es-line:#24384a;--es-soft:#13212e}
html[data-theme="dark"] .accreditation-page{--ac-ink:#e8f1f9;--ac-body:#c2d1de;--ac-muted:#8fa3b4;--ac-line:#24384a;--ac-soft:#13212e}
html[data-theme="dark"] .exam-guide-page{--xg-ink:#e8f1f9;--xg-body:#c2d1de;--xg-muted:#8fa3b4;--xg-line:#24384a;--xg-soft:#13212e}

/* white surfaces → dark cards (broad, grouped) */
html[data-theme="dark"] .tc-exam,html[data-theme="dark"] .jc-course,html[data-theme="dark"] .esl-card,
html[data-theme="dark"] .gc-step,html[data-theme="dark"] .gc-stage,html[data-theme="dark"] .gc-prog,
html[data-theme="dark"] .gc-details,html[data-theme="dark"] .fac-card,html[data-theme="dark"] .hub-card,
html[data-theme="dark"] .about-card,html[data-theme="dark"] .team-member,html[data-theme="dark"] .blog-content,
html[data-theme="dark"] .ac-card,html[data-theme="dark"] .ac-featured,html[data-theme="dark"] .ac-panel,
html[data-theme="dark"] .xg-card,html[data-theme="dark"] .xg-panel,html[data-theme="dark"] .ti-card,
html[data-theme="dark"] .ti-content,html[data-theme="dark"] details.ac-q,html[data-theme="dark"] details.xg-q,
html[data-theme="dark"] .contact-form,html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .esl-tab,html[data-theme="dark"] .gc-tab,html[data-theme="dark"] .isotope-filters li{
  background:#142433!important;border-color:#24384a!important;color:#c2d1de}
html[data-theme="dark"] .xg-fact,html[data-theme="dark"] .ac-mini,html[data-theme="dark"] .xg-scoring,
html[data-theme="dark"] .esl-note,html[data-theme="dark"] .gc-note:not(.gc-note--warn),
html[data-theme="dark"] details.ac-learn>summary,html[data-theme="dark"] details.gc-details>summary,
html[data-theme="dark"] .eco-explore{background:#13212e!important;border-color:#24384a!important}
html[data-theme="dark"] .ac-logo{background:#fff!important} /* keep logos readable */
html[data-theme="dark"] .eco-explore__link{background:#142433!important;border-color:#2a415a!important;color:#cfe0ef!important}
html[data-theme="dark"] .eco-explore h2{color:#e8f1f9!important}
html[data-theme="dark"] table td{border-color:#24384a!important;color:#c2d1de}
html[data-theme="dark"] .tc-table-wrap,html[data-theme="dark"] .jc-table-wrap,
html[data-theme="dark"] .esl-table-wrap,html[data-theme="dark"] .gc-table-wrap{border-color:#24384a!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{
  background:#13212e!important;border-color:#2a415a!important;color:#dce8f2!important}
/* the light accreditor marquee gets a dark variant */
html[data-theme="dark"] .eco-marq{background:linear-gradient(180deg,#10202e,#0d1822)!important;border-color:#22364a!important}
html[data-theme="dark"] .eco-marq__title{color:#9fd0f5!important}
html[data-theme="dark"] .eco-marq__item{background:#f2f7fb;border-radius:10px;padding:4px 10px}
/* light tinted panels (facility highlights etc.) go dark */
html[data-theme="dark"] .facility-page:not(.fac-hub) .fac-grid{background:#10202e!important;border-color:#22364a!important}