/* Optional light presentation; the original dark palette remains available. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f8f6f1;
  --bg2: #f0eee8;
  --bg3: #eae8e1;
  --surface: #fffefd;
  --surface2: #eeeee8;
  --ink: #202d3a;
  --ink2: #293946;
  --ink3: #4c5863;
  --body: #46515b;
  --muted: #626a70;
  --faint: #d5d8d8;
  --gold: #263f55;
  --gold-l: #263f55;
  --gold-s: rgba(38, 63, 85, .06);
  --gold-s2: rgba(38, 63, 85, .12);
  --border: #d8d9d5;
  --border-l: #b7c0c6;
  --nav-bg: rgba(248, 246, 241, .98);
  --glow: none;
}
html[data-theme="light"] body { background: var(--bg); }
html[data-theme="light"] ::selection { background: #d7e0e6; color: var(--ink); }
html[data-theme="light"] :is(.pf, .h2, .profile-card h3, .scale-modal h3, .contact-info h3, .footer-brand h3) {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: normal;
  font-weight: 400;
}
html[data-theme="light"] .nav { background: var(--nav-bg); backdrop-filter: none; border-bottom: 1px solid var(--border); box-shadow: none; }
html[data-theme="light"] .nav.scrolled { background: var(--nav-bg); box-shadow: none; }
html[data-theme="light"] .nav-logo { color: var(--gold); background: transparent; border: 1px solid #9ca8b1; border-radius: 2px; box-shadow: none; font: 400 16px Georgia, 'Times New Roman', serif; }
html[data-theme="light"] .nav-id span { text-transform: none; letter-spacing: 0; font-size: 11px; }
html[data-theme="light"] .nav-cta {
  background: var(--gold)!important;
  border-radius: 4px!important;
  text-transform: none!important;
  letter-spacing: 0!important;
  font-size: 13px!important;
  box-shadow: none!important;
  transform: none!important;
}
html[data-theme="light"] .mob-menu { background: var(--bg); box-shadow: none; }
html[data-theme="light"] .section { padding: 76px 0; }
html[data-theme="light"] .eyebrow { text-transform: none; letter-spacing: .025em; font-size: 12px; font-weight: 600; margin-bottom: 16px; }
html[data-theme="light"] .eyebrow::before { display: none; }
html[data-theme="light"] .h2 { font-size: clamp(30px, 3.5vw, 40px); line-height: 1.25; }
html[data-theme="light"] .lead { font-size: 16px; }
html[data-theme="light"] .btn { border-radius: 4px; transition: background-color .2s, color .2s, border-color .2s; padding: 13px 23px; }
html[data-theme="light"] :is(.btn-d, .scale-action-btn, .form-submit) { background: var(--gold); color: #fff; box-shadow: none; border-radius: 4px; }
html[data-theme="light"] :is(.btn, .scale-action-btn, .form-submit):hover { transform: none; box-shadow: none; }
html[data-theme="light"] :is(.btn-d, .scale-action-btn, .form-submit):hover { background: #1d3245; }
html[data-theme="light"] .btn-o { color: var(--gold); border: 1px solid var(--gold); }
html[data-theme="light"] .btn-o:hover { background: var(--gold-s); }
html[data-theme="light"] .btn-g { background: transparent; }
html[data-theme="light"] .hero { background: var(--bg); padding: 124px 0 64px; min-height: auto; }
html[data-theme="light"] :is(#worldCanvas, .particles, .hero-tag) { display: none; }
html[data-theme="light"] .hero-grid { grid-template-columns: minmax(0, 1fr) 340px; gap: 76px; }
html[data-theme="light"] .hero-name { font: 400 clamp(36px, 4vw, 48px)/1.2 Georgia, 'Times New Roman', serif; color: var(--ink); text-transform: none; letter-spacing: -.025em; margin-bottom: 16px; }
html[data-theme="light"] .hero-title { font: 500 21px/1.5 'Inter', system-ui, sans-serif; letter-spacing: -.02em; color: var(--gold); }
html[data-theme="light"] .hero-sub { max-width: 590px; font-size: 17px; line-height: 1.85; margin-bottom: 30px; }
html[data-theme="light"] .hero-btns { gap: 12px; }
html[data-theme="light"] .profile-card { width: 100%; border-radius: 4px; padding: 26px 24px 20px; box-shadow: none; }
html[data-theme="light"] .profile-card::before { display: none; }
html[data-theme="light"] .profile-photo-wrap { width: 160px; height: 160px; border: none; box-shadow: none; margin-bottom: 18px; }
html[data-theme="light"] .profile-photo-wrap:hover { border: none; box-shadow: none; transform: none; }
html[data-theme="light"] .profile-photo-wrap img,
html[data-theme="light"] .profile-photo-wrap:hover img { filter: none; }
html[data-theme="light"] .profile-photo-wrap::after { display: none; }
html[data-theme="light"] .profile-card h3 { font-size: 23px; }
html[data-theme="light"] .profile-card .role { color: var(--muted); letter-spacing: 0; line-height: 1.6; margin-bottom: 18px; }
html[data-theme="light"] .profile-stats { gap: 0 14px; border-top: 1px solid var(--border); margin-bottom: 10px; }
html[data-theme="light"] .p-stat { background: none; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; padding: 16px 4px; }
html[data-theme="light"] .p-stat .num { color: var(--gold); font-size: 23px; font-weight: 600; }
html[data-theme="light"] .p-stat .lbl { color: var(--muted); font-size: 11px; text-transform: none; letter-spacing: 0; margin-top: 7px; }
html[data-theme="light"] .profile-links { gap: 0; }
html[data-theme="light"] .profile-link { border: none; border-radius: 0; background: none; padding: 10px 0; font-size: 13px; }
html[data-theme="light"] .profile-link:hover { transform: none; text-decoration: underline; text-underline-offset: 4px; }
html[data-theme="light"] :is(.ah-card, .r-card, .proj-card, .app-item, .proc-step, .collab-card) {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--border-l);
  border-radius: 0;
  box-shadow: none;
}
html[data-theme="light"] :is(.ah-card, .r-card, .proj-card, .app-item, .proc-step, .collab-card):hover { transform: none; box-shadow: none; border-color: var(--border-l); }
html[data-theme="light"] .ah-card { padding: 20px 0; }
html[data-theme="light"] :is(.ah-icon, .r-card .r-icon) { background: none; border-radius: 0; }
html[data-theme="light"] .ah-icon { width: 30px; min-width: 30px; justify-content: flex-start; }
html[data-theme="light"] .research-grid { gap: 30px; }
html[data-theme="light"] .r-card { padding: 26px 0; }
html[data-theme="light"] .r-card::before { display: none; }
html[data-theme="light"] .r-card .r-icon { justify-content: flex-start; margin-bottom: 12px; }
html[data-theme="light"] :is(.r-card p, .proj-card p, .app-item p, .proc-step p) { font-size: 14px; line-height: 1.8; }
html[data-theme="light"] .lang-section-divider span { letter-spacing: .025em; text-transform: none; font-size: 12px; }
html[data-theme="light"] .lang-card { border-radius: 4px; background: transparent; }
html[data-theme="light"] .lang-card:hover { transform: none; box-shadow: none; }
html[data-theme="light"] .lang-type-pill { border-radius: 3px; background: none; }
html[data-theme="light"] :is(.pubs-section, .app-section, .faq-section) { background: var(--bg); border-block: 1px solid var(--border); }
html[data-theme="light"] #career { background: var(--bg)!important; border-bottom: 1px solid var(--border); }
html[data-theme="light"] #career > div:first-child { display: none; }
html[data-theme="light"] .pub-list { gap: 0; }
html[data-theme="light"] .pub-item { padding: 22px 0; background: transparent; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; }
html[data-theme="light"] .pub-item:hover { transform: none; border-color: var(--border); }
html[data-theme="light"] .pub-num { background: none; color: var(--muted); }
html[data-theme="light"] .pub-item h4 { font-size: 15px; line-height: 1.6; }
html[data-theme="light"] .pub-item .pub-meta { font-size: 12px; }
html[data-theme="light"] .pub-profile-btn { background: none; border-radius: 4px; }
html[data-theme="light"] .pub-profile-btn:hover { transform: none; }
html[data-theme="light"] .proj-grid { gap: 32px; }
html[data-theme="light"] .proj-card { padding: 26px 0; }
html[data-theme="light"] .proj-card .proj-tag { background: none; padding: 0; text-transform: none; letter-spacing: 0; font-size: 12px; }
html[data-theme="light"] .app-item { text-align: left; padding: 24px 0; }
html[data-theme="light"] .scale-table { border-spacing: 0; }
html[data-theme="light"] .scale-row { background: transparent; }
html[data-theme="light"] .scale-row td { border-top: 0; }
html[data-theme="light"] .scale-row td:first-child { border-left: 0; border-radius: 0; }
html[data-theme="light"] .scale-row td:last-child { border-right: 0; border-radius: 0; }
html[data-theme="light"] .scale-row .s-doi { opacity: 1; }
html[data-theme="light"] .scale-badge { border-radius: 3px; text-transform: none; letter-spacing: 0; font-size: 11px; font-weight: 600; }
html[data-theme="light"] .scale-badge.auto { background: var(--gold-s); color: var(--gold); }
html[data-theme="light"] .scale-action-btn { padding: 9px 14px; }
html[data-theme="light"] .scale-modal { border-radius: 5px; }
html[data-theme="light"] .collab-box { padding: 0; border: none; border-radius: 0; background: none; }
html[data-theme="light"] .collab-box::before { display: none; }
html[data-theme="light"] .collab-card { padding: 26px 0; }
html[data-theme="light"] .collab-note { border: 0; border-left: 2px solid var(--border-l); background: none; border-radius: 0; padding: 6px 0 6px 22px; }
html[data-theme="light"] .proc-step { padding: 26px 0; text-align: left; }
html[data-theme="light"] .proc-num { margin: 0 0 16px; width: auto; height: auto; display: block; border-radius: 0; background: none; color: var(--gold); font-size: 22px; font-weight: 400; }
html[data-theme="light"] .form-group :is(input, select, textarea) { background-color: var(--surface); border-color: var(--border-l); border-radius: 4px; }
html[data-theme="light"] .form-group :is(input, textarea)::placeholder { color: var(--muted); opacity: 1; }
html[data-theme="light"] .contact-info { padding: 0; border: none; background: none; border-radius: 0; }
html[data-theme="light"] .footer-links h4 { letter-spacing: 0; text-transform: none; font-size: 13px; }
html[data-theme="light"] .reveal { opacity: 1; transform: none; transition: none; }
html[data-theme="light"] .wa-fab { background: var(--gold); width: 48px; height: 48px; box-shadow: none; }
html[data-theme="light"] .wa-fab:hover { transform: none; box-shadow: none; }
html[data-theme="light"] .wa-fab svg { width: 25px; height: 25px; }
html[data-theme="light"] .scroll-top { box-shadow: none; }
html[data-theme="light"] .skip-link { color: #fff; }
@media (max-width: 900px) {
  html[data-theme="light"] .hero-grid { grid-template-columns: 1fr; gap: 42px; }
  html[data-theme="light"] .profile-card { max-width: 340px; }
  html[data-theme="light"] .hero-sub { max-width: 650px; }
}
@media (max-width: 768px) {
  html[data-theme="light"] .scale-row { border: 0; border-top: 1px solid var(--border-l); border-radius: 0; padding: 20px 0; }
}
@media (max-width: 600px) {
  html[data-theme="light"] .hero { padding: 108px 0 50px; }
  html[data-theme="light"] .hero-name { font-size: 36px; }
  html[data-theme="light"] .hero-title { font-size: 18px; }
  html[data-theme="light"] .hero-sub { font-size: 16px; line-height: 1.8; }
  html[data-theme="light"] .section { padding: 60px 0; }
  html[data-theme="light"] .btn { padding: 13px 12px; }
  html[data-theme="light"] .research-grid { gap: 0; }
  html[data-theme="light"] .career-services { grid-template-columns: minmax(0, 1fr)!important; gap: 0!important; }
  html[data-theme="light"] .scale-modal { padding: 30px 22px; }
  html[data-theme="light"] .wa-fab { right: 18px; bottom: 18px; }
  html[data-theme="light"] .scroll-top { right: 20px; bottom: 80px; }
}

/* A dark introduction keeps the reading sections and article pages light. */
html[data-theme="light"] .hero {
  --bg: #0e1c30;
  --bg2: #1c3048;
  --surface: #17283e;
  --ink: #f7f5ef;
  --ink2: #eef1f5;
  --body: #c6cfda;
  --muted: #bcc6d2;
  --gold: #dfc394;
  --gold-l: #ead5af;
  --gold-s: rgba(223, 195, 148, .08);
  --border: #40526a;
  --border-l: #8797ab;
  background: radial-gradient(ellipse at 85% 25%, #233952 0%, transparent 62%), var(--bg);
  border-bottom: 3px solid var(--gold);
}
html[data-theme="light"] .hero .hero-title { color: var(--gold); }
html[data-theme="light"] .hero .btn-d { background: var(--gold); color: #14243a; }
html[data-theme="light"] .hero .btn-d:hover { background: var(--gold-l); }
html[data-theme="light"] .hero .btn-o { color: var(--ink); border-color: var(--border-l); }
html[data-theme="light"] .hero .btn-o:hover { background: var(--gold-s); border-color: var(--gold); }
html[data-theme="light"] .hero :is(a, button):focus-visible { outline-color: var(--gold); outline-offset: 5px; }
html[data-theme="light"] .hero .profile-card { border-radius: 12px; box-shadow: 0 20px 50px rgba(0, 0, 0, .2); }
html[data-theme="light"] .hero .profile-card::before { display: block; height: 2px; background: var(--gold); }
html[data-theme="light"] .hero .profile-photo-wrap,
html[data-theme="light"] .hero .profile-photo-wrap:hover { width: 180px; height: 180px; border: 2px solid var(--gold); box-shadow: none; }