
/* theme-attr layers (unified dark/light) */
.theme-toggle{background:var(--surface);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all .2s;flex-shrink:0}
.theme-toggle:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}
[data-theme="dark"] .icon-sun{display:inline}
[data-theme="dark"] .icon-moon{display:none}
:not([data-theme="dark"]) .icon-sun{display:none}
:not([data-theme="dark"]) .icon-moon{display:inline}
html[data-theme="dark"]{--brand:#10B981;--prize:#F59E0B}
html[data-theme="dark"]{--ink:#e2e8f0;--muted:#94a3b8;--line:#1e293b;--soft:#0f172a;--bg:#0b1220}
html[data-theme="dark"] body{background:#0b1220}
html[data-theme="dark"] .site-header{background:#060a14}
html[data-theme="dark"] nav a:hover{background:#1e293b}
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .facts-box,
html[data-theme="dark"] .faq-box{background:#0f172a}
html[data-theme="dark"] .pros{background:#052e16}
html[data-theme="dark"] .cons{background:#450a0a}
html[data-theme="dark"] .side-card li a,
html[data-theme="dark"] .fact{border-color:#1e293b}
html[data-theme="dark"] details{border-color:#1e293b}
html:not([data-theme="dark"]){--brand:#047857;--brand-dark:#065F46;--prize:#B45309;--prize-on-dark:#F59E0B;--wm-accent:#10B981;--font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--soft:#f8fafc;--bg:#fff;--radius:.75rem}
html:not([data-theme="dark"]){--anim-primary:#6366f1;--anim-accent:#a855f7;--anim-glow:rgba(99,102,241,.3);--anim-ease:cubic-bezier(.4,0,.2,1)}
html:not([data-theme="dark"]){--brand:#047857;--brand-dark:#065F46;--brand-soft:rgba(16,185,129,.13);
 --prize:#F59E0B;--prize-on-dark:#F59E0B;--wm-accent:#10B981;
 --font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:.75rem;
 --bg:#0a0e17;--panel:#0e1422;--surface:#121a2c;--surface-2:#172134;
 --soft:#141d30;--ink:#dde5f0;--ink-strong:#e9eff9;--muted:#93a4bd;
 --line:#22314c;--line-2:#2e4060;--on-accent:#f7fafc;
 --anim-primary:#047857;--anim-accent:#10B981;--anim-glow:rgba(16,185,129,.35);}
html:not([data-theme="dark"]){--brand: #047857; --brand-dark: #065F46; --brand-soft: rgba(4,120,87,.10); --prize: #B45309; --prize-on-dark: #F59E0B; --wm-accent: #10B981; --bg: #ffffff; --panel: #f1f5f9; --surface: #ffffff; --surface-2: #e9eef5; --soft: #f8fafc; --ink: #0f172a; --ink-strong: #0f172a; --muted: #475569; --line: #e2e8f0; --on-accent: #ffffff;}
html:not([data-theme="dark"]) body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}
html:not([data-theme="dark"]) body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;padding-left:264px;overflow-x:hidden}
@media(max-width:960px){html:not([data-theme="dark"]) body{padding-left:0}}
html:not([data-theme="dark"]) .site-header{background:#0b1220;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #1e293b}
html:not([data-theme="dark"]) .site-header{background:var(--panel);color:var(--ink);position:sticky;top:0;z-index:70;border-bottom:1px solid var(--line);box-shadow:0 6px 24px rgba(2,6,16,.45)}
html:not([data-theme="dark"]) nav a:hover{background:#1e293b;color:#fff;text-decoration:none}
html:not([data-theme="dark"]) .side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}
html:not([data-theme="dark"]) .facts-box{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin:1.5rem 0}
html:not([data-theme="dark"]) .faq-box{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin:1.5rem 0}
html:not([data-theme="dark"]) .pros{background:#f0fdf4}
html:not([data-theme="dark"]) .pros{background:rgba(16,185,129,.07)}
html:not([data-theme="dark"]) .cons{background:#fef2f2}
html:not([data-theme="dark"]) .cons{background:rgba(239,68,68,.07)}
html:not([data-theme="dark"]) .side-card li a{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem;color:var(--ink);padding:.4rem 0;border-bottom:1px solid var(--line)}
html:not([data-theme="dark"]) .side-card li a{display:flex;justify-content:space-between;gap:.75rem;font-size:.9rem;color:var(--ink);padding:.4rem 0;border-bottom:1px solid var(--line)}
html:not([data-theme="dark"]) .fact{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
html:not([data-theme="dark"]) .fact{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
html:not([data-theme="dark"]) details{border-bottom:1px solid var(--line);padding:.65rem 0}
html:not([data-theme="dark"]) .stat b,
html:not([data-theme="dark"]) .stats > span > b,
html:not([data-theme="dark"]) .stats > span.b > b{color: var(--ink);}
html:not([data-theme="dark"]) .status b,
html:not([data-theme="dark"]) .status > b{color: var(--ink);}
