/* =========================================================
   Day / Night mode — all new pages. Day is the default; the visitor's choice is remembered
   (localStorage "mu-theme"). Set by assets/js/mua-theme.js and a one-line script in each <head>.
   Branding is NOT changed: navy #1B2F5E, gold #D8B051, logo, photos and fonts stay the same.
   Night only darkens the light parts (white/soft backgrounds, borders, dark text → light text).
   PART 1 = night colours + a few hand-made fixes. PART 2 = rules generated from every page stylesheet
   (re-run tools/gen_dark.py if a page CSS changes). PART 3 = the day/night switch itself.
   ========================================================= */

/* ---------- PART 1: night colours ---------- */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #E7ECF6;
  --body: #AEB9D0;
  --line: #26365C;
  --soft: #111B36;
  --ph: #1C2A4D;
  --gold-soft: rgba(216, 176, 81, .16);
  --gold-wash: #18213D;
  --gold-text: #E8C46A;           /* readable gold on dark */
  --shadow: 0 24px 60px rgba(0, 0, 0, .45);
  --dk-page: #0B1229;
  --dk-card: #16213F;
  --dk-soft: #0F1832;
  --dk-wash: #1A2442;
  --dk-link: #D3DEFF;
  --dk-border: #7F96CC;
  --dk-input: #33466F;
}
html[data-theme="dark"] body { background: var(--dk-page); }
html[data-theme="dark"] .mu-header { background: rgba(11, 18, 41, .94); border-bottom-color: var(--line); }
html[data-theme="dark"] .mu-brand__name { color: #fff; }
html[data-theme="dark"] .mu-brand__tag { color: var(--body); }
html[data-theme="dark"] .mu-nav a { color: var(--ink); }
html[data-theme="dark"] .g-filterbar { background: rgba(11, 18, 41, .94); }
html[data-theme="dark"] .mu-modal { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .mu-modal__close { background: var(--dk-soft); color: var(--ink); }
html[data-theme="dark"] .mu-modal__qrs img { background: #fff; }               /* QR codes must stay black-on-white to scan */
html[data-theme="dark"] .mu-hero__scene .mu-float--score circle:first-child { stroke: var(--line); }
html[data-theme="dark"] .mu-hero__scene .mu-float--score text { fill: var(--dk-link); }
html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { color: var(--ink); }
html[data-theme="dark"] ::placeholder { color: #7C89A6; }
html[data-theme="dark"] .mu-logo img { background: #fff; border-radius: 50%; }   /* logo keeps its white disc */

/* ---------- PART 2: generated from the page stylesheets (tools/gen_dark.py) ---------- */
/* ---- home.css ---- */
:where(html[data-theme="dark"]) a { color: var(--dk-link); }
:where(html[data-theme="dark"]) a:hover { color: var(--dk-link); }
html[data-theme="dark"] .mu-skip { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-btn { border: 1.5px solid transparent; }
html[data-theme="dark"] .mu-btn--gold { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-btn--gold:hover { background: #E2BD62; color: #16203A; }
html[data-theme="dark"] .mu-btn--navy { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-btn--navy:hover { background: var(--navy-night); color: #fff; }
html[data-theme="dark"] .mu-btn--outline { border-color: var(--dk-border); color: var(--dk-link); background: transparent; }
html[data-theme="dark"] .mu-btn--ghost { border-color: rgba(255, 255, 255, .6); color: #fff; background: transparent; }
html[data-theme="dark"] .mu-btn--ghost:hover { background: rgba(255, 255, 255, .1); color: #fff; }
html[data-theme="dark"] .mu-chip { color: var(--gold-text); background: var(--gold-soft); }
html[data-theme="dark"] .mu-eyebrow { color: var(--gold-text); }
html[data-theme="dark"] .mu-eyebrow--gold { color: var(--gold); }
html[data-theme="dark"] .mu-lead { color: var(--body); }
html[data-theme="dark"] .mu-link--gold { color: var(--gold); }
html[data-theme="dark"] .mu-link--gold:hover { color: #F0D184; }
html[data-theme="dark"] .mu-logo::after { background: linear-gradient(135deg, rgba(255,255,255,0) 38%, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 62%); }
html[data-theme="dark"] .mu-header { background: rgba(11, 18, 41, .96); border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .mu-brand { color: var(--ink); }
html[data-theme="dark"] .mu-brand__tag { color: var(--body); }
html[data-theme="dark"] .mu-nav a::after { background: var(--gold); }
html[data-theme="dark"] .mu-lang { background: var(--dk-soft); }
html[data-theme="dark"] .mu-lang button { border: 0; background: transparent; color: var(--dk-link); }
html[data-theme="dark"] .mu-lang button[aria-pressed="true"] { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-menu-btn { border: 1.5px solid var(--line); background: var(--dk-card); color: var(--dk-link); }
html[data-theme="dark"] .mu-hero { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-hero__fade { background: linear-gradient(90deg, var(--navy) 0%, rgba(27,47,94,.9) 10%, rgba(27,47,94,.35) 26%, rgba(27,47,94,0) 42%); }
html[data-theme="dark"] .mu-hero__slogan { color: #E8C46A; }
html[data-theme="dark"] .mu-hero__sub { color: #D5DDEE; }
html[data-theme="dark"] .mu-checks li::before { background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' fill='none' stroke='%231B2F5E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
html[data-theme="dark"] .mu-formula { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); }
html[data-theme="dark"] .mu-formula b { color: var(--gold); }
html[data-theme="dark"] .mu-formula i { color: #8FA0C4; }
html[data-theme="dark"] .mu-formula strong { color: #fff; }
html[data-theme="dark"] .mu-float { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .mu-float--score span { color: var(--body); }
html[data-theme="dark"] .mu-float__row span { color: var(--body); }
html[data-theme="dark"] .mu-crumbs { color: #B9C4DD; }
html[data-theme="dark"] .mu-crumbs a { color: #D5DDEE; }
html[data-theme="dark"] .mu-crumbs a:hover { color: #fff; }
html[data-theme="dark"] .mu-chips li { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); }
html[data-theme="dark"] .mu-stats { background: var(--dk-card); }
html[data-theme="dark"] .mu-stats__icon { background: var(--gold-soft); color: var(--dk-link); }
html[data-theme="dark"] .mu-stats b { color: var(--dk-link); }
html[data-theme="dark"] .mu-stats li > span:last-child > span { color: var(--body); }
html[data-theme="dark"] .mu-section--soft { background: var(--dk-soft); }
html[data-theme="dark"] .mu-section--warm { background: var(--dk-wash); }
html[data-theme="dark"] .mu-section--dark { background: var(--navy-deep); color: #fff; }
html[data-theme="dark"] .mu-section--dark .mu-lead { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-course { border: 2px solid var(--line); background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .mu-course:hover { border-color: #C9D2E3; }
html[data-theme="dark"] .mu-course.is-active { background: var(--navy); border-color: var(--dk-border); color: #fff; }
html[data-theme="dark"] .mu-course__img { background: var(--ph); }
html[data-theme="dark"] .mu-course__tag { background: var(--gold-soft); color: var(--gold-text); }
html[data-theme="dark"] .mu-course.is-active .mu-course__tag { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-pathway { background: var(--dk-soft); }
html[data-theme="dark"] .mu-pathway__label { color: var(--gold-text); }
html[data-theme="dark"] .mu-pathway__note { color: var(--body); }
html[data-theme="dark"] .mu-steps li { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .mu-steps li:not(:last-child)::after { color: #B48A2C; }
html[data-theme="dark"] .mu-steps__n { color: var(--body); }
html[data-theme="dark"] .mu-steps__n span { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .mu-pathway__foot { color: var(--body); }
html[data-theme="dark"] .mu-flow li { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
html[data-theme="dark"] .mu-flow span { color: var(--gold); }
html[data-theme="dark"] .mu-flow small { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-tools__hint { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-tool { background: rgba(255,255,255,.05); color: #fff; border: 1px solid rgba(255,255,255,.12); }
html[data-theme="dark"] .mu-tool:hover { background: rgba(255,255,255,.1); }
html[data-theme="dark"] .mu-tool em { background: rgba(255,255,255,.12); color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-tool[data-live="1"] em { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-tool.is-active { background: var(--dk-card); color: var(--ink); border-color: #fff; }
html[data-theme="dark"] .mu-tool.is-active[data-live="0"] em { background: var(--line); color: var(--body); }
html[data-theme="dark"] .mu-screen { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .mu-screen__bar { background: var(--dk-soft); border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .mu-screen__bar i { background: #D5DBE6; }
html[data-theme="dark"] .mu-screen__bar span { color: var(--body); }
html[data-theme="dark"] .mu-screen__rows div { background: var(--dk-soft); }
html[data-theme="dark"] .mu-screen__rows dt { color: var(--body); }
html[data-theme="dark"] .mu-screen__foot { color: var(--body); }
html[data-theme="dark"] .mu-screen__foot::before { background: var(--gold); }
html[data-theme="dark"] .mu-tools__desc { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-teacher { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .mu-teacher__photo { background: var(--ph); }
html[data-theme="dark"] .mu-teacher__initial { color: var(--dk-link); }
html[data-theme="dark"] .mu-play { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-play:hover { color: var(--ink); }
html[data-theme="dark"] .mu-play--lg { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .mu-teacher__role { color: var(--gold-text); }
html[data-theme="dark"] .mu-tags li { background: var(--dk-soft); color: var(--dk-link); }
html[data-theme="dark"] .mu-teacher__meta { color: var(--body); }
html[data-theme="dark"] .mu-real__video { background: var(--ph) center / cover no-repeat; color: var(--body); }
html[data-theme="dark"] .mu-real__video::after { background: linear-gradient(0deg, rgba(14,25,54,.65), rgba(14,25,54,0) 55%); }
html[data-theme="dark"] .mu-real__ph { color: #fff; }
html[data-theme="dark"] .mu-vid { background: var(--ph); }
html[data-theme="dark"] .mu-vid > .mu-play { border: 0; }
html[data-theme="dark"] .mu-vid.is-playing > video { background: #000; }
html[data-theme="dark"] .mu-quote { background: var(--dk-wash); }
html[data-theme="dark"] .mu-quote::before { color: var(--gold); }
html[data-theme="dark"] .mu-quote figcaption { color: var(--body); }
html[data-theme="dark"] .mu-tour { background: var(--dk-card); }
html[data-theme="dark"] .mu-tour__img { background: var(--ph) center / cover no-repeat; color: var(--body); }
html[data-theme="dark"] .mu-tour__img em { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .mu-tour__when { color: var(--gold-text); }
html[data-theme="dark"] .mu-tour__body > p:not(.mu-tour__when) { color: var(--body); }
html[data-theme="dark"] .mu-book { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-book::before { border: 2px solid rgba(216, 176, 81, .2); }
html[data-theme="dark"] .mu-book__photo { border: 4px solid var(--gold); }
html[data-theme="dark"] .mu-book .mu-lead { color: #D5DDEE; }
html[data-theme="dark"] .mu-book__steps li > span { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-book__steps small { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-form { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .mu-form input, html[data-theme="dark"] .mu-form select { border: 1.5px solid var(--dk-input); color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .mu-form input:focus, html[data-theme="dark"] .mu-form select:focus { border-color: var(--dk-border); }
html[data-theme="dark"] .mu-form [aria-invalid="true"] { border-color: #B42318; }
html[data-theme="dark"] .mu-form__teacher { color: var(--gold-text); background: var(--dk-wash); }
html[data-theme="dark"] .mu-form__msg.is-error { color: #B42318; }
html[data-theme="dark"] .mu-form__msg.is-ok { color: #6FD49A; }
html[data-theme="dark"] .mu-form__privacy { color: var(--body); }
html[data-theme="dark"] .mu-footer { background: var(--navy-night); color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-footer h3 { color: #fff; }
html[data-theme="dark"] .mu-footer a, html[data-theme="dark"] .mu-footer__link { color: var(--muted-on-dark); background: none; border: 0; }
html[data-theme="dark"] .mu-footer a:hover, html[data-theme="dark"] .mu-footer__link:hover { color: #fff; }
html[data-theme="dark"] .mu-footer__brand b { color: #fff; }
html[data-theme="dark"] .mu-footer__brand i { color: var(--gold); }
html[data-theme="dark"] .mu-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .12); }
html[data-theme="dark"] .mu-modal { border: 0; color: var(--ink); }
html[data-theme="dark"] .mu-modal::backdrop { background: rgba(14, 25, 54, .6); }
html[data-theme="dark"] .mu-modal p { color: var(--body); }
html[data-theme="dark"] .mu-modal__close { border: 0; background: var(--dk-soft); }
html[data-theme="dark"] .mu-modal__qrs img { border: 1px solid var(--line); }
html[data-theme="dark"] .mu-copy { border: 1.5px solid var(--dk-border); background: var(--dk-card); color: var(--dk-link); }
@media (max-width: 1240px) { html[data-theme="dark"] .mu-nav a { border-bottom: 1px solid var(--line); } }
@media (max-width: 900px) { html[data-theme="dark"] .mu-hero__fade { background: linear-gradient(0deg, var(--navy) 0%, rgba(27,47,94,0) 45%); } }
html[data-theme="dark"] .t-rating { color: var(--body); }
html[data-theme="dark"] .t-rating__star { color: var(--ink); }
html[data-theme="dark"] .t-rating__star svg { color: var(--gold); }
/* ---- mua-hero-compact.css ---- */
html[data-theme="dark"] .mu-hero__scene .mu-float::after { background: var(--dk-card); }
/* ---- mua-login.css ---- */
html[data-theme="dark"] .mu-login::backdrop { background: rgba(14, 25, 54, .62); }
html[data-theme="dark"] .mu-login__head { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-login__head::after { background: radial-gradient(60% 120% at 100% 0%, rgba(216, 176, 81, .25), transparent 60%); }
html[data-theme="dark"] .mu-login__head img { background: var(--dk-card); }
html[data-theme="dark"] .mu-login h2 { color: #fff; }
html[data-theme="dark"] .mu-login__head p { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-login .mu-modal__close { background: rgba(255, 255, 255, .14); color: #fff; }
html[data-theme="dark"] .mu-login .mu-modal__close:hover { background: rgba(255, 255, 255, .24); }
html[data-theme="dark"] .mu-login__choice { border: 1.5px solid var(--line); color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .mu-login__choice:hover, html[data-theme="dark"] .mu-login__choice:focus-visible { border-color: var(--dk-border); background: var(--dk-wash); color: var(--ink); }
html[data-theme="dark"] .mu-login__choice::after { background: var(--dk-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%231B2F5E' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
html[data-theme="dark"] .mu-login__choice:hover::after { background-color: var(--gold); }
html[data-theme="dark"] .mu-login__icon { background: var(--gold-soft); color: var(--dk-link); }
html[data-theme="dark"] .mu-login__choice--teacher .mu-login__icon { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .mu-login__choice small { color: var(--body); }
html[data-theme="dark"] .mu-login__foot { border-top: 1px solid var(--line); color: var(--body); }
html[data-theme="dark"] .mu-login__foot button { border: 0; background: none; color: var(--dk-link); }
html[data-theme="dark"] .mu-login__back { border: 0; background: rgba(255, 255, 255, .14); color: #fff; }
html[data-theme="dark"] .mu-login__back:hover { background: rgba(255, 255, 255, .24); }
html[data-theme="dark"] .mu-login__form input { border: 1.5px solid var(--dk-input); color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .mu-login__form input:focus { border-color: var(--dk-border); }
html[data-theme="dark"] .mu-login__pw button { border: 0; background: var(--dk-soft); color: var(--dk-link); }
html[data-theme="dark"] .mu-login__msg { background: rgba(180, 35, 24, .18); color: #B42318; }
html[data-theme="dark"] .mu-login__only { color: var(--body); }
/* ---- camp.css ---- */
html[data-theme="dark"] .mu-dates { background: var(--dk-card); }
html[data-theme="dark"] .mu-dates__sub { color: var(--body); }
html[data-theme="dark"] .mu-cal__dow { color: var(--body); }
html[data-theme="dark"] .mu-cal__day.is-class { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-cal__day.is-class .mu-cal__month { color: var(--gold); }
html[data-theme="dark"] .mu-cal__day.is-off { background: var(--dk-soft); color: #7C879B; }
html[data-theme="dark"] .mu-cal__day.is-holiday { background: var(--gold-soft); color: var(--gold-text); }
html[data-theme="dark"] .mu-cal__day.is-out { background: transparent; color: #B4BDCC; border: 1px dashed var(--line); }
html[data-theme="dark"] .mu-cal__legend { color: var(--body); }
html[data-theme="dark"] .mu-cal__legend i.is-class { background: var(--navy); }
html[data-theme="dark"] .mu-cal__legend i.is-off { background: var(--dk-soft); border: 1px solid var(--line); }
html[data-theme="dark"] .mu-cal__legend i.is-holiday { background: var(--gold-soft); }
html[data-theme="dark"] .mu-cal__legend b { color: var(--dk-link); }
html[data-theme="dark"] .mu-cal__note { color: var(--body); }
html[data-theme="dark"] .mu-facts { background: var(--dk-wash); }
html[data-theme="dark"] .mu-facts div { border-bottom: 1px solid rgba(138, 106, 30, .18); }
html[data-theme="dark"] .mu-facts dt { color: var(--gold-text); }
html[data-theme="dark"] .mu-facts dd { color: var(--ink); }
html[data-theme="dark"] .mu-day__row--hours span { color: var(--body); border-left: 1px dashed var(--line); }
html[data-theme="dark"] .mu-day__row--hours span:first-child { border: 0; }
html[data-theme="dark"] .mu-day__label small { color: var(--body); }
html[data-theme="dark"] .mu-day__bar { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-day__bar--pm { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-features li { border: 1px solid var(--line); background: var(--dk-card); }
html[data-theme="dark"] .mu-features__icon { background: var(--gold-soft); color: var(--dk-link); }
html[data-theme="dark"] .mu-features li > span:last-child { color: var(--body); }
html[data-theme="dark"] .mu-batch { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .mu-batch__age { background: var(--gold-soft); color: var(--gold-text); }
html[data-theme="dark"] .mu-batch__time { color: var(--dk-link); }
html[data-theme="dark"] .mu-batch__meta { color: var(--body); }
html[data-theme="dark"] .mu-batch--online { background: var(--navy); color: #fff; border-color: var(--dk-border); }
html[data-theme="dark"] .mu-batch--online .mu-batch__age { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .mu-batch--online .mu-batch__time { color: var(--gold); }
html[data-theme="dark"] .mu-batch--online .mu-batch__meta { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-batch--online .mu-tags li { background: rgba(255, 255, 255, .12); color: #fff; }
html[data-theme="dark"] .mu-activities li { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
html[data-theme="dark"] .mu-activities li::before { background: var(--gold); }
html[data-theme="dark"] .mu-gallery__img { background: var(--ph); }
html[data-theme="dark"] .mu-gallery figcaption { color: var(--body); }
html[data-theme="dark"] .mu-vid--card::after { background: rgba(14, 25, 54, .25); }
html[data-theme="dark"] .mu-table-wrap { background: var(--dk-card); }
html[data-theme="dark"] .mu-compare th, html[data-theme="dark"] .mu-compare td { border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .mu-compare tbody tr:last-child th, html[data-theme="dark"] .mu-compare tbody tr:last-child td { border-bottom: 0; }
html[data-theme="dark"] .mu-compare thead th { color: var(--body); }
html[data-theme="dark"] .mu-compare tbody th { color: var(--ink); }
html[data-theme="dark"] .mu-compare .is-winter { background: rgba(27, 47, 94, .05); color: var(--dk-link); }
html[data-theme="dark"] .mu-compare thead .is-winter { background: var(--navy); color: #fff; }
html[data-theme="dark"] .mu-compare .is-no { color: #8A93A6; }
html[data-theme="dark"] .mu-faq details { border: 1px solid var(--line); background: var(--dk-card); }
html[data-theme="dark"] .mu-faq summary::after { background: var(--gold-soft); color: var(--dk-link); }
html[data-theme="dark"] .mu-faq details[open] summary::after { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .mu-faq details p { color: var(--body); }
/* ---- term.css ---- */
html[data-theme="dark"] .t-facts { background: var(--dk-card); }
html[data-theme="dark"] .t-facts > div { border-right: 1px solid var(--line); }
html[data-theme="dark"] .t-facts dt { color: var(--gold-text, #8A6A1E); }
html[data-theme="dark"] .t-facts dd { color: var(--ink); }
html[data-theme="dark"] .t-facts dd small { color: var(--body); }
html[data-theme="dark"] .t-facts__cta { background: var(--gold-wash, #FBF6E8); }
html[data-theme="dark"] .t-why__card { border: 1px solid var(--line); background: var(--dk-card); }
html[data-theme="dark"] .t-why__card p { color: var(--body); }
html[data-theme="dark"] .t-why__card li::before { background: var(--gold-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B2F5E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat; }
html[data-theme="dark"] .t-why__label { background: var(--dk-soft); color: var(--body); }
html[data-theme="dark"] .t-why__card--main { background: var(--navy); color: #fff; border-color: var(--dk-border); }
html[data-theme="dark"] .t-why__card--main p { color: var(--muted-on-dark); }
html[data-theme="dark"] .t-why__card--main .t-why__label { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .t-why__card--main li::before { background-color: var(--gold); }
html[data-theme="dark"] .t-steps::before { background: repeating-linear-gradient(90deg, var(--gold) 0 8px, transparent 8px 14px); }
html[data-theme="dark"] .t-steps li::before { background: var(--dk-card); border: 2px solid var(--gold); color: var(--dk-link); }
html[data-theme="dark"] .t-steps li:first-child::before { background: var(--gold); }
html[data-theme="dark"] .t-steps span { color: var(--body); }
html[data-theme="dark"] .t-for { color: var(--body); }
html[data-theme="dark"] .t-for b { color: var(--ink); }
html[data-theme="dark"] .mu-batch--online .t-for, html[data-theme="dark"] .mu-batch--online .t-for b { color: var(--muted-on-dark); }
html[data-theme="dark"] .mu-batch__badge { background: var(--gold); color: #16203A; }
@media (max-width: 1080px) { html[data-theme="dark"] .t-facts > div:nth-child(2n) { border-right: 0; } }
@media (max-width: 1080px) { html[data-theme="dark"] .t-facts > div { border-bottom: 1px solid var(--line); } }
@media (max-width: 600px) { html[data-theme="dark"] .t-steps li:not(:last-child)::after { background: var(--gold-soft); } }
/* ---- online.css ---- */
html[data-theme="dark"] .o-plan { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .o-plan__price b { color: var(--dk-link); }
html[data-theme="dark"] .o-plan__price span { color: var(--body); }
html[data-theme="dark"] .o-plan__meta { color: var(--body); }
html[data-theme="dark"] .o-plan__for { background: var(--dk-soft); }
html[data-theme="dark"] .o-plan__for b { color: var(--ink); }
html[data-theme="dark"] .o-plan li::before { background: var(--gold-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B2F5E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat; }
html[data-theme="dark"] .o-plan--main { background: var(--navy); color: #fff; border-color: var(--dk-border); }
html[data-theme="dark"] .o-plan--main .o-plan__price b { color: var(--gold); }
html[data-theme="dark"] .o-plan--main .o-plan__price span, html[data-theme="dark"] .o-plan--main .o-plan__meta { color: var(--muted-on-dark); }
html[data-theme="dark"] .o-plan--main .o-plan__for { background: rgba(255, 255, 255, .1); }
html[data-theme="dark"] .o-plan--main .o-plan__for b { color: #fff; }
html[data-theme="dark"] .o-plan--main li::before { background-color: var(--gold); }
html[data-theme="dark"] .o-plan__badge { background: var(--gold-soft); color: var(--gold-text); }
html[data-theme="dark"] .o-plan--main .o-plan__badge { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .o-note { color: var(--body); }
html[data-theme="dark"] .o-need li { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .o-need span { color: var(--body); }
/* ---- curriculum.css ---- */
html[data-theme="dark"] .c-hero { background: var(--navy); color: #fff; }
html[data-theme="dark"] .c-hero::after { background: radial-gradient(60% 80% at 85% 20%, rgba(216, 176, 81, .18), transparent 60%); }
html[data-theme="dark"] .c-hero__tag { color: var(--gold); }
html[data-theme="dark"] .c-stairs li { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); }
html[data-theme="dark"] .c-stairs li:nth-child(6) { background: var(--gold); border-color: var(--gold); color: #16203A; }
html[data-theme="dark"] .c-stairs a { color: inherit; }
html[data-theme="dark"] .c-parts li { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .c-parts span { color: var(--body); }
html[data-theme="dark"] .c-parts em { color: var(--gold-text); background: var(--gold-soft); }
html[data-theme="dark"] .c-stage { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .c-stage__num { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .c-stage__en { color: var(--body); }
html[data-theme="dark"] .c-stage__chips span { background: var(--dk-soft); color: var(--ink); }
html[data-theme="dark"] .c-stage__chips .is-cefr { background: var(--gold-soft); color: var(--gold-text); }
html[data-theme="dark"] .c-stage__goal { color: var(--ink); }
html[data-theme="dark"] .c-stage dl { border-top: 1px solid var(--line); }
html[data-theme="dark"] .c-stage dt { color: var(--gold-text, #8A6A1E); }
html[data-theme="dark"] .c-stage dd { color: var(--body); }
html[data-theme="dark"] .c-stage--top { background: var(--navy); color: #fff; border-color: var(--dk-border); }
html[data-theme="dark"] .c-stage--top .c-stage__num { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .c-stage--top .c-stage__en, html[data-theme="dark"] .c-stage--top dd { color: var(--muted-on-dark); }
html[data-theme="dark"] .c-stage--top .c-stage__goal { color: #fff; }
html[data-theme="dark"] .c-stage--top dl { border-color: rgba(255, 255, 255, .15); }
html[data-theme="dark"] .c-stage--top dt { color: var(--gold); }
html[data-theme="dark"] .c-stage--top .c-stage__chips span { background: rgba(255, 255, 255, .12); color: #fff; }
html[data-theme="dark"] .c-stage--top .c-stage__chips .is-cefr { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .c-chart-wrap { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .c-chart__head { color: var(--body); border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .c-chart__label { color: var(--ink); }
html[data-theme="dark"] .c-chart__label small { color: var(--body); }
html[data-theme="dark"] .c-chart__bar { background: var(--navy); color: #fff; }
html[data-theme="dark"] .c-chart__bar.is-gold { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .c-chart__bar.is-soft { background: var(--gold-soft); color: var(--gold-text); }
html[data-theme="dark"] .c-chart__bar.is-grade { background: repeating-linear-gradient(135deg, var(--soft) 0 8px, #E8ECF4 8px 16px); color: var(--ink); }
html[data-theme="dark"] .c-chart__swipe { color: var(--gold-text, #8A6A1E); }
html[data-theme="dark"] .c-chart__note { color: var(--body); }
html[data-theme="dark"] .c-route li:not(:last-child)::after { color: var(--gold-text, #8A6A1E); }
html[data-theme="dark"] .c-route b { background: var(--dk-soft); }
html[data-theme="dark"] .c-route b small { color: var(--body); }
html[data-theme="dark"] .c-route .is-ielts b { background: var(--navy); color: #fff; }
html[data-theme="dark"] .c-route .is-ielts b small { color: var(--muted-on-dark); }
html[data-theme="dark"] .c-note { background: var(--gold-wash, #FBF6E8); border: 1px solid rgba(138, 106, 30, .18); }
html[data-theme="dark"] .c-note ul { color: var(--ink); }
/* ---- teachers.css ---- */
html[data-theme="dark"] .t-search svg { color: var(--body); }
html[data-theme="dark"] .t-search input { border: 1.5px solid var(--line); color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .t-search input:focus { border-color: var(--dk-border); }
html[data-theme="dark"] .t-filter__label { color: var(--body); }
html[data-theme="dark"] .t-sort { color: var(--body); }
html[data-theme="dark"] .t-sort select { border: 1.5px solid var(--line); color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .t-count { color: var(--body); }
html[data-theme="dark"] .t-card { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .t-card__photo { border: 0; background: var(--ph); }
html[data-theme="dark"] .t-card__initial { color: var(--dk-link); }
html[data-theme="dark"] .t-badge--lpt { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .t-badge--tefl { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .t-badge--pro { background: var(--dk-card); color: var(--dk-link); }
html[data-theme="dark"] .t-vid { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .t-vid::before { border-left: 8px solid currentColor; border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
html[data-theme="dark"] .t-vid.is-soon { background: rgba(14, 25, 54, .72); color: #fff; }
html[data-theme="dark"] .t-cred { color: var(--gold-text); }
html[data-theme="dark"] .t-exp { color: var(--body); }
html[data-theme="dark"] .t-empty { color: var(--body); }
html[data-theme="dark"] .t-profile { border: 0; color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .t-profile::backdrop { background: rgba(14, 25, 54, .65); }
html[data-theme="dark"] .t-profile__close { border: 0; background: rgba(11, 18, 41, .92); color: var(--ink); }
html[data-theme="dark"] .t-profile__media { background: var(--ph); }
html[data-theme="dark"] .t-profile__media video { background: #000; }
html[data-theme="dark"] .t-profile__cred { color: var(--gold-text); }
html[data-theme="dark"] .t-profile__stats { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .t-profile__label { color: var(--body); }
/* ---- mua-gallery.css ---- */
html[data-theme="dark"] .g-hero { background: var(--navy); color: #fff; }
html[data-theme="dark"] .g-hero::after { border: 2px solid rgba(216, 176, 81, .22); }
html[data-theme="dark"] .g-hero__sub { color: #D5DDEE; }
html[data-theme="dark"] .g-filterbar { background: rgba(11, 18, 41, .96); border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .g-chip { border: 1.5px solid var(--line); background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .g-chip:hover { border-color: var(--dk-border); }
html[data-theme="dark"] .g-chip small { color: var(--body); background: var(--dk-soft); }
html[data-theme="dark"] .g-chip[aria-pressed="true"] { background: var(--navy); border-color: var(--dk-border); color: #fff; }
html[data-theme="dark"] .g-chip[aria-pressed="true"] small { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .g-chip--photo:not([aria-pressed="true"]) { background: var(--dk-wash); }
html[data-theme="dark"] .g-group__head span { color: var(--gold-text); }
html[data-theme="dark"] .g-tile { border: 0; background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .g-thumb { background: var(--navy-deep); }
html[data-theme="dark"] .g-tile--photo .g-thumb { background: var(--ph); }
html[data-theme="dark"] .g-play { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .g-meta em { background: var(--gold-soft); color: var(--gold-text); }
html[data-theme="dark"] .g-tile--photo .g-meta em { background: var(--dk-soft); color: var(--body); }
html[data-theme="dark"] .g-cta { background: var(--navy); color: #fff; }
html[data-theme="dark"] .g-cta p { color: #D5DDEE; }
html[data-theme="dark"] .g-viewer { border: 0; background: #0B1330; color: #fff; }
html[data-theme="dark"] .g-viewer::backdrop { background: rgba(9, 15, 34, .9); }
html[data-theme="dark"] .g-viewer__count { color: var(--muted-on-dark); }
html[data-theme="dark"] .g-viewer__stage video, html[data-theme="dark"] .g-viewer__stage img { background: #000; }
html[data-theme="dark"] .g-viewer button { border: 0; background: rgba(255, 255, 255, .12); color: #fff; }
html[data-theme="dark"] .g-viewer button:hover { background: rgba(255, 255, 255, .22); }
html[data-theme="dark"] .g-viewer__badge { color: var(--gold); }
/* ---- mua-rate.css ---- */
html[data-theme="dark"] .r-hero { background: var(--navy); color: #fff; }
html[data-theme="dark"] .r-hero::after { background: radial-gradient(55% 75% at 88% 15%, rgba(216, 176, 81, .2), transparent 60%); }
html[data-theme="dark"] .r-hero__tag { color: var(--gold); }
html[data-theme="dark"] .r-summary { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .r-summary__score { border-right: 1px solid var(--line); }
html[data-theme="dark"] .r-summary__count { color: var(--body); }
html[data-theme="dark"] .r-summary__bars li { color: var(--body); }
html[data-theme="dark"] .r-bar { background: var(--dk-soft); }
html[data-theme="dark"] .r-bar i { background: var(--gold); }
html[data-theme="dark"] .r-summary__foot { border-top: 1px solid var(--line); }
html[data-theme="dark"] .r-summary__rec b { color: var(--gold-text); }
html[data-theme="dark"] .r-summary.is-empty .r-summary__avg { color: #B7C0D1; }
html[data-theme="dark"] .r-stars { color: #D3D9E4; }
html[data-theme="dark"] .r-stars .on { color: var(--gold); }
html[data-theme="dark"] .r-pill { border: 1.5px solid var(--line); background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .r-pill small { color: var(--body); background: var(--dk-soft); }
html[data-theme="dark"] .r-pill:hover { border-color: var(--dk-border); }
html[data-theme="dark"] .r-pill[aria-pressed="true"] { background: var(--navy); border-color: var(--dk-border); color: #fff; }
html[data-theme="dark"] .r-pill[aria-pressed="true"] small { background: rgba(255, 255, 255, .16); color: #fff; }
html[data-theme="dark"] .r-pill:disabled { border-color: var(--line); }
html[data-theme="dark"] .r-card { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .r-avatar { color: #fff; }
html[data-theme="dark"] .r-card__role { color: var(--body); }
html[data-theme="dark"] .r-card__text { color: var(--ink); }
html[data-theme="dark"] .r-card__more { background: none; border: 0; color: var(--gold-text); }
html[data-theme="dark"] .r-card__date { color: var(--body); border-top: 1px solid var(--line); }
html[data-theme="dark"] .r-empty { border: 1.5px dashed var(--dk-input); background: var(--dk-card); }
html[data-theme="dark"] .r-empty__icon { background: var(--gold-soft); color: var(--dk-link); }
html[data-theme="dark"] .r-empty p { color: var(--body); }
html[data-theme="dark"] .mu-form textarea { border: 1.5px solid var(--dk-input); color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .mu-form textarea:focus { border-color: var(--dk-border); }
html[data-theme="dark"] .r-count { color: var(--body); }
html[data-theme="dark"] .r-rate { border: 0; }
html[data-theme="dark"] .r-rate__stars label { color: #D3D9E4; }
html[data-theme="dark"] .r-rate__stars input:checked ~ label, html[data-theme="dark"] .r-rate__stars label:hover, html[data-theme="dark"] .r-rate__stars label:hover ~ label { color: var(--gold); }
html[data-theme="dark"] .r-rate__word { color: var(--gold-text); }
html[data-theme="dark"] .r-rate[aria-invalid="true"] .r-rate__stars label { color: #F2B8B5; }
html[data-theme="dark"] .r-tips li > span { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .r-tips small { color: var(--muted-on-dark); }
html[data-theme="dark"] .r-public { color: var(--muted-on-dark); background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); }
@media (max-width: 640px) { html[data-theme="dark"] .r-summary__score { border-right: 0; border-bottom: 1px solid var(--line); } }
html[data-theme="dark"] .r-chip { border: 1px solid var(--line); background: var(--dk-soft); color: var(--ink); }
html[data-theme="dark"] .r-chip:hover { border-color: var(--dk-border); background: var(--dk-card); }
/* ---- mua-outreach.css ---- */
html[data-theme="dark"] .o-hero { background: var(--navy); color: #fff; }
html[data-theme="dark"] .o-hero::after { background: radial-gradient(55% 75% at 85% 20%, rgba(216, 176, 81, .18), transparent 60%); }
html[data-theme="dark"] .o-hero__tag { color: var(--gold); }
html[data-theme="dark"] .o-hero__photo { background: var(--ph); border: 4px solid rgba(255, 255, 255, .12); }
html[data-theme="dark"] .o-hero__media::before { border: 2px solid rgba(216, 176, 81, .45); }
html[data-theme="dark"] .o-quote { background: var(--dk-card); color: var(--ink); border-left: 5px solid var(--gold); }
html[data-theme="dark"] .o-quote cite { color: var(--body); }
html[data-theme="dark"] .o-facts { background: var(--dk-card); }
html[data-theme="dark"] .o-facts li + li { border-left: 1px solid var(--line); }
html[data-theme="dark"] .o-facts__icon { background: var(--gold-soft); color: var(--dk-link); }
html[data-theme="dark"] .o-facts small { color: var(--body); }
html[data-theme="dark"] .o-program { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .o-program__icon { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .o-program__tag { color: var(--gold-text); background: var(--gold-soft); }
html[data-theme="dark"] .o-program > p { color: var(--body); }
html[data-theme="dark"] .o-program dl { border-top: 1px solid var(--line); }
html[data-theme="dark"] .o-program dt { color: var(--gold-text); }
html[data-theme="dark"] .o-program dd { color: var(--ink); }
html[data-theme="dark"] .o-program--free { background: var(--navy); border-color: var(--dk-border); color: #fff; }
html[data-theme="dark"] .o-program--free > p { color: var(--muted-on-dark); }
html[data-theme="dark"] .o-program--free .o-program__icon { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .o-program--free .o-program__tag { background: rgba(255, 255, 255, .14); color: var(--gold); }
html[data-theme="dark"] .o-program--free dl { border-color: rgba(255, 255, 255, .15); }
html[data-theme="dark"] .o-program--free dt { color: var(--gold); }
html[data-theme="dark"] .o-program--free dd { color: #fff; }
html[data-theme="dark"] .o-help li { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .o-help__icon { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .o-help p { color: var(--body); }
html[data-theme="dark"] .o-help a { color: var(--dk-link); }
html[data-theme="dark"] .o-photos li { background: var(--ph); }
html[data-theme="dark"] .o-partners h3 { color: var(--gold-text); }
html[data-theme="dark"] .o-partners li { border: 1px solid var(--line); background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .mu-form textarea { border: 1.5px solid var(--dk-input); color: var(--ink); background: var(--dk-card); }
html[data-theme="dark"] .mu-form textarea:focus { border-color: var(--dk-border); }
html[data-theme="dark"] .o-done { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .o-done__icon { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .o-done p { color: var(--body); }
@media (max-width: 960px) { html[data-theme="dark"] .o-facts li:nth-child(3) { border-left: 0; } }
/* ---- mua-about.css ---- */
html[data-theme="dark"] .a-hero { background: var(--navy); color: #fff; }
html[data-theme="dark"] .a-hero::after { background: radial-gradient(55% 75% at 85% 20%, rgba(216, 176, 81, .18), transparent 60%); }
html[data-theme="dark"] .a-hero__tag { color: var(--gold); }
html[data-theme="dark"] .a-hero__photo { background: var(--ph); border: 4px solid rgba(255, 255, 255, .12); }
html[data-theme="dark"] .a-hero__badge { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .a-hero__badge small { color: var(--body); }
html[data-theme="dark"] .a-story__text p { color: var(--body); }
html[data-theme="dark"] .a-offer { background: var(--dk-soft); }
html[data-theme="dark"] .a-offer h3 { color: var(--gold-text); }
html[data-theme="dark"] .a-offer a { background: var(--dk-card); border: 1px solid var(--line); color: var(--ink); }
html[data-theme="dark"] .a-offer a:hover { border-color: var(--dk-border); color: var(--ink); }
html[data-theme="dark"] .a-offer a::after { color: var(--gold-text); }
html[data-theme="dark"] .a-offer__icon { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .a-offer small { color: var(--body); }
html[data-theme="dark"] .a-mvg li { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .a-mvg li:first-child { background: var(--navy); border-color: var(--dk-border); color: #fff; }
html[data-theme="dark"] .a-mvg li:first-child p { color: var(--muted-on-dark); }
html[data-theme="dark"] .a-mvg li:first-child .a-mvg__icon { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .a-mvg__icon { background: var(--gold-soft); color: var(--dk-link); }
html[data-theme="dark"] .a-mvg p { color: var(--body); }
html[data-theme="dark"] .a-values li { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .a-values__num { color: var(--gold-text); }
html[data-theme="dark"] .a-values span:last-child { color: var(--body); }
html[data-theme="dark"] .a-values .a-values__cta { background: var(--gold); border-color: var(--gold); }
html[data-theme="dark"] .a-leader--dir { background: var(--navy); color: #fff; }
html[data-theme="dark"] .a-leader__photo { border: 4px solid var(--gold); background: var(--ph); }
html[data-theme="dark"] .a-leader__role { color: var(--gold); }
html[data-theme="dark"] .a-leader__chips li { background: rgba(255, 255, 255, .12); color: #fff; }
html[data-theme="dark"] .a-leader__bio p { color: var(--muted-on-dark); }
html[data-theme="dark"] .a-staff__title { color: var(--gold-text); }
html[data-theme="dark"] .a-staff__title::after { background: var(--line); }
html[data-theme="dark"] .a-person { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .a-person__photo { background: var(--dk-soft); border: 3px solid var(--gold-soft); color: #A8B3C7; }
html[data-theme="dark"] .a-person__role { color: var(--gold-text); }
html[data-theme="dark"] .a-person--open { background: transparent; }
html[data-theme="dark"] .a-journey::before { background: rgba(216, 176, 81, .45); }
html[data-theme="dark"] .a-journey__year { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .a-journey p { color: var(--muted-on-dark); }
html[data-theme="dark"] .a-journey li:last-child .a-journey__year { background: var(--dk-card); }
html[data-theme="dark"] .a-photos figure { background: var(--ph); }
html[data-theme="dark"] .a-photos figcaption { background: rgba(14, 25, 54, .82); color: #fff; }
html[data-theme="dark"] .a-visit { background: var(--navy); color: #fff; }
html[data-theme="dark"] .a-visit__photo { background: var(--ph); }
html[data-theme="dark"] .a-visit__body > p { color: #D5DDEE; }
html[data-theme="dark"] .a-visit dt { color: var(--gold); }
html[data-theme="dark"] .a-visit dd a { color: #fff; }
/* ---- mua-services.css ---- */
html[data-theme="dark"] .sv-hero { background: var(--navy); color: #fff; }
html[data-theme="dark"] .sv-hero::after { background: radial-gradient(55% 75% at 85% 20%, rgba(216, 176, 81, .18), transparent 60%); }
html[data-theme="dark"] .sv-hero__tag { color: var(--gold); }
html[data-theme="dark"] .sv-pick { background: var(--dk-card); color: var(--ink); }
html[data-theme="dark"] .sv-pick a { border: 1.5px solid var(--line); color: var(--ink); }
html[data-theme="dark"] .sv-pick a:hover { border-color: var(--dk-border); background: var(--dk-wash); color: var(--ink); }
html[data-theme="dark"] .sv-pick a::after { color: var(--gold-text); }
html[data-theme="dark"] .sv-pick__icon { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .sv-pick small { color: var(--body); }
html[data-theme="dark"] .sv-pick li:last-child .sv-pick__icon { background: var(--gold); color: #16203A; }
html[data-theme="dark"] .sv-way { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .sv-way__img { background: var(--ph); }
html[data-theme="dark"] .sv-way__tag { color: var(--gold-text); background: var(--gold-soft); }
html[data-theme="dark"] .sv-way p { color: var(--body); }
html[data-theme="dark"] .sv-way ul li { color: var(--ink); }
html[data-theme="dark"] .sv-way ul li::before { background: var(--gold); }
html[data-theme="dark"] .sv-way__more { color: var(--dk-link); }
html[data-theme="dark"] .sv-learner { background: var(--dk-card); border: 1px solid var(--line); color: var(--ink); }
html[data-theme="dark"] .sv-learner:hover { border-color: var(--dk-border); color: var(--ink); }
html[data-theme="dark"] .sv-learner__img { background: var(--ph); }
html[data-theme="dark"] .sv-learner__tag { color: var(--gold-text); background: var(--gold-soft); }
html[data-theme="dark"] .sv-learner > span:not([class]) { color: var(--body); }
html[data-theme="dark"] .sv-learner__cta { color: var(--dk-link); }
html[data-theme="dark"] .sv-steps li { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .sv-steps li::before { background: var(--navy); color: var(--gold); }
html[data-theme="dark"] .sv-steps span { color: var(--body); }
html[data-theme="dark"] .sv-skills span { background: var(--dk-card); border: 1px solid var(--line); }
html[data-theme="dark"] .sv-compare-wrap { border: 1px solid var(--line); background: var(--dk-card); }
html[data-theme="dark"] .sv-compare th, html[data-theme="dark"] .sv-compare td { border-bottom: 1px solid var(--line); }
html[data-theme="dark"] .sv-compare tr:last-child th, html[data-theme="dark"] .sv-compare tr:last-child td { border-bottom: 0; }
html[data-theme="dark"] .sv-compare thead th { background: var(--navy); color: #fff; }
html[data-theme="dark"] .sv-compare thead th a { color: var(--gold); }
html[data-theme="dark"] .sv-compare thead th a:hover { color: var(--gold); }
html[data-theme="dark"] .sv-compare tbody th { color: var(--gold-text); background: var(--dk-soft); }
html[data-theme="dark"] .sv-compare td { color: var(--ink); }
html[data-theme="dark"] .sv-swipe { color: var(--body); }

/* ---------- hand-made fixes after the generated rules ---------- */
html[data-theme="dark"] .a-journey li:last-child .a-journey__year { background: #F1EEE2; color: #16203A; }   /* "Now" pill stays light */
html[data-theme="dark"] .mu-header { background: rgba(11, 18, 41, .94); }
html[data-theme="dark"] .mu-hero__scene .mu-float--score circle:first-child { stroke: var(--line); }
html[data-theme="dark"] .mu-hero__scene .mu-float--score text { fill: var(--dk-link); }
html[data-theme="dark"] .a-values__cta, html[data-theme="dark"] .a-values__cta b { color: #16203A; }   /* gold tile keeps dark text */

/* ---------- PART 3: the day / night switch (header, next to 中文/EN) ----------
   Day: sun on the right, warm sky, clouds, city on the left.
   Night: the knob slides left and becomes a crescent moon, stars come out, the city moves right and its windows light up. */
.mu-theme { flex: none; display: inline-flex; width: 60px; height: 30px; padding: 0; border: 0; border-radius: 999px; background: none; cursor: pointer; box-shadow: 0 4px 12px rgba(27, 47, 94, .18); }
.mu-theme svg { display: block; width: 60px; height: 30px; }
.mu-theme .mt-night, .mu-theme .mt-stars, .mu-theme .mt-moon { opacity: 0; transition: opacity .5s ease; }
.mu-theme .mt-clouds { transition: opacity .4s ease, transform .6s ease; }
.mu-theme .mt-knob, .mu-theme .mt-city { transition: transform .6s cubic-bezier(.55, 0, .2, 1); }
.mu-theme .mt-knob { filter: drop-shadow(0 1px 2px rgba(9, 18, 44, .35)); }
.mu-theme .mt-win { fill: #EAF3FF; transition: fill .5s ease; }
.mu-theme:hover .mt-knob { filter: drop-shadow(0 0 4px rgba(255, 214, 120, .9)); }
html[data-theme="dark"] .mu-theme .mt-night,
html[data-theme="dark"] .mu-theme .mt-stars,
html[data-theme="dark"] .mu-theme .mt-moon { opacity: 1; }
html[data-theme="dark"] .mu-theme .mt-clouds { opacity: 0; transform: translateX(-8px); }
html[data-theme="dark"] .mu-theme .mt-knob { transform: translateX(-30px); }
html[data-theme="dark"] .mu-theme .mt-city { transform: translateX(28px); }
html[data-theme="dark"] .mu-theme .mt-win { fill: #FFD45C; }
html[data-theme="dark"] .mu-theme { box-shadow: 0 0 0 1px rgba(127, 150, 204, .35), 0 4px 14px rgba(0, 0, 0, .4); }
html[data-theme="dark"] .mu-theme:hover .mt-knob { filter: drop-shadow(0 0 4px rgba(220, 230, 255, .8)); }
/* sits last in the header, after the gold "Book a Free Trial" button */
/* small laptops (1241–1340px): the switch adds 60px, so tighten the header a little so everything stays on one line */
@media (min-width: 1241px) and (max-width: 1340px) {
  .mu-nav { gap: 4px 12px; }
  .mu-header__actions { gap: 8px; }
  .mu-theme, .mu-theme svg { width: 52px; height: 26px; }
}
/* Wide enough windows: mua-theme.js adds .is-floating and centres the switch in the empty space
   between "Book a Free Trial" and the right edge of the window. Otherwise it sits right after the button. */
.mu-header .mu-theme.is-floating { position: absolute; top: 50%; transform: translate(50%, -50%); }
.mu-header__actions .mu-theme:not(.is-floating) { margin-left: 6px; }