/*
 * Dark mode (2026-09-20).
 *
 * Loaded LAST on every page (functions.php, priority 999). The whole file hangs off ONE selector,
 * html[data-theme="dark"], which header.php's inline script (and the account-menu switch in main.js)
 * sets — "follow the phone" is resolved to light/dark in JS, so there is no second
 * @media (prefers-color-scheme) copy of anything to keep in sync.
 *
 * How it is organised:
 *   1. Tokens — the :root variables main.css already drives the site with, flipped.
 *   2. Component fixes — places that hard-code a colour instead of using a token.
 *   3. Per-feature sections (tests, results, compare, MPT landing, directory…).
 * `html[data-theme="dark"]` outranks a plain `.class` rule, so load order against the other stylesheets
 * (some are enqueued from inside templates) does not matter.
 *
 * Screen only: printed reports stay on white paper.
 */
@media screen {

/* ---------- 1. Tokens ---------- */
html[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0F1211;
  --surface: #1F2523;
  --surface-alt: #141817;
  --card: #191C1B;
  --ink: #ECEFED;
  --on-ink: #0F1211;
  --ink-hover: #FFFFFF;
  --muted: #A4ACA8;
  --faint: #7F8783;
  --placeholder: #6F7773;
  --accent: #3A2C25;
  --accent-ink: #F6D6C3;
  --mint: #16301F;
  --mint-ink: #A9E5BF;
  --border: #2B3130;
  --danger: #F28B8B;
  --header-bg: rgba(15, 18, 17, .78);
  --header-line: rgba(255, 255, 255, .07);
  --shadow-artifact: 0 0 0 1px rgba(255,255,255,.06), 0 16px 32px -12px rgba(0,0,0,.6);
  --chart-grid: rgba(255, 255, 255, .2);

  /* green scale: 50 is a fill, 100-300 borders/lines, 500-700 are used as TEXT on dark → lighter */
  --color-accent-50: #1C3025;
  --color-accent-100: #2C4B3B;
  --color-accent-300: #4B7D63;
  --color-accent-500: #6FAE8C;
  --color-accent-600: #86C3A3;
  --color-accent-700: #A6D8BD;
}

html[data-theme="dark"] body { background: var(--bg); color: var(--ink); }
html[data-theme="dark"] ::selection { background: rgba(134, 195, 163, .35); color: var(--dt-ffffff, #fff); }


/* ---------- 2/3. Component + per-feature overrides (bootstrapped from the light sheets by a one-off script, now hand-maintained) ---------- */
/* ----- from main.css (146 rules) ----- */
html[data-theme="dark"] .btn--accent { background: var(--ink); color: var(--on-ink); }
html[data-theme="dark"] .btn--accent:hover { background: var(--ink-hover); }
html[data-theme="dark"] .btn--ghost { background: transparent; color: var(--ink); border-color: var(--ink); }
html[data-theme="dark"] .btn--ghost:hover { background: var(--surface); }
html[data-theme="dark"] .btn--link { color: var(--ink); }
html[data-theme="dark"] .btn--link:hover { color: var(--color-accent-600); }
html[data-theme="dark"] .breadcrumbs a:hover { color: var(--ink); }
html[data-theme="dark"] .site-header .btn--ghost:hover { background: var(--ink); color: var(--on-ink); }
html[data-theme="dark"] .site-logo--footer { color: var(--ink); }
html[data-theme="dark"] .site-nav__list a:hover { color: var(--muted); }
html[data-theme="dark"] .site-nav__list li.current-menu-item > a::after, html[data-theme="dark"] .site-nav__list li.current_page_item > a::after, html[data-theme="dark"] .site-nav__list li.current-menu-ancestor > a::after, html[data-theme="dark"] .site-nav__list li.current_page_ancestor > a::after, html[data-theme="dark"] .site-nav__list li.current_page_parent > a::after { background: var(--color-accent-500); }
html[data-theme="dark"] .site-phone:hover { color: var(--ink); }
html[data-theme="dark"] .hero--home { background: linear-gradient(160deg, var(--dc-202d24, #202d24) 0%, var(--color-accent-50) 55%, var(--dc-abcfb9, #ABCFB9) 100%); }
html[data-theme="dark"] .hero__glow { background: radial-gradient(38% 45% at 82% 12%, rgba(53,38,28,0.55), transparent 70%),
    radial-gradient(32% 38% at 10% 88%, rgba(26,31,30,0.6), transparent 70%); }
html[data-theme="dark"] .hero--home .label { color: var(--color-accent-700); }
html[data-theme="dark"] .hero--home .hero__title--home { color: var(--color-accent-700); }
html[data-theme="dark"] .hero--home p.lead.hero__lead--home { color: rgba(220,231,224,0.72); }
html[data-theme="dark"] .hero__scroll-cue { border: 1.5px solid rgba(255,255,255,0.27); }
html[data-theme="dark"] .section--alt { background: var(--surface-alt); }
html[data-theme="dark"] .section--raised {
  box-shadow:
    0 -30px 44px -26px rgba(0,0,0,.55), 0 -10px 16px -10px rgba(0,0,0,.35),
    0 32px 46px -26px rgba(0,0,0,.55), 0 10px 18px -12px rgba(0,0,0,.35);
}
@media (max-width: 700px) {
  html[data-theme="dark"] .section--raised {
    box-shadow:
      0 -20px 32px -20px rgba(0,0,0,.5), 0 -8px 14px -8px rgba(0,0,0,.3),
      0 32px 46px -26px rgba(0,0,0,.55), 0 10px 18px -12px rgba(0,0,0,.35);
  }
}
html[data-theme="dark"] .card--accent { background: var(--accent); color: var(--accent-ink); }
html[data-theme="dark"] .card--accent h2, html[data-theme="dark"] .card--accent h3, html[data-theme="dark"] .card--accent p, html[data-theme="dark"] .card--accent strong { color: var(--accent-ink); }
html[data-theme="dark"] .card--mint { background: var(--mint); color: var(--mint-ink); }
html[data-theme="dark"] .card--mint h2, html[data-theme="dark"] .card--mint h3, html[data-theme="dark"] .card--mint p, html[data-theme="dark"] .card--mint strong { color: var(--mint-ink); }
html[data-theme="dark"] .card--sky { background: var(--dc-1b2a32, #1b2a32); color: var(--dt-cce0ec, #cce0ec); }
html[data-theme="dark"] .card--gold { background: var(--dc-38321e, #38321e); color: var(--dt-ede4ca, #ede4ca); }
html[data-theme="dark"] .card--lavender { background: var(--dc-201a31, #201a31); color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .card--rose { background: var(--dc-2f1919, #2f1919); color: var(--dt-e2c0c0, #e2c0c0); }
html[data-theme="dark"] .card--sky h2, html[data-theme="dark"] .card--sky h3, html[data-theme="dark"] .card--sky p, html[data-theme="dark"] .card--sky strong, html[data-theme="dark"] .card--sky dt, html[data-theme="dark"] .card--sky dd, html[data-theme="dark"] .card--sky ul, html[data-theme="dark"] .card--sky li { color: var(--dt-cce0ec, #cce0ec); }
html[data-theme="dark"] .card--gold h2, html[data-theme="dark"] .card--gold h3, html[data-theme="dark"] .card--gold p, html[data-theme="dark"] .card--gold strong, html[data-theme="dark"] .card--gold dt, html[data-theme="dark"] .card--gold dd, html[data-theme="dark"] .card--gold ul, html[data-theme="dark"] .card--gold li { color: var(--dt-ede4ca, #ede4ca); }
html[data-theme="dark"] .card--lavender h2, html[data-theme="dark"] .card--lavender h3, html[data-theme="dark"] .card--lavender p, html[data-theme="dark"] .card--lavender strong, html[data-theme="dark"] .card--lavender dt, html[data-theme="dark"] .card--lavender dd, html[data-theme="dark"] .card--lavender ul, html[data-theme="dark"] .card--lavender li { color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .card--rose h2, html[data-theme="dark"] .card--rose h3, html[data-theme="dark"] .card--rose p, html[data-theme="dark"] .card--rose strong, html[data-theme="dark"] .card--rose dt, html[data-theme="dark"] .card--rose dd, html[data-theme="dark"] .card--rose ul, html[data-theme="dark"] .card--rose li { color: var(--dt-e2c0c0, #e2c0c0); }
html[data-theme="dark"] .card--sky .sys-card__nf, html[data-theme="dark"] .card--gold .sys-card__nf, html[data-theme="dark"] .card--lavender .sys-card__nf, html[data-theme="dark"] .card--rose .sys-card__nf { border-top-color: rgba(255,255,255,0.108); }
html[data-theme="dark"] .quiz-branch:hover { border-color: var(--ink); background: var(--surface); }
html[data-theme="dark"] .quiz-option:hover, html[data-theme="dark"] .quiz-option:focus-visible { background: var(--surface-alt); color: var(--ink); }
html[data-theme="dark"] .disclosure__q:hover, html[data-theme="dark"] .disclosure__q[aria-expanded="true"] { color: var(--color-accent-600); }
html[data-theme="dark"] .disclosure__q[aria-expanded="true"] .disclosure__icon { background: var(--surface); }
html[data-theme="dark"] .test-option:focus-visible { background: var(--surface-alt); }
@media (hover: hover) { html[data-theme="dark"] .test-option:hover { background: var(--surface-alt); } }
html[data-theme="dark"] .test-option.is-selected { background: var(--ink); color: var(--on-ink); }
html[data-theme="dark"] .test-selfcheck__choices .btn.is-selected { background: var(--ink); color: var(--on-ink); }
html[data-theme="dark"] .type-reveal { --tr-bg-1: var(--dc-1d172b, #1d172b); --tr-bg-2: var(--dc-231c34, #231c34); --tr-bg-3: var(--dc-28203b, #28203b); --tr-ink: var(--dc-cfcae1, #cfcae1); --tr-ink-strong: var(--dc-d4cfe5, #d4cfe5); --tr-ink-soft: var(--dc-c8c3da, #c8c3da); --tr-border: rgba(255,255,255,0.108); --tr-line: rgba(255,255,255,0.225); }
html[data-theme="dark"] .type-reveal--nf { --tr-bg-1: var(--dc-1a2b20, #1a2b20); --tr-bg-2: var(--dc-223728, #223728); --tr-bg-3: var(--dc-294130, #294130); --tr-ink: var(--dc-d0e4d7, #d0e4d7); --tr-ink-strong: var(--dc-dbece2, #dbece2); --tr-ink-soft: var(--dc-c7dccd, #c7dccd); --tr-border: rgba(255,255,255,0.126); --tr-line: rgba(255,255,255,0.225); }
html[data-theme="dark"] .type-reveal--sj { --tr-bg-1: var(--dc-19292c, #19292c); --tr-bg-2: var(--dc-203639, #203639); --tr-bg-3: var(--dc-263f44, #263f44); --tr-ink: var(--dc-cee7ec, #cee7ec); --tr-ink-strong: var(--dc-dbeef2, #dbeef2); --tr-ink-soft: var(--dc-c3dee4, #c3dee4); --tr-border: rgba(255,255,255,0.126); --tr-line: rgba(255,255,255,0.225); }
html[data-theme="dark"] .type-reveal--sp { --tr-bg-1: var(--dc-2e2719, #2e2719); --tr-bg-2: var(--dc-3d3321, #3d3321); --tr-bg-3: var(--dc-4c4129, #4c4129); --tr-ink: var(--dc-eddfc9, #eddfc9); --tr-ink-strong: var(--dc-f0e4d2, #f0e4d2); --tr-ink-soft: var(--dc-e9d8be, #e9d8be); --tr-border: rgba(255,255,255,0.144); --tr-line: rgba(255,255,255,0.225); }
html[data-theme="dark"] .type-reveal::before { background: radial-gradient(circle, rgba(26,31,30,0.55) 0%, transparent 68%); }
html[data-theme="dark"] .type-reveal__footer-code { background: rgba(26,31,30,0.55); }
html[data-theme="dark"] .type-reveal__footer-copy { background: rgba(26,31,30,0.65); }
html[data-theme="dark"] .type-reveal__footer-copy:hover, html[data-theme="dark"] .type-reveal__footer-copy:focus-visible { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .type-reveal--uncertain { background: linear-gradient(165deg, var(--dc-1f2321, #1f2321) 0%, var(--dc-242826, #242826) 100%); border-color: rgba(255,255,255,0.072); }
html[data-theme="dark"] .type-reveal--uncertain .type-reveal__eyebrow { color: var(--ink); }
html[data-theme="dark"] .type-reveal--uncertain .type-reveal__code { color: var(--ink); }
html[data-theme="dark"] .type-reveal--uncertain .type-reveal__footer { border-top-color: rgba(255,255,255,0.108); }
html[data-theme="dark"] .type-reveal--uncertain .type-reveal__footer-code, html[data-theme="dark"] .type-reveal--uncertain .type-reveal__footer-copy { color: var(--ink); }
/* پیش‌ازاین gap توی دارک‌مود: footer-code/footer-copy رنگِ دارکِ خودشون رو
   داشتن (بالا) ولی خودِ نوارِ .type-reveal__footer هیچ‌وقت override نشده بود
   -- روی رنگِ لایتِ پیش‌فرضش (rgba(255,255,255,.35)) می‌موند که روی کارتِ
   تیره فقط خاکستریِ صاف می‌شد (اوورلی‌ِ سفید رنگِ زیرش رو desaturate می‌کنه).
   شست‌وشو با سیاه به‌جای سفید رنگِ تیل/بنفشِ خودِ کارت رو نگه می‌داره. */
html[data-theme="dark"] .type-reveal__footer { background: rgba(0,0,0,.22); border-radius: 16px; }
html[data-theme="dark"] .type-reveal__legend .res-basefold { background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); }
html[data-theme="dark"] .dim-row__track { background: rgba(255,255,255,0.1); }
html[data-theme="dark"] .dim-row__cutmark { background: rgba(255,255,255,0.35); }
html[data-theme="dark"] .card--lavender .dim-row__marker, html[data-theme="dark"] .card--lavender .dim-row__fill { color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .facet-panel { background: rgba(255,255,255,0.04); }
html[data-theme="dark"] .facet-line__track { background: rgba(255,255,255,0.12); }
html[data-theme="dark"] .facet-line--opposed .facet-line__dot { background: var(--dc-7a2e2e, #7A2E2E); }
html[data-theme="dark"] .legend-dot--sky { background: var(--dc-1b4965, #1B4965); }
html[data-theme="dark"] .legend-dot--rose { background: var(--dc-7a2e2e, #7A2E2E); }
html[data-theme="dark"] .ladder::before { background: rgba(255,255,255,0.15); }
html[data-theme="dark"] .grip-state { background: rgba(255,255,255,0.05); }
html[data-theme="dark"] .profile-book__nav-btn { background: var(--bg, var(--dc-191c1b, #191c1b)); }
html[data-theme="dark"] .profile-book__nav-btn:hover { background: var(--surface); }
html[data-theme="dark"] .profile-book__tab:hover { background: rgba(255,255,255,0.04); }
html[data-theme="dark"] .oop-chip { background: rgba(255,255,255,0.08); }
html[data-theme="dark"] .form-field input:focus, html[data-theme="dark"] .form-field textarea:focus, html[data-theme="dark"] .form-field select:focus { border-color: var(--color-accent-600); }
html[data-theme="dark"] .otp-boxes .otp-box:disabled { color: var(--ink); background: var(--bg); }
html[data-theme="dark"] .otp-boxes .otp-box--success { border-color: var(--color-accent-600) !important; background: var(--color-accent-50) !important; }
html[data-theme="dark"] .otp-boxes .otp-box--error { border-color: var(--dc-b03a3a, #B03A3A) !important; background: rgba(176, 58, 58, .08) !important; }
html[data-theme="dark"] .history-item__meta a:hover { color: var(--color-accent-600); }
html[data-theme="dark"] .history-item__delete:hover { color: var(--dt-d9a5a5, #d9a5a5); }
html[data-theme="dark"] a.test-history-card:hover, html[data-theme="dark"] a.test-history-card:focus-visible { border-color: transparent; }
html[data-theme="dark"] .test-history-card__delete:hover, html[data-theme="dark"] .test-history-card__delete:focus-visible { background: rgba(176, 58, 58, .08); color: var(--dt-d9a5a5, #d9a5a5); }
html[data-theme="dark"] a.test-history-card:hover .test-history-card__cta { color: var(--color-accent-600); }
html[data-theme="dark"] .test-history-card__code-copy:hover, html[data-theme="dark"] .test-history-card__code-copy:focus-visible { color: var(--color-accent-600); }
html[data-theme="dark"] .test-history-card--peach .test-history-card__icon { background: var(--accent); color: var(--accent-ink); }
html[data-theme="dark"] .test-history-card--mint .test-history-card__icon { background: var(--mint); color: var(--mint-ink); }
html[data-theme="dark"] .test-history-card--sage .test-history-card__icon { background: var(--color-accent-50); color: var(--color-accent-700); }
html[data-theme="dark"] .test-history-card--gold .test-history-card__icon { background: var(--dc-38321e, #38321e); color: var(--dt-ede4ca, #ede4ca); }
html[data-theme="dark"] .test-history-card--rose .test-history-card__icon { background: var(--dc-2f1919, #2f1919); color: var(--dt-e2c0c0, #e2c0c0); }
html[data-theme="dark"] .test-history-card--lavender .test-history-card__icon { background: var(--dc-201a31, #201a31); color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .test-history-card--sky .test-history-card__icon { background: var(--dc-1b2a32, #1b2a32); color: var(--dt-cce0ec, #cce0ec); }
html[data-theme="dark"] .prose a:not(.btn):not(.mpt-cta):hover { color: var(--color-accent-700); }
html[data-theme="dark"] .post-category:hover { color: var(--color-accent-700); }
html[data-theme="dark"] .author-box .btn--link { color: var(--color-accent-700); }
html[data-theme="dark"] .author-box .btn--link:hover { color: var(--color-accent-600); }
html[data-theme="dark"] .magazine-hero:hover .magazine-hero__body h2 { color: var(--color-accent-700); }
html[data-theme="dark"] .magazine-card:hover .magazine-card__body h3 { color: var(--color-accent-700); }
html[data-theme="dark"] .magazine-pagination .page-numbers.current { background: var(--ink); color: var(--on-ink); border-color: var(--ink); }
html[data-theme="dark"] .magazine-pagination a.page-numbers:hover { background: var(--surface); }
html[data-theme="dark"] .faq-item__q:hover, html[data-theme="dark"] .faq-item__q[aria-expanded="true"] { color: var(--color-accent-600); }
html[data-theme="dark"] .faq-item__q[aria-expanded="true"] .faq-item__icon { background: var(--surface); }
html[data-theme="dark"] .chat-widget__bubble:hover { background: var(--fill-700); }
html[data-theme="dark"] .chat-widget__close:hover { color: var(--ink); }
html[data-theme="dark"] .chat-msg--visitor { background: var(--fill-600); color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .chat-msg--operator { background: var(--surface-alt); color: var(--ink); }
html[data-theme="dark"] .chat-msg--operator a { color: var(--color-accent-600); }
html[data-theme="dark"] .chat-msg--visitor a { color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .chat-msg--system { color: var(--muted); }
html[data-theme="dark"] .chat-widget__contact-row input:focus { border-color: var(--color-accent-600); }
html[data-theme="dark"] .chat-widget__field:focus-within { border-color: var(--color-accent-600); box-shadow: none; background: var(--card); }
html[data-theme="dark"] .account-nav-link:hover { color: var(--color-accent-600); }
html[data-theme="dark"] .account-menu-item:hover { background: var(--surface); }
html[data-theme="dark"] .account-menu-item--danger { color: var(--danger); }
html[data-theme="dark"] .account-menu-item--danger:hover { background: rgba(242, 139, 139, .10); }
html[data-theme="dark"] .account-menu-head__mark { filter: invert(.9) hue-rotate(180deg); opacity: .14; }
html[data-theme="dark"] .theme-switch__opt:hover { color: var(--ink); }
html[data-theme="dark"] .theme-switch__opt[aria-pressed="true"] { background: var(--ink); color: var(--on-ink); }
html[data-theme="dark"] .auth-modal__close:hover { background: var(--border); }
html[data-theme="dark"] .auth-modal__confirm-actions .btn--accent { border-color: transparent; color: var(--dt-ffffff, #fff); background: linear-gradient(135deg, var(--dc-5f9a7c, #5f9a7c) 0%, var(--dc-3d7a5d, #3d7a5d) 48%, var(--dc-2a6047, #2a6047) 100%); }
html[data-theme="dark"] .btn-google:hover { background: var(--surface); border-color: var(--color-accent-500); }
html[data-theme="dark"] .auth-modal__forgot:hover, html[data-theme="dark"] .auth-modal__back:hover { color: var(--ink); }
html[data-theme="dark"] .cred-doc__frame:hover, html[data-theme="dark"] .cred-doc__frame:focus-visible { border-color: var(--color-accent-300); }
html[data-theme="dark"] .cred-book__frame:hover, html[data-theme="dark"] .cred-book__frame:focus-visible { border-color: var(--color-accent-300); }
html[data-theme="dark"] .account-nav-item:hover { background: var(--surface-alt); color: var(--ink); }
html[data-theme="dark"] .account-nav-item.is-active { background: var(--surface-alt); color: var(--ink); }
@media (max-width: 860px) {
  html[data-theme="dark"] .account-nav-list .account-nav-item.is-active { background: linear-gradient(140deg, var(--dc-4f8a6c, #4f8a6c), var(--dc-2a6047, #2a6047)); color: var(--dt-ffffff, #fff); }
  html[data-theme="dark"] .account-nav-item:not(.is-active):hover { background: var(--card); }
}
html[data-theme="dark"] .account-nav-item--danger { color: var(--dt-d9a5a5, #d9a5a5); }
html[data-theme="dark"] .account-nav-item--danger:hover { background: rgba(176, 58, 58, .08); color: var(--dt-d9a5a5, #d9a5a5); }
html[data-theme="dark"] .form-required { color: var(--dt-d9a5a5, #d9a5a5); }
html[data-theme="dark"] .tag-filter-btn:hover { border-color: var(--ink); }
html[data-theme="dark"] .tag-filter-btn.is-active { background: var(--ink); color: var(--on-ink); border-color: var(--ink); }
html[data-theme="dark"] .neo-toc a:hover, html[data-theme="dark"] .neo-chips a:hover { background: var(--accent); color: var(--accent-ink); }
html[data-theme="dark"] .neo-chip { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .neo-steps li { border-bottom: 1px dashed rgba(255,255,255,0.108); }
html[data-theme="dark"] .mpt-toc a:hover { background: var(--accent); color: var(--accent-ink); }
html[data-theme="dark"] .mpt-note--block { background: var(--surface-alt); }
html[data-theme="dark"] .mpt-panel--safety { background: var(--surface); }
html[data-theme="dark"] .mt-stat { background: linear-gradient(135deg, var(--dc-18271c, #18271c), var(--dc-191c1b, #191c1b)); border: 1px solid rgba(255,255,255,0.108); }
html[data-theme="dark"] .mt-stat strong { color: var(--dt-d8e9e2, #d8e9e2); }
html[data-theme="dark"] .mt-stat--warm { background: linear-gradient(135deg, var(--dc-291f16, #291f16), var(--dc-191c1b, #191c1b)); }
html[data-theme="dark"] .mt-stat--warm strong { color: var(--dt-e3c6b8, #e3c6b8); }
html[data-theme="dark"] .mt-dot--done { background: var(--dc-4d7c62, #4d7c62); }
html[data-theme="dark"] .mt-dot--next { background: var(--dc-9fb8ff, #9fb8ff); }
html[data-theme="dark"] .mt-progress { background: linear-gradient(135deg, var(--dc-272015, #272015), var(--dc-191c1b, #191c1b)); }
html[data-theme="dark"] .mt-progress__ring, html[data-theme="dark"] .mz-resume__ring, html[data-theme="dark"] .mpt-resume__ring { background: conic-gradient(var(--dc-4d7c62, #4d7c62) calc(var(--p) * 1%), var(--dc-252922, #252922) 0); }
html[data-theme="dark"] .mt-progress__ring::before, html[data-theme="dark"] .mz-resume__ring::before, html[data-theme="dark"] .mpt-resume__ring::before { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mt-progress__ring b, html[data-theme="dark"] .mz-resume__ring b, html[data-theme="dark"] .mpt-resume__ring b { color: var(--dt-d8e9e2, #d8e9e2); }
html[data-theme="dark"] .mt-progress__icon { background: var(--dc-191c1b, #191c1b); color: var(--dt-d8e9e2, #d8e9e2); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.108); }
html[data-theme="dark"] .mt-progress__bar { background: var(--dc-292821, #292821); }
html[data-theme="dark"] .mt-progress__delete { background: var(--dc-191c1b, #191c1b); color: var(--faint); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.108); }
html[data-theme="dark"] .mt-progress__delete:hover, html[data-theme="dark"] .mt-progress__delete:focus-visible { background: var(--dc-b03a3a, #B03A3A); color: var(--dt-ffffff, #fff); box-shadow: inset 0 0 0 1px var(--dc-b03a3a, #B03A3A); }
html[data-theme="dark"] .test-history-card::before { background: var(--tone, var(--dc-28372d, #28372d)); }
html[data-theme="dark"] .test-history-card__type { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .test-history-card__cta { background: var(--dc-18271c, #18271c); color: var(--dt-d8e9e2, #d8e9e2); }
html[data-theme="dark"] .mt-next__item { border: 1px dashed rgba(255,255,255,0.27); background: var(--dc-172217, #172217); }
html[data-theme="dark"] .mt-next__item:hover { border-color: var(--dc-4d7c62, #4d7c62); }
html[data-theme="dark"] .mt-next__item em { color: var(--dt-bdd2c7, #bdd2c7); }
html[data-theme="dark"] .mz-resume { background: rgba(26,31,30,0.97); border: 1px solid rgba(255,255,255,0.144); }
html[data-theme="dark"] .mz-resume__x:hover { background: var(--surface); }

/* ----- from tests-hub.css (16 rules) ----- */
html[data-theme="dark"] .hub-hero { background: linear-gradient(180deg, var(--dc-172217, #172217), var(--dc-191c1b, #191c1b)); }
html[data-theme="dark"] .hub-hero p { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .hub-finder { background: rgba(26,31,30,0.9); }
html[data-theme="dark"] .hub-chip { background: var(--dc-191c1b, #191c1b); color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .hub-chip:hover { border-color: rgba(255,255,255,0.27); }
html[data-theme="dark"] .hub-chip.is-on { background: linear-gradient(135deg, var(--dc-4f8a6c, #4f8a6c), var(--dc-2a6047, #2a6047)); border-color: transparent; color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .hub-chip.is-on .mpt-i { color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .hub-card { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .hub-card:hover { border-color: rgba(255,255,255,0.27); }
html[data-theme="dark"] .hub-card__visual { background: var(--hub-bg, var(--dc-191c1b, #191c1b)); }
html[data-theme="dark"] .hub-badge--free { background: rgba(27,50,31,0.95); color: var(--mpt-green-deep); }
html[data-theme="dark"] .hub-badge--paid { background: rgba(26,31,30,0.95); color: var(--ink); }
html[data-theme="dark"] .hub-badge--pick { background: var(--mpt-peach); color: var(--accent-ink); }
html[data-theme="dark"] .hub-card__title a:hover { color: var(--mpt-green); }
html[data-theme="dark"] .hub-card__for { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .hub-depth__dots i { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.162); }

/* ----- from mpt-landing.css (69 rules) ----- */
html[data-theme="dark"], html[data-theme="dark"] .mpt-page { --mpt-green: var(--dc-bdd2c7, #bdd2c7); --mpt-green-deep: var(--dc-d8e9e2, #d8e9e2); --mpt-green-dark: var(--dc-e4f1eb, #e4f1eb); --mpt-mint: var(--dc-1b321f, #1b321f); --mpt-peach: var(--dc-35261c, #35261c); --mpt-line: rgba(255,255,255,0.108); }
html[data-theme="dark"] .mpt-cta::before { background: conic-gradient(from var(--mpt-beam), transparent 0 58%, rgba(159,224,191,.0) 60%, var(--dc-9fe0bf, #9fe0bf) 76%, var(--dc-191c1b, #191c1b) 86%, var(--dc-35261c, #35261c) 92%, transparent 100%); }
html[data-theme="dark"] .mpt-cta--light { background: linear-gradient(135deg, var(--dc-191c1b, #191c1b), var(--dc-16291c, #16291c)); color: var(--mpt-green-deep); }
html[data-theme="dark"] .mpt-cta--light::after { background: radial-gradient(60% 70% at 50% 60%, rgba(159,224,191,.5), transparent 75%); }
html[data-theme="dark"] .mpt-cta--light::before { background: conic-gradient(from var(--mpt-beam), transparent 0 58%, var(--dc-9fe0bf, #9fe0bf) 76%, var(--dc-35261c, #35261c) 92%, transparent 100%); }
html[data-theme="dark"] .mpt-hero { background: linear-gradient(180deg, var(--dc-172217, #172217) 0%, var(--dc-191c1b, #191c1b) 100%); }
html[data-theme="dark"] .mpt-orb--a { background: var(--mpt-mint); }
html[data-theme="dark"] .mpt-orb--b { background: var(--mpt-peach); }
html[data-theme="dark"] .mpt-orb--c { background: var(--dc-24382e, #24382e); }
html[data-theme="dark"] .mpt-eyebrow { background: rgba(27,50,31,0.75); }
html[data-theme="dark"] .mpt-hero__lead { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .mpt-stats li { background: rgba(26,31,30,0.8); }
html[data-theme="dark"] .mpt-link:hover { color: var(--mpt-green); }
html[data-theme="dark"] .mpt-chip { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mpt-start { background: linear-gradient(180deg, var(--dc-191c1b, #191c1b), var(--surface-alt)); }
html[data-theme="dark"] .mpt-card { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mpt-card::before { background: linear-gradient(90deg, var(--dc-9fe0bf, #9fe0bf), var(--dc-4d7c62, #4d7c62), var(--dc-35261c, #35261c)); }
html[data-theme="dark"] .mpt-card p { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .mpt-buy__price { background: linear-gradient(135deg, var(--mpt-mint), var(--dc-16281b, #16281b)); }
html[data-theme="dark"] .mpt-buy__price span { color: var(--dt-c6d4cd, #c6d4cd); }
html[data-theme="dark"] .mpt-buy__list li { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .mpt-buy .mz-pay-error { color: var(--danger, var(--dt-dfa49e, #dfa49e)); }
html[data-theme="dark"] .mpt-code__row input { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mpt-section--why, html[data-theme="dark"] .mpt-section--about { background: var(--surface-alt); }
html[data-theme="dark"] .mpt-head p { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .mpt-sec { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mpt-sec:hover { border-color: rgba(255,255,255,0.27); }
html[data-theme="dark"] .mpt-sec__icon { background: linear-gradient(135deg, var(--mpt-mint), var(--dc-172b1c, #172b1c)); }
html[data-theme="dark"] .mpt-sec__num { color: rgba(216,233,226,0.13); }
html[data-theme="dark"] .mpt-sec__desc { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .mpt-sec__items li { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .mpt-sec--safety { background: linear-gradient(160deg, var(--dc-281d15, #281d15), var(--dc-191c1b, #191c1b)); border-color: rgba(255,255,255,0.135); }
html[data-theme="dark"] .mpt-sec--safety .mpt-sec__icon { background: var(--mpt-peach); color: var(--accent-ink); }
html[data-theme="dark"] .mpt-sec--safety .mpt-sec__meta { color: var(--accent-ink); }
html[data-theme="dark"] .mpt-note { background: var(--dc-261e15, #261e15); border: 1px dashed rgba(255,255,255,0.27); color: var(--dt-e1d5d0, #e1d5d0); }
html[data-theme="dark"] .mpt-split p { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .mpt-ticks li { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .mpt-steps p { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .mpt-fit__col ul { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .mpt-fit__col--yes { background: var(--mpt-mint); }
html[data-theme="dark"] .mpt-fit__col--no { background: var(--dc-281d15, #281d15); }
html[data-theme="dark"] .mpt-fit__col--no h3 { color: var(--accent-ink); }
html[data-theme="dark"] .mpt-section--about p { color: var(--dt-d6d8dc, #d6d8dc); }
html[data-theme="dark"] .mpt-section--about a:not(.mpt-cta) { color: var(--mpt-green-deep); border-bottom: 1.5px solid rgba(255,255,255,0.27); }
html[data-theme="dark"] .mpt-section--about a:not(.mpt-cta):hover { color: var(--mpt-green); }
html[data-theme="dark"] .mpt-faq__item { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mpt-faq__item[open] { border-color: rgba(255,255,255,0.27); }
html[data-theme="dark"] .mpt-faq__item[open] summary i { background: var(--mpt-mint); }
html[data-theme="dark"] .mpt-faq__a p { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .mpt-sticky { background: rgba(26,31,30,0.94); }
html[data-theme="dark"] .mpt-group__title--smart { border-color: var(--mpt-peach); }
html[data-theme="dark"] .mpt-group__title--smart small { background: var(--mpt-peach); color: var(--accent-ink); }
html[data-theme="dark"] .mpt-group__title--pro { border-color: var(--dc-d9d6f2, #d9d6f2); }
html[data-theme="dark"] .mpt-group__title--pro small { background: var(--dc-1a182c, #1a182c); color: var(--dt-c4c1de, #c4c1de); }
html[data-theme="dark"] .mpt-sec--smart .mpt-sec__icon { background: linear-gradient(135deg, var(--mpt-peach), var(--dc-2a1f17, #2a1f17)); color: var(--accent-ink); }
html[data-theme="dark"] .mpt-sec--pro .mpt-sec__icon { background: linear-gradient(135deg, var(--dc-1a182c, #1a182c), var(--dc-171527, #171527)); color: var(--dt-c4c1de, #c4c1de); }
html[data-theme="dark"] .mpt-quiz.test-quiz { background: linear-gradient(180deg, var(--dc-191c1b, #191c1b), var(--dc-172217, #172217)); }
html[data-theme="dark"] .mpt-quiz.test-quiz::before { background: linear-gradient(90deg, var(--dc-9fe0bf, #9fe0bf), var(--dc-4d7c62, #4d7c62), var(--dc-35261c, #35261c)); }
html[data-theme="dark"] .mpt-quiz .test-intro-list { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .mpt-quiz .test-progress__track span::after { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mpt-quiz .test-question { background: linear-gradient(135deg, var(--dc-18271c, #18271c), var(--dc-191c1b, #191c1b)); }
html[data-theme="dark"] .mpt-quiz .test-option { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .mpt-quiz .test-option:focus-visible { background: var(--dc-17261c, #17261c); border-color: rgba(255,255,255,0.27); }
@media (hover: hover) {
  html[data-theme="dark"] .mpt-quiz .test-option:hover { background: var(--dc-17261c, #17261c); border-color: rgba(255,255,255,0.27); }
  html[data-theme="dark"] .mpt-quiz .test-option:hover .mpt-key { background: var(--mpt-mint); color: var(--mpt-green-deep); }
}
html[data-theme="dark"] .mpt-quiz .test-option.is-selected { background: linear-gradient(135deg, var(--dc-4f8a6c, #4f8a6c), var(--dc-2a6047, #2a6047)); border-color: transparent; color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .mpt-quiz .test-option.is-selected .mpt-key { background: rgba(255,255,255,.22); color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .mpt-quiz .test-option--skip { background: transparent; color: var(--muted); }
html[data-theme="dark"] .mpt-resume { background: linear-gradient(135deg, var(--dc-291f16, #291f16), var(--dc-18271c, #18271c)); }
html[data-theme="dark"] .mpt-resume__text p { color: var(--dt-cfd1d5, #cfd1d5); }

/* ----- from result.css (83 rules) ----- */
html[data-theme="dark"] .res-scope { --res-green: var(--dc-bdd2c7, #bdd2c7); --res-green-deep: var(--dc-d8e9e2, #d8e9e2); --res-green-dark: var(--dc-e4f1eb, #e4f1eb); --res-mint: var(--dc-1b321f, #1b321f); --res-peach: var(--dc-35261c, #35261c); --res-line: rgba(255,255,255,0.108); }
html[data-theme="dark"] .res-hero { background: linear-gradient(160deg, var(--dc-172217, #172217) 0%, var(--dc-191c1b, #191c1b) 60%); }
html[data-theme="dark"] .res-orb--a { background: var(--res-mint); }
html[data-theme="dark"] .res-orb--b { background: var(--res-peach); }
html[data-theme="dark"] .res-eyebrow { background: rgba(27,50,31,0.8); }
html[data-theme="dark"] .res-hero .risk-badge { border: 1px solid rgba(255,255,255,0.054); }
html[data-theme="dark"] .res-scope .res-lead { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .res-hero .test-history-card__code, html[data-theme="dark"] .res-hero .test-history-card__code[style] { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .res-hero .test-history-card__code-copy:hover, html[data-theme="dark"] .res-hero .test-history-card__code-copy:focus-visible { background: var(--dc-213c28, #213c28); color: var(--res-green-deep); }
html[data-theme="dark"] .res-scope .neo-report__head, html[data-theme="dark"] .res-scope .mpt-report__head { background-color: var(--dc-0f2218, #0f2218); background-image: radial-gradient(90% 120% at 100% 0%, rgba(92,160,124,.32), transparent 62%), linear-gradient(158deg, var(--dc-163527, #163527) 0%, var(--dc-0d1f16, #0d1f16) 100%); border-color: rgba(255,255,255,.08); }
html[data-theme="dark"] .res-toc, html[data-theme="dark"] .res-scope .neo-toc, html[data-theme="dark"] .res-scope .mpt-toc { background: rgba(26,31,30,0.9); }
html[data-theme="dark"] .res-toc a, html[data-theme="dark"] .res-scope .neo-toc a, html[data-theme="dark"] .res-scope .mpt-toc a { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .res-toc a:hover, html[data-theme="dark"] .res-scope .neo-toc a:hover, html[data-theme="dark"] .res-scope .mpt-toc a:hover { background: var(--res-mint); color: var(--res-green-deep); }
html[data-theme="dark"] .res-toc a[aria-current="true"], html[data-theme="dark"] .res-scope .neo-toc a[aria-current="true"], html[data-theme="dark"] .res-scope .mpt-toc a[aria-current="true"] { background: linear-gradient(135deg, var(--dc-5f9a7c, #5f9a7c), var(--dc-2a6047, #2a6047)); color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .res-scope .prose > h2::before { background: linear-gradient(135deg, var(--res-mint), var(--dc-172b1c, #172b1c)); }
html[data-theme="dark"] .res-basefold__badge { background: linear-gradient(135deg, var(--res-mint), var(--dc-172b1c, #172b1c)); }
html[data-theme="dark"] .res-basefold--smart { border-color: rgba(204,224,236,.18); background: linear-gradient(160deg, var(--dc-18252c, #18252c), var(--dc-1b2a32, #1b2a32)); }
html[data-theme="dark"] .res-basefold--smart.is-open .res-basefold__toggle { border-bottom-color: rgba(204,224,236,.18); }
html[data-theme="dark"] .res-basefold--smart .res-basefold__badge { background: linear-gradient(135deg, var(--dc-1b2a32, #1b2a32), var(--dc-223846, #223846)); color: var(--dt-cce0ec, #cce0ec); box-shadow: inset 0 0 0 1px rgba(204,224,236,.18); }
html[data-theme="dark"] .res-basefold--smart .res-basefold__chevron { background: var(--dc-223846, #223846); color: var(--dt-cce0ec, #cce0ec); }
html[data-theme="dark"] .res-basefold--smart .res-basefold__text strong { color: var(--dt-cce0ec, #cce0ec); }
html[data-theme="dark"] .res-scope .neo-panel, html[data-theme="dark"] .res-scope .mpt-panel { background: var(--dc-191c1b, #191c1b); }
/* compact notes (result.css, 2026-10-01) */
html[data-theme="dark"] .res-scope .res-note { background: var(--dc-1a211d, #1a211d); border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .res-scope .res-note--validity, html[data-theme="dark"] .res-scope .res-note--limits { background: var(--dc-221f19, #221f19); }
html[data-theme="dark"] .res-scope .res-note__icon { background: var(--dc-141816, #141816); color: var(--res-mint); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
html[data-theme="dark"] .res-scope .res-note__title { color: var(--res-mint); }
html[data-theme="dark"] .res-scope .res-note__body p, html[data-theme="dark"] .res-scope .res-note__body blockquote { color: var(--dt-c4c9c6, #c4c9c6); }
html[data-theme="dark"] .res-scope .res-code-copy { background: var(--dc-141816, #141816); border-color: rgba(255,255,255,.14); color: var(--res-mint); }
html[data-theme="dark"] .res-scope .card { background: var(--dc-191c1b, #191c1b); }
@media (hover: hover) {
  html[data-theme="dark"] .res-scope .card:hover { border-color: rgba(255,255,255,0.27); }
}
html[data-theme="dark"] .res-scope .card--accent { background: linear-gradient(160deg, var(--dc-2a1e16, #2a1e16), var(--res-peach)); --res-tint: rgba(26,31,30,0.55); }
html[data-theme="dark"] .res-scope .card--accent::before { background: linear-gradient(90deg, var(--dc-f3b99b, #f3b99b), var(--dc-e08e66, #e08e66), var(--dc-35261c, #35261c)); }
html[data-theme="dark"] .res-scope .card--lavender { background: linear-gradient(160deg, var(--dc-1b172a, #1b172a), var(--dc-201a31, #201a31)); --res-tint: rgba(26,31,30,0.5); }
html[data-theme="dark"] .res-scope .card--lavender::before { background: linear-gradient(90deg, var(--dc-cfc5ee, #cfc5ee), var(--dc-8d7fd0, #8d7fd0), var(--dc-201a31, #201a31)); }
html[data-theme="dark"] .res-scope .card--sky { background: linear-gradient(160deg, var(--dc-18252c, #18252c), var(--dc-1b2a32, #1b2a32)); --res-tint: rgba(26,31,30,0.5); }
html[data-theme="dark"] .res-scope .card--sky::before { background: linear-gradient(90deg, var(--dc-b6dcef, #b6dcef), var(--dc-4f9cc4, #4f9cc4), var(--dc-1b2a32, #1b2a32)); }
html[data-theme="dark"] .res-scope .card--gold { background: linear-gradient(160deg, var(--dc-302b1a, #302b1a), var(--dc-38321e, #38321e)); --res-tint: rgba(26,31,30,0.5); }
html[data-theme="dark"] .res-scope .card--gold::before { background: linear-gradient(90deg, var(--dc-4d4429, #4d4429), var(--dc-d1a83a, #d1a83a), var(--dc-38321e, #38321e)); }
html[data-theme="dark"] .res-scope .card--mint { background: linear-gradient(160deg, var(--dc-172b1c, #172b1c), var(--res-mint)); --res-tint: rgba(26,31,30,0.5); }
html[data-theme="dark"] .res-scope .card--mint::before { background: linear-gradient(90deg, var(--dc-9fe0bf, #9fe0bf), var(--dc-4d7c62, #4d7c62), var(--dc-1b321f, #1b321f)); }
html[data-theme="dark"] .res-scope .card--rose { background: linear-gradient(160deg, var(--dc-2a1616, #2a1616), var(--dc-2f1919, #2f1919)); --res-tint: rgba(26,31,30,0.5); }
html[data-theme="dark"] .res-scope .card--rose::before { background: linear-gradient(90deg, var(--dc-f3bcbc, #f3bcbc), var(--dc-d27878, #d27878), var(--dc-2f1919, #2f1919)); }
html[data-theme="dark"] .res-scope .fact-row { border-bottom: 1px dashed rgba(255,255,255,0.081); }
html[data-theme="dark"] .res-scope .card--sky .fact-row dd, html[data-theme="dark"] .res-scope .card--gold .fact-row dd, html[data-theme="dark"] .res-scope .card--lavender .fact-row dd, html[data-theme="dark"] .res-scope .card--rose .fact-row dd, html[data-theme="dark"] .res-scope .card--mint .fact-row dd { color: inherit; }
html[data-theme="dark"] .res-scope .res-group--limits { background: linear-gradient(160deg, var(--dc-2a1e16, #2a1e16), var(--res-peach)); border-color: rgba(255,255,255,0.162); color: var(--accent-ink); }
html[data-theme="dark"] .res-scope .res-group--limits::before { background: linear-gradient(90deg, var(--dc-f3b99b, #f3b99b), var(--dc-e08e66, #e08e66), var(--dc-35261c, #35261c)); }
html[data-theme="dark"] .res-scope .res-group--limits h3, html[data-theme="dark"] .res-scope .res-group--limits p { color: var(--accent-ink); }
html[data-theme="dark"] .res-tile { background: linear-gradient(160deg, var(--dc-16251a, #16251a), var(--dc-1a2a1f, #1a2a1f)); }
@media (hover: hover) {
  html[data-theme="dark"] .res-tile:hover { border-color: rgba(255,255,255,0.27); }
}
html[data-theme="dark"] .res-tile__chip { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .res-tile__meter { background: rgba(255,255,255,0.1); }
html[data-theme="dark"] .res-scope .res-tile p { color: var(--dt-c7c9cd, #c7c9cd); }
html[data-theme="dark"] .res-scope :is(.card, .prose, .neo-panel, .mpt-panel) ul:not(.neo-chips):not(.neo-timeline):not(.neo-steps):not(.res-tiles):not(.oop-chip-row):not(.mpt-limits) > li:not(.neo-week) { background: rgba(26,31,30,0.62); border: 1px solid rgba(255,255,255,0.054); }
html[data-theme="dark"] .res-scope .card:not([class*="card--"]) ul > li:not(.neo-week) { background: var(--dc-19251b, #19251b); border-color: var(--res-line); }
html[data-theme="dark"] .res-scope :is(.card, .prose, .neo-panel, .mpt-panel) ul:not(.neo-chips):not(.neo-timeline):not(.neo-steps):not(.res-tiles) > li:not(.neo-week)::before { background: currentColor; }
html[data-theme="dark"] .res-scope .prose blockquote { border: 1px solid rgba(255,255,255,0.126); background: linear-gradient(160deg, var(--dc-2a1e16, #2a1e16), var(--res-peach)); }
html[data-theme="dark"] .res-scope .dim-bar__track { background: rgba(255,255,255,0.08); }
html[data-theme="dark"] .res-tier__badge { background: rgba(26,31,30,0.75); }
html[data-theme="dark"] .res-tier__badge.is-locked { background: var(--dc-281d15, #281d15); color: var(--accent-ink); border-color: rgba(255,255,255,0.162); }
html[data-theme="dark"] .res-tier__page { border-bottom: 1px dashed rgba(255,255,255,0.108); }
html[data-theme="dark"] .res-tier__sec-icon { background: var(--dc-201a31, #201a31); color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .res-scope .res-tier--locked { background: repeating-linear-gradient(135deg, var(--dc-172217, #172217) 0 14px, var(--dc-18261d, #18261d) 14px 28px); border: 1.5px dashed rgba(255,255,255,0.27); }
html[data-theme="dark"] .res-scope .res-tier--locked .res-tier__title, html[data-theme="dark"] .res-scope .res-tier--locked .res-tier__note { color: var(--dt-cfd1d5, #cfd1d5); }
html[data-theme="dark"] .res-limits, html[data-theme="dark"] .res-scope .test-disclaimer { background: var(--dc-261e15, #261e15); border: 1px dashed rgba(255,255,255,0.27); color: var(--dt-e1d5d0, #e1d5d0); }
html[data-theme="dark"] .res-scope .sci-note { color: var(--dt-bebfc3, #bebfc3); }
html[data-theme="dark"] .res-next { background: radial-gradient(700px 320px at 85% -10%, rgba(159,224,191,.28), transparent 60%), radial-gradient(560px 300px at 5% 110%, rgba(53,38,28,0.18), transparent 60%), linear-gradient(160deg, var(--dc-1d4433, #1d4433), var(--dc-0f2a1f, #0f2a1f)); }
html[data-theme="dark"] .res-tier-pill { background: var(--dc-191c1b, #191c1b); color: var(--dt-f2ecd9, #f2ecd9); }
html[data-theme="dark"] .res-tier-pill--base::after, html[data-theme="dark"] .res-tier-pill--smart::after { background: var(--dot); }
html[data-theme="dark"] .res-tier-pill--smart { background: var(--dc-1b321f, #1b321f); color: var(--dt-d5f1e0, #d5f1e0); border-color: rgba(255,255,255,0.252); }
html[data-theme="dark"] .res-tier-pill--specialist { --dot: var(--dc-998fc8, #998fc8); background: var(--dc-201a31, #201a31); color: var(--dt-cfcae1, #cfcae1); border-color: rgba(255,255,255,0.225); }
html[data-theme="dark"] .res-tier-line__go { color: var(--dt-d8e9e2, #d8e9e2); }
html[data-theme="dark"] .res-tier-line__note { color: var(--dt-bebfc3, #bebfc3); }
html[data-theme="dark"] .res-scope .res-upgrade-card { background: radial-gradient(620px 300px at 100% -20%, rgba(159, 224, 191, .35), transparent 65%), radial-gradient(520px 260px at 0% 120%, rgba(53,38,28,0.55), transparent 65%), var(--dc-191c1b, #191c1b); border-color: rgba(255,255,255,0.252); }
html[data-theme="dark"] .res-scope .res-upgrade__intro { color: var(--dt-d9dbde, #d9dbde); }
html[data-theme="dark"] .res-upgrade__list li { background: rgba(27,50,31,0.55); color: var(--dt-e3eae6, #e3eae6); }
html[data-theme="dark"] .res-upgrade__list li::before { background: var(--res-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='#191c1b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 62% no-repeat; }
html[data-theme="dark"] .res-upgrade__facts { border-top: 1px dashed rgba(255,255,255,0.126); }
html[data-theme="dark"] .res-upgrade__facts li { color: var(--dt-c7c9cd, #c7c9cd); }
html[data-theme="dark"] .res-upgrade__buy { background: linear-gradient(160deg, var(--dc-16281b, #16281b), var(--dc-1b3021, #1b3021)); }
html[data-theme="dark"] .res-upgrade__price { color: var(--dt-c6d4cd, #c6d4cd); }
html[data-theme="dark"] .res-upgrade__code label { color: var(--dt-c6d4cd, #c6d4cd); }
html[data-theme="dark"] .res-upgrade__code input { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .res-upgrade__secure { color: var(--dt-bbc3be, #bbc3be); }
html[data-theme="dark"] .res-scope .btn--ghost, html[data-theme="dark"] .res-btn--ghost { background: var(--dc-191c1b, #191c1b); color: var(--res-green-deep); border-color: rgba(255,255,255,0.252); }
html[data-theme="dark"] .res-scope .btn--ghost:hover, html[data-theme="dark"] .res-btn--ghost:hover { background: var(--res-mint); border-color: rgba(255,255,255,0.27); }
html[data-theme="dark"] .res-scope .card .btn--block.btn--ghost { color: var(--dt-ffffff, #fff); border-color: transparent; background: linear-gradient(135deg, var(--dc-5f9a7c, #5f9a7c) 0%, var(--dc-3d7a5d, #3d7a5d) 48%, var(--dc-2a6047, #2a6047) 100%); }
html[data-theme="dark"] .res-scope .card .btn--block.btn--ghost:hover { background: linear-gradient(135deg, var(--dc-6aa688, #6aa688), var(--dc-46866a, #46866a) 48%, var(--dc-2f6b50, #2f6b50) 100%); }
html[data-theme="dark"] .res-scope .card .btn--block.btn--ghost::before { background: conic-gradient(from var(--res-beam), transparent 0 58%, var(--dc-9fe0bf, #9fe0bf) 76%, var(--dc-191c1b, #191c1b) 86%, var(--dc-35261c, #35261c) 92%, transparent 100%); }
html[data-theme="dark"] .res-scope .test-intro-card { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .res-scope .neo-locked, html[data-theme="dark"] .res-scope .mpt-locked { border: 1.5px dashed rgba(255,255,255,0.27); background: repeating-linear-gradient(135deg, var(--dc-172217, #172217) 0 14px, var(--dc-18261d, #18261d) 14px 28px); }
html[data-theme="dark"] .test-quiz:has([data-step="result"]:not([hidden]) .res-ready) { background: transparent; }

/* ----- from compare.css (52 rules) ----- */
html[data-theme="dark"] .cmp, html[data-theme="dark"] .cmp-cta-card { --cmp-a: var(--dc-9488d1, #9488d1); --cmp-line: var(--dc-383841, #383841); --cmp-card: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-back a:hover { color: var(--ink); }
html[data-theme="dark"] .cmp-tool .btn { background: rgba(26,31,30,0.55); }
html[data-theme="dark"] .cmp-tool__short { background: rgba(26,31,30,0.7); }
html[data-theme="dark"] .cmp-tool--lavender { background: var(--dc-201a31, #201a31); color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .cmp-tool--sky { background: var(--dc-1b2a32, #1b2a32); color: var(--dt-cce0ec, #cce0ec); }
html[data-theme="dark"] .cmp-tool--rose { background: var(--dc-2f1919, #2f1919); color: var(--dt-e2c0c0, #e2c0c0); }
html[data-theme="dark"] .cmp-steps__n { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-steps__item.is-active { color: var(--ink); background: var(--dc-191c1b, #191c1b); border-color: var(--ink); }
html[data-theme="dark"] .cmp-steps__item.is-active .cmp-steps__n { background: var(--ink); color: var(--dt-ffffff, #fff); border-color: var(--ink); }
html[data-theme="dark"] .cmp-steps__item.is-done { color: var(--mint-ink); background: var(--mint); border-color: transparent; }
html[data-theme="dark"] .cmp-steps__item.is-done .cmp-steps__n { background: var(--mint-ink); color: var(--dt-ffffff, #fff); border-color: transparent; }
html[data-theme="dark"] .cmp-result { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-result:hover { border-color: var(--color-accent-300); }
html[data-theme="dark"] .cmp-result.is-on { border-color: var(--ink); background: var(--surface-alt); }
html[data-theme="dark"] .cmp-result.is-on .cmp-result__tick { background: var(--ink); border-color: var(--ink); color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .cmp-way { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] button.cmp-way:hover { border-color: var(--ink); }
html[data-theme="dark"] .cmp-way--rec { background: linear-gradient(160deg, var(--dc-1b172a, #1b172a), var(--dc-191c1b, #191c1b) 60%); border-color: var(--dc-b9aee8, #b9aee8); }
html[data-theme="dark"] .cmp-way__icon { background: var(--dc-1c182c, #1c182c); color: var(--dt-b6b0d8, #b6b0d8); }
html[data-theme="dark"] .cmp-consent__col--yes { background: var(--mint); border-color: transparent; color: var(--mint-ink); }
html[data-theme="dark"] .cmp-consent__col--yes p, html[data-theme="dark"] .cmp-consent__col--yes .cmp-h3 { color: var(--mint-ink); }
html[data-theme="dark"] .cmp-consent__col--no { background: var(--dc-201a31, #201a31); border-color: transparent; }
html[data-theme="dark"] .cmp-consent__col--no p, html[data-theme="dark"] .cmp-consent__col--no .cmp-h3 { color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .cmp-note { background: var(--dc-201a31, #201a31); border-color: transparent; color: var(--dt-cfcae1, #cfcae1); }
html[data-theme="dark"] .cmp-note .cmp-sh-eyebrow { color: var(--dt-cfcae1, #cfcae1); background: rgba(255,255,255,.1); }
html[data-theme="dark"] .cmp-who { background: radial-gradient(60% 120% at 100% 0%, var(--dc-261f42, #261f42) 0%, transparent 62%), radial-gradient(60% 120% at 0% 100%, var(--dc-3a241a, #3a241a) 0%, transparent 62%), var(--dc-17191a, #17191a); box-shadow: 0 24px 40px -34px rgba(0, 0, 0, .8); }
html[data-theme="dark"] .cmp-avatar { box-shadow: 0 0 0 4px var(--dc-17191a, #17191a), 0 0 0 7px var(--ring), 0 18px 26px -14px var(--ring-glow); }
html[data-theme="dark"] .cmp-avatar--pic { background: color-mix(in srgb, var(--ring) 24%, var(--dc-17191a, #17191a)); }
html[data-theme="dark"] .cmp-amp, html[data-theme="dark"] .cmp-typebadge { background: var(--dc-1f2223, #1f2223); }
html[data-theme="dark"] .cmp-typebadge { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-dot-sm--a { background: var(--cmp-a); }
html[data-theme="dark"] .cmp-dot-sm--b { background: var(--cmp-b); }
html[data-theme="dark"] .cmp-tally div { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-chip--same { background: var(--mint); color: var(--mint-ink); }
html[data-theme="dark"] .cmp-chip--near { background: var(--surface); color: var(--muted); }
html[data-theme="dark"] .cmp-chip--diff { background: var(--accent); color: var(--accent-ink); }
html[data-theme="dark"] .cmp-chip--uncertain { background: var(--dc-38321e, #38321e); color: var(--dt-ede4ca, #ede4ca); }
html[data-theme="dark"] .cmp-track__rail { background: linear-gradient(90deg, var(--dc-202028, #202028), var(--dc-25252c, #25252c)); }
html[data-theme="dark"] .cmp-axis--same .cmp-track__span { background: rgba(120,190,140,.55); }
html[data-theme="dark"] .cmp-dot--a { background: var(--cmp-a); }
html[data-theme="dark"] .cmp-dot--b { background: var(--cmp-b); }
html[data-theme="dark"] .cmp-note-card--same { background: var(--mint); border-color: transparent; }
html[data-theme="dark"] .cmp-note-card--same .cmp-h3, html[data-theme="dark"] .cmp-note-card--same p { color: var(--mint-ink); }
html[data-theme="dark"] .cmp-note-card--diff { background: var(--dc-2a1f17, #2a1f17); border-color: var(--dc-543e2d, #543e2d); }
html[data-theme="dark"] .cmp-note-card--diff .cmp-h3 { color: var(--dt-eacec1, #eacec1); }
html[data-theme="dark"] .cmp-note-card--diff p { color: var(--dt-e6d7d3, #e6d7d3); }
html[data-theme="dark"] .cmp-note-card--uncertain { background: var(--dc-38321e, #38321e); border-color: transparent; }
html[data-theme="dark"] .cmp-note-card--uncertain p, html[data-theme="dark"] .cmp-note-card--uncertain .cmp-h3 { color: var(--dt-ede4ca, #ede4ca); }
html[data-theme="dark"] .cmp-starter { border-top: 1px dashed rgba(255,255,255,0.135); }
html[data-theme="dark"] .cmp-prompts { background: var(--dc-38321e, #38321e); }
html[data-theme="dark"] .cmp-prompts .cmp-h2, html[data-theme="dark"] .cmp-prompts li { color: var(--dt-f2ecd9, #f2ecd9); }
html[data-theme="dark"] .cmp-blocked { background: var(--dc-38321e, #38321e); }
html[data-theme="dark"] .cmp-blocked p, html[data-theme="dark"] .cmp-blocked .cmp-h3 { color: var(--dt-ede4ca, #ede4ca); }
html[data-theme="dark"] .cmp-cta-card { background: linear-gradient(120deg, var(--dc-1b172a, #1b172a), var(--dc-2c1f18, #2c1f18)); border: 1px solid var(--dc-352a4d, #352a4d); }

/* ----- from feedback.css (1 rules) ----- */
html[data-theme="dark"] .fb-star.is-on { color: var(--dt-f2b01e, #F2B01E); }

/* ----- from specialist-picker.css (4 rules) ----- */
html[data-theme="dark"] .mz-pick__card:hover { border-color: var(--color-accent-500); }
html[data-theme="dark"] .mz-pick__card.is-current { border-color: var(--color-accent-500); background: var(--color-accent-50); }
html[data-theme="dark"] .mz-pick__photo--initial { background: var(--fill-500); color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .mz-pick__badge { background: var(--dc-191c1b, #191c1b); }


/* ---------- 4. Hand-tuned overrides (win over the generated block above) ---------- */
/* Home hero: the light sage gradient becomes a deep-green one; the peach/white glows turn into faint warm/green light */
html[data-theme="dark"] .hero--home { background: linear-gradient(160deg, var(--dc-14201a, #14201a) 0%, var(--dc-1a2c22, #1a2c22) 55%, var(--dc-22382b, #22382b) 100%); box-shadow: 0 32px 46px -26px rgba(0,0,0,.55), 0 10px 18px -12px rgba(0,0,0,.35); }
html[data-theme="dark"] .hero__glow { background: radial-gradient(38% 45% at 82% 12%, rgba(196,130,90,.20), transparent 70%), radial-gradient(32% 38% at 10% 88%, rgba(134,195,163,.14), transparent 70%); }

/* --mpt-green-dark is only ever a BACKGROUND (the closing CTA band), so it must not flip like its text-colour siblings */
html[data-theme="dark"], html[data-theme="dark"] .mpt-page { --mpt-green-dark: var(--dc-163527, #163527); }

/* The brand icon SVG has no fill (renders black): invert it in the header. The footer keeps it black on its white chip. */
html[data-theme="dark"] .site-header .site-logo__icon { filter: invert(.9) hue-rotate(180deg); }
html[data-theme="dark"] .post-meta__dot { color: var(--faint); }

/* Keyboard focus rings: several are drawn with peach tokens that turn dark-brown here (invisible on a dark page). */
html[data-theme="dark"] :focus-visible { outline-color: var(--dc-f6d6c3, #F6D6C3); }
html[data-theme="dark"] .mpt-cta:focus-visible, html[data-theme="dark"] .footer-btn:focus-visible { outline-color: var(--dc-f6d6c3, #F6D6C3); }

/* Inline-styled badges built by the test renderers (test-mindprofile.js): a pale-red chip with dark-red text */
html[data-theme="dark"] .risk-badge[style*="#fdecea"] { background: var(--dc-3a1f1f, #3a1f1f) !important; color: var(--dt-f4b9b9, #f4b9b9) !important; }

} /* @media screen */

/* تفسیر عمیق زوج (compare.css) — twins for the hard-coded light surfaces */
html[data-theme="dark"] .cmp { --cmp-b: var(--dc-e8946f, #e8946f); --dy-same: var(--dc-5cc38a, #5cc38a); --dy-near: var(--dc-9a9ea8, #9a9ea8); --dy-diff: var(--dc-e08a58, #e08a58); }
html[data-theme="dark"] .cmp-portrait { background: linear-gradient(120deg, var(--dc-1f1b30, #1f1b30), var(--dc-22201f, #22201f) 55%, var(--dc-2a1f1a, #2a1f1a)); border-color: var(--dc-34304a, #34304a); }
html[data-theme="dark"] .cmp-deep__practice { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.16); }
html[data-theme="dark"] .cmp-help { background: var(--dc-2a1f1a, #2a1f1a); }
html[data-theme="dark"] .cmp-tab { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-tab.is-on { background: var(--ink); color: var(--on-ink); }

/* cmp-share (بازطراحی ۲۰۲۶-۰۹-۲۳) */
html[data-theme="dark"] .cmp-share--offer { background: linear-gradient(150deg, var(--dc-1b172a, #1b172a), var(--dc-191c1b, #191c1b) 55%, var(--dc-2c1f18, #2c1f18)); border-color: var(--dc-352a4d, #352a4d); }
html[data-theme="dark"] .cmp-sh-eyebrow { color: var(--dt-b6b0d8, #b6b0d8); background: rgba(148,136,209,.16); }
html[data-theme="dark"] .cmp-share--done .cmp-sh-eyebrow { color: var(--mint-ink); background: rgba(0,0,0,.25); }
html[data-theme="dark"] .cmp-sh-step { background: rgba(255,255,255,.05); }
html[data-theme="dark"] .cmp-sh-step__n { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-sh-step.is-now { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-sh-step.is-now .cmp-sh-step__n { background: var(--ink); color: var(--on-ink); }
html[data-theme="dark"] .cmp-sh-step.is-done .cmp-sh-step__n { color: var(--dt-ffffff, #fff); }
html[data-theme="dark"] .cmp-sp { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-sp.is-on { border-color: var(--ink); box-shadow: 0 6px 18px rgba(0,0,0,.35); }
html[data-theme="dark"] .cmp-sp.is-on .cmp-sp__tick { background: var(--ink); color: var(--on-ink); }
html[data-theme="dark"] .cmp-sp__tags i { background: var(--surface); }
html[data-theme="dark"] .cmp-sh-trust { background: rgba(255,255,255,.04); }

/* لندینگ تأیید */
html[data-theme="dark"] .cmp-lp { box-shadow: 0 18px 50px rgba(0,0,0,.4); }
html[data-theme="dark"] .cmp-lp__spec { background: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .cmp-lp__av { box-shadow: 0 0 0 6px rgba(148,136,209,.18); }

/* ---- partner comparison: locked report + buy card (2026-09-24) ---- */
html[data-theme="dark"] .cmp-free-tag { background: var(--dc-163524, #163524); color: var(--dt-8fd6ab, #8fd6ab); }
html[data-theme="dark"] .cmp-locked { background: linear-gradient(140deg, var(--dc-1b172a, #1b172a), var(--dc-2c1f18, #2c1f18)); border-color: var(--dc-352a4d, #352a4d); }
html[data-theme="dark"] .cmp-locked__list li { background: var(--dc-191c1b, #191c1b); border-color: var(--dc-383841, #383841); }
html[data-theme="dark"] .cmp-locked__list li b { background: var(--dc-262a29, #262a29); }
html[data-theme="dark"] .cmp-callout--ok { background: var(--dc-163524, #163524); color: var(--dt-8fd6ab, #8fd6ab); border-inline-start-color: var(--dc-4bb079, #4bb079); }

/* ---- «مقایسه با شریک» catalogue badge + homepage banner (2026-09-24) ---- */
html[data-theme="dark"] .hub-badge--info { background: rgba(43,36,70,.95); color: var(--dt-c9c0f2, #c9c0f2); }
html[data-theme="dark"] .home-compare { background: linear-gradient(120deg, var(--dc-1b172a, #1b172a), var(--dc-2c1f18, #2c1f18)); border-color: var(--dc-352a4d, #352a4d); }

html[data-theme="dark"] .mz-alt-link { color: var(--dt-cfe8db, #cfe8db); border-color: rgba(190,225,205,.35); }
html[data-theme="dark"] .mz-alt-link:hover { background: rgba(255,255,255,.07); border-color: rgba(190,225,205,.6); }

/* scale cards (result.css, 2026-10-01) */
html[data-theme="dark"] .res-scope .res-scale { background: var(--dc-191c1b, #191c1b); border-color: rgba(255,255,255,.1); --band-bg: var(--dc-26302a, #26302a); --band-ink: var(--dc-cfd8d2, #cfd8d2); --mark: var(--dc-9fe0bf, #9fe0bf); }
html[data-theme="dark"] .res-scope .res-scale--high, html[data-theme="dark"] .res-scope .res-scale--low { --band-bg: var(--dc-22402f, #22402f); --band-ink: var(--dc-cdeedd, #cdeedd); }
html[data-theme="dark"] .res-scope .res-scale--very_high, html[data-theme="dark"] .res-scope .res-scale--very_low { --band-bg: var(--dc-9fe0bf, #9fe0bf); --band-ink: var(--dc-0f2218, #0f2218); --mark: var(--dc-9fe0bf, #9fe0bf); }
html[data-theme="dark"] .res-scope .res-scale__name { color: var(--dt-e6f1ea, #e6f1ea); }
html[data-theme="dark"] .res-scope .res-scale__track { background: var(--dc-262b29, #262b29); }
html[data-theme="dark"] .res-scope .res-scale__track::after { background: rgba(255,255,255,.22); }
html[data-theme="dark"] .res-scope .res-scale__mark { border-color: var(--dc-191c1b, #191c1b); }
html[data-theme="dark"] .res-scope .res-scale__pos { color: var(--dt-b8c4bd, #b8c4bd); }
html[data-theme="dark"] .res-scope .res-scale__more { color: var(--dt-a7b0aa, #a7b0aa); border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .res-scope .res-scales__cap { color: var(--dt-e6f1ea, #e6f1ea); }
html[data-theme="dark"] .res-scope .res-scale--text .res-scale__pos { color: var(--dt-99a39d, #99a39d); }
html[data-theme="dark"] .res-scope .res-scale__rows { border-color: rgba(255,255,255,.1); }
html[data-theme="dark"] .res-scope .res-scale__rows dt { color: var(--dt-9fe0bf, #9fe0bf); }
html[data-theme="dark"] .res-scope .res-scale__rows dd { color: var(--dt-c4c9c6, #c4c9c6); }
html[data-theme="dark"] .res-scope .res-scale__rows > div:last-child dd { color: var(--dt-99a39d, #99a39d); }
html[data-theme="dark"] .res-scope .res-scale__example { background: var(--dc-1a211d, #1a211d); border-inline-start-color: var(--dc-4d7c62, #4d7c62); color: var(--dt-c9d3cd, #c9d3cd); }
html[data-theme="dark"] .res-scope .res-deep { background: linear-gradient(165deg, var(--dc-2f2a1a, #2f2a1a), var(--dc-38321e, #38321e)); border-color: rgba(231, 199, 102, .22); color: var(--dt-ede4ca, #ede4ca); }
html[data-theme="dark"] .res-scope .res-deep__n { background: var(--dc-e7c766, #e7c766); color: var(--dt-2b2410, #2b2410); box-shadow: 0 0 0 4px rgba(231, 199, 102, .16); }
html[data-theme="dark"] .res-scope .res-deep__head h3, html[data-theme="dark"] .res-scope .res-deep__lead { color: var(--dt-f3ead0, #f3ead0); }
html[data-theme="dark"] .res-scope .res-deep__text { color: var(--dt-d6cdb0, #d6cdb0); }
html[data-theme="dark"] .res-scope .res-deep__item { border-color: rgba(231, 199, 102, .22); }
html[data-theme="dark"] .res-scope .res-deep__basis { background: rgba(255, 255, 255, .06); border-color: rgba(231, 199, 102, .22); color: var(--dt-cdbf8f, #cdbf8f); }
html[data-theme="dark"] .res-scope .res-count-note { background: var(--dc-1c211e, #1c211e); border-color: rgba(255,255,255,.16); color: var(--dt-b9c4bd, #b9c4bd); }

/* MMPI report charts are drawn in dark ink on light (expansion plan phase 6): give them a light paper card in dark mode so every label stays readable */
html[data-theme="dark"] .mpt-figure__svg { background: var(--dc-f4f6f2, #f4f6f2); border-radius: 10px; padding: 8px; }
html[data-theme="dark"] .mpt-figure { background: var(--dc-1c211e, #1c211e); }
html[data-theme="dark"] .mpt-sub { color: var(--ink); }

/* ----- result hero v2 (2026-10-13): «شب سبز» card; layers live in result.css (.res-fx) ----- */
html[data-theme="dark"] .res-hero { background: radial-gradient(ellipse at 50% 0%, var(--dc-2f6a52, #2f6a52) 0%, var(--dc-1d4a39, #1d4a39) 45%, var(--dc-112f24, #112f24) 100%); border-color: rgba(159,224,191,.25); box-shadow: 0 34px 70px -30px rgba(17,47,36,.8); }
html[data-theme="dark"] .res-scope .res-hero h1, html[data-theme="dark"] .res-scope .res-hero h2 { color: var(--dt-f3fbf6, #f3fbf6); }
html[data-theme="dark"] .res-hero .res-eyebrow { background: rgba(255,255,255,.1); color: var(--dt-d7f3e2, #d7f3e2); border-color: rgba(255,255,255,.18); }
html[data-theme="dark"] .res-hero .res-hero__meta, html[data-theme="dark"] .res-hero .test-card__meta { color: var(--dt-a9cdb9, #a9cdb9); }
html[data-theme="dark"] .res-hero .test-history-card__code, html[data-theme="dark"] .res-hero .test-history-card__code[style] { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); box-shadow: none; color: var(--dt-a9cdb9, #a9cdb9); }
html[data-theme="dark"] .res-hero .test-history-card__code-value { color: var(--dt-e6f7ed, #e6f7ed); }
html[data-theme="dark"] .res-hero .test-history-card__code-copy { background: rgba(159,224,191,.22); color: var(--dt-e6f7ed, #e6f7ed); }
html[data-theme="dark"] .res-scope .neo-report__head.card.res-hero, html[data-theme="dark"] .res-scope .mpt-report__head.card.res-hero { background: radial-gradient(ellipse at 50% 0%, var(--dc-2f6a52, #2f6a52) 0%, var(--dc-1d4a39, #1d4a39) 45%, var(--dc-112f24, #112f24) 100%); border-color: rgba(159,224,191,.25); box-shadow: 0 34px 70px -30px rgba(17,47,36,.8); }
html[data-theme="dark"] .res-scope .neo-report__head.card.res-hero h2, html[data-theme="dark"] .res-scope .mpt-report__head.card.res-hero h2 { color: var(--dt-f3fbf6, #f3fbf6); }
html[data-theme="dark"] .res-scope .res-hero--head p { color: var(--dt-a9cdb9, #a9cdb9); }
html[data-theme="dark"] .res-scope .res-hero--head strong { color: var(--dt-e6f7ed, #e6f7ed); }
html[data-theme="dark"] .res-scope .res-hero--head .res-eyebrow { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.18); color: var(--dt-d7f3e2, #d7f3e2) !important; }

/* scrollbar, dark */
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] *::-webkit-scrollbar-track { background: rgba(255, 255, 255, .05); }
  html[data-theme="dark"] *::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(143, 214, 176, .75), rgba(95, 154, 124, .75)); background-clip: padding-box; }
  html[data-theme="dark"] *::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(170, 232, 200, .95), rgba(120, 190, 150, .95)); background-clip: padding-box; }
  @supports not selector(::-webkit-scrollbar) {
    html[data-theme="dark"] * { scrollbar-color: rgba(143, 214, 176, .7) rgba(255, 255, 255, .05); }
  }
}