/* Shared controls. Light styling is scoped so the original dark art direction remains intact. */
:root { color-scheme: dark; }
.nav-shell { gap: 24px; }
.theme-toggle {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--lime);
  background: rgba(189, 237, 128, .045);
  border: 1px solid var(--line);
  border-radius: 12px;
  transition: background .22s, border-color .22s, box-shadow .22s;
}
.theme-toggle:hover { background: rgba(189, 237, 128, .12); border-color: rgba(189, 237, 128, .4); }
.theme-toggle .icon { width: 21px; height: 21px; }

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f7faf9;
  --panel: #ffffff;
  --panel2: #edf3ef;
  --lime: #28613f;
  --green: #276e52;
  --white: #172e28;
  --muted: #546761;
  --line: rgba(33, 65, 52, .15);
}
html[data-theme="light"] #header { background: rgba(247, 250, 249, .9); }
html[data-theme="light"] .brand-symbol { color: #2c613a; border-color: #a9c8a4; background: #eaf4e3; }
html[data-theme="light"] .desktop-nav a { color: #53675e; }
html[data-theme="light"] .desktop-nav a.active,
html[data-theme="light"] .desktop-nav a:hover { color: #173a2b; }
html[data-theme="light"] .theme-toggle { background: #eaf2e7; color: #2b603b; }
html[data-theme="light"] .theme-toggle:hover { background: #dcebd6; border-color: #9cbb99; }
html[data-theme="light"] .button { background: rgba(255, 255, 255, .6); }
html[data-theme="light"] .button:hover { background: #eaf1ed; }
html[data-theme="light"] .button.primary { color: #193725; background: #c0ed89; border-color: #c0ed89; box-shadow: 0 4px 20px rgba(82, 137, 46, .09); }
html[data-theme="light"] .button.primary:hover { background: #afe172; box-shadow: 0 0 25px rgba(94, 156, 54, .2); }
html[data-theme="light"] .button.text { background: transparent; }
html[data-theme="light"] .button.text:hover { color: #28613f; }
html[data-theme="light"] .skip-link { background: #c0ed89; color: #193725; }
html[data-theme="light"] .hero:before { background: radial-gradient(ellipse at 14% 50%, rgba(86, 139, 101, .09), transparent 53%); }
html[data-theme="light"] .hero-note,
html[data-theme="light"] .hero-bottom p,
html[data-theme="light"] .audiences,
html[data-theme="light"] .audiences .icon { color: #5e7167; }
html[data-theme="light"] .hero-art { isolation: auto; }
html[data-theme="light"] .hero-art:before { content: ''; position: absolute; inset: 15px 0; border-radius: 30px; background: #0b1619; box-shadow: 0 22px 60px rgba(32, 66, 50, .13); }
html[data-theme="light"] .hero-art>img { position: relative; }
html[data-theme="light"] .glass-label { color: #224b36; background: linear-gradient(120deg, rgba(255, 255, 255, .93), rgba(234, 245, 237, .87)); border-color: rgba(76, 119, 88, .2); box-shadow: 0 10px 32px rgba(27, 62, 43, .12); }
html[data-theme="light"] .glass-label small { color: #58705f; }
html[data-theme="light"] .art-caption { color: #5d7568; }
html[data-theme="light"] .section-dark { background: #edf3f0; }
html[data-theme="light"] .product-card { background: linear-gradient(130deg, #ffffff, #f0f5f3); box-shadow: 0 5px 22px rgba(35, 66, 51, .025); }
html[data-theme="light"] .product-card.featured { background: linear-gradient(125deg, #edf6e5, #e8f1e9); border-color: #bfd2b3; }
html[data-theme="light"] .product-card:hover { border-color: #90b194; }
html[data-theme="light"] .icon-box,
html[data-theme="light"] .audience-emblem { color: #2b613b; background: #e5efdf; border-color: #bdcfb7; }
html[data-theme="light"] .module-pills a { color: #426044; border-color: #ccd9c7; background: #f8fcf6; }
html[data-theme="light"] .module-pills a:hover { border-color: #8aab83; color: #214b2f; }
html[data-theme="light"] .finance-flow { color: #466041; background: #f7fbf2; border-color: #cfddc4; }
html[data-theme="light"] .flow-line { background: linear-gradient(90deg, transparent, #8aaa78, transparent); }
html[data-theme="light"] .card-detail,
html[data-theme="light"] .ecosystem-values { color: #586f5c; }
html[data-theme="light"] .card-link:hover { color: #174329; }
html[data-theme="light"] .audience-box { background: linear-gradient(140deg, #ffffff, #f1f6f2); border-color: #c8d7cf; box-shadow: 0 15px 35px rgba(43, 71, 54, .04); }
html[data-theme="light"] .audience-tabs button[aria-selected="true"] { color: #2c6039; background: #dfedd8; }
html[data-theme="light"] .edu-card { background: rgba(255, 255, 255, .65); }
html[data-theme="light"] .edu-card:hover { background: #eaf3e7; border-color: #a3bba0; }
html[data-theme="light"] .edu-card p,
html[data-theme="light"] .edu-index,
html[data-theme="light"] .edu-card>.icon,
html[data-theme="light"] .service-number,
html[data-theme="light"] .service-footnote { color: #5a7261; }
html[data-theme="light"] .article-card { background: #fff; }
html[data-theme="light"] .article-cover.mint { background: linear-gradient(135deg, #dceee3, #e9f4ed); }
html[data-theme="light"] .article-cover.blue { background: linear-gradient(135deg, #deebf3, #eef5f8); }
html[data-theme="light"] .article-cover.sand { background: linear-gradient(135deg, #e6ecd9, #f0f4e9); }
html[data-theme="light"] .article-cover .en,
html[data-theme="light"] .cover-topic { color: #345647; }
html[data-theme="light"] .cover-icon { color: #3e7458; }
html[data-theme="light"] .article-cover.blue .cover-icon { color: #3f7492; }
html[data-theme="light"] .article-meta { color: #5d7667; }
html[data-theme="light"] .cta-section { background: radial-gradient(ellipse at 5% 0, #c2dca856, transparent 60%), linear-gradient(110deg, #e6f0dc, #eef5e8); border-color: #bfd1b4; }
html[data-theme="light"] .cta-section p { color: #557048; }
html[data-theme="light"] .breadcrumbs { color: #61746a; }
html[data-theme="light"] .breadcrumbs [aria-current] { color: #344e43; }
html[data-theme="light"] .feature-card { background: #fff; }
html[data-theme="light"] .detail-panel,
html[data-theme="light"] .side-panel,
html[data-theme="light"] .syllabus-panel { background: linear-gradient(120deg, #fff, #f1f6f3); }
html[data-theme="light"] .check-list li,
html[data-theme="light"] .side-link { color: #486254; }
html[data-theme="light"] .side-link.selected,
html[data-theme="light"] .side-link:hover { color: #245534; }
html[data-theme="light"] .financial-map { background: radial-gradient(ellipse at 50% 5%, #bad29b55, transparent 75%), #edf5e6; border-color: #c0d4b2; }
html[data-theme="light"] .map-modules>a { color: #345439; background: #fff; border-color: #c5d7bf; }
html[data-theme="light"] .map-modules>a:hover { background: #dfeecd; }
html[data-theme="light"] .syllabus p { color: #5d7165; }
html[data-theme="light"] .about-story blockquote { color: #426334; }
html[data-theme="light"] .about-art { background: #0b1619; border-radius: 28px; }
html[data-theme="light"] .article-byline { color: #58705e; }
html[data-theme="light"] .article-prose p { color: #4c6258; }
html[data-theme="light"] .contact-options small,
html[data-theme="light"] .form-note,
html[data-theme="light"] .small-note { color: #607468; }
html[data-theme="light"] .contact-form-panel { background: #edf4ef; }
html[data-theme="light"] label { color: #3c584b; }
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea { background: #fff; color: #203a2c; border-color: #b6c9bc; }
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #66766e; }
html[data-theme="light"] #request-summary { color: #34553d; background: #fff; }
html[data-theme="light"] .direct-contact a { background: #fff; }
html[data-theme="light"] .direct-contact a:hover { border-color: #92b386; background: #eef7e8; }
html[data-theme="light"] .quiz-panel { background: linear-gradient(125deg, #eff7e8, #e5f0e0); border-color: #b9d0a9; }
html[data-theme="light"] .quiz-top { color: #516e47; }
html[data-theme="light"] .quiz-progress { background: #c9dbbc; }
html[data-theme="light"] .quiz-answers button { color: #405a40; background: #fff; border-color: #bbcdb2; }
html[data-theme="light"] .quiz-answers button>span { color: #5a714c; }
html[data-theme="light"] .quiz-answers button.correct { color: #285b2d; background: #e0f0d6; border-color: #629253; }
html[data-theme="light"] .quiz-answers button.incorrect { color: #8b3833; background: #f9e7e3; border-color: #c5786c; }
html[data-theme="light"] .quiz-feedback { color: #3e6032; }
html[data-theme="light"] .footer-contact { color: #466d3f; }
html[data-theme="light"] .footer-bottom { color: #617468; }
html[data-theme="light"] .mobile-nav a { background: #e9f1eb; }
@media(max-width:1080px) { .nav-shell { gap: 17px; } }
@media(max-width:800px) { .nav-shell { gap: 12px; } .theme-toggle { margin-inline-start: auto; width: 42px; height: 42px; } html[data-theme="light"] .hero-art:before { inset: 14px 0 5px; border-radius: 25px; } }
@media(prefers-reduced-motion:reduce) { .theme-toggle { transition: none; } }