:root,
html[data-theme="light"],html.theme-light{
  /* Light / white (default) */
  --bg:#f4f6fa;--bg2:#ffffff;--panel:#ffffff;--panel2:#f0f3f8;
  --line:#d8dee8;--line2:#c5cedc;
  --gold:#a8841a;--gold2:#8a6a12;--gold3:#c9a227;
  --text:#1a2332;--muted:#5a6b82;--dim:#7a8aa0;
  --good:#1a9f55;--warn:#c47a10;--bad:#c0392b;--blue:#2b6cb0;
  --radius:12px;--shadow:0 8px 28px rgba(26,35,50,.08);
  --topbar-bg:rgba(255,255,255,.92);
  --glow-a:rgba(201,162,39,.12);--glow-b:rgba(74,158,255,.08);
  --mark-fg:#0a0a0a;
}
html[data-theme="dark"],html.theme-dark{
  --bg:#060a11;--bg2:#0a101a;--panel:#0d1522;--panel2:#111b2c;
  --line:#1a2740;--line2:#243552;
  --gold:#c9a227;--gold2:#e8c547;--gold3:#f5d76e;
  --text:#e6edf7;--muted:#7f96b5;--dim:#5a7190;
  --good:#2fd67b;--warn:#f0a030;--bad:#e85d5d;--blue:#4a9eff;
  --shadow:0 8px 32px rgba(0,0,0,.45);
  --topbar-bg:rgba(6,10,17,.88);
  --glow-a:rgba(201,162,39,.09);--glow-b:rgba(74,158,255,.06);
  --mark-fg:#0a0a0a;
}
html[data-theme="light-gray"],html.theme-light-gray{
  --bg:#eceeef;--bg2:#f7f8f9;--panel:#ffffff;--panel2:#e8eaec;
  --line:#c9ced3;--line2:#b4bac1;
  --gold:#8a7350;--gold2:#6e5a3c;--gold3:#a89060;
  --text:#2a2e34;--muted:#5c6370;--dim:#7a8190;
  --good:#2a8f52;--warn:#b87a18;--bad:#b33a3a;--blue:#4a6fa5;
  --shadow:0 8px 24px rgba(42,46,52,.07);
  --topbar-bg:rgba(247,248,249,.95);
  --glow-a:rgba(138,115,80,.08);--glow-b:rgba(74,111,165,.06);
  --mark-fg:#1a1a1a;
}
html[data-theme="medium-gray"],html.theme-medium-gray{
  --bg:#9aa0a8;--bg2:#a8aeb6;--panel:#b8bec6;--panel2:#8e949c;
  --line:#7a8088;--line2:#6a7078;
  --gold:#c9a227;--gold2:#e0bc4a;--gold3:#f0d070;
  --text:#1a1d22;--muted:#3a4048;--dim:#4a5058;
  --good:#1a7a40;--warn:#9a6010;--bad:#9a3030;--blue:#3a5a80;
  --shadow:0 8px 24px rgba(26,29,34,.18);
  --topbar-bg:rgba(168,174,182,.94);
  --glow-a:rgba(201,162,39,.12);--glow-b:rgba(58,90,128,.1);
  --mark-fg:#0a0a0a;
}
html[data-theme="dark-gray"],html.theme-dark-gray{
  --bg:#2a2d32;--bg2:#32363c;--panel:#3a3f46;--panel2:#2f3339;
  --line:#4a5058;--line2:#5a616a;
  --gold:#c9a227;--gold2:#e0bc4a;--gold3:#f0d070;
  --text:#e8eaed;--muted:#a8aeb8;--dim:#8a909a;
  --good:#3ecf7a;--warn:#e0a040;--bad:#e07070;--blue:#6a9fd4;
  --shadow:0 8px 28px rgba(0,0,0,.35);
  --topbar-bg:rgba(42,45,50,.92);
  --glow-a:rgba(201,162,39,.1);--glow-b:rgba(106,159,212,.08);
  --mark-fg:#0a0a0a;
}
html[data-theme="pale-blue"],html.theme-pale-blue{
  --bg:#eef5fc;--bg2:#f7fbff;--panel:#ffffff;--panel2:#e8f1fa;
  --line:#c5d8ec;--line2:#a8c2de;
  --gold:#c9a227;--gold2:#8a6a12;--gold3:#d4b03a;
  --text:#1a3558;--muted:#4a6b8c;--dim:#6e8aa8;
  --good:#1a9f55;--warn:#c47a10;--bad:#c0392b;--blue:#3a7ec8;
  --shadow:0 8px 24px rgba(26,53,88,.08);
  --topbar-bg:rgba(247,251,255,.95);
  --glow-a:rgba(58,126,200,.1);--glow-b:rgba(201,162,39,.08);
  --mark-fg:#0a0a0a;
}
html[data-theme="medium-blue"],html.theme-medium-blue{
  --bg:#c8daf0;--bg2:#d6e4f5;--panel:#eef4fb;--panel2:#bfd0e8;
  --line:#9bb4d4;--line2:#7a9bc4;
  --gold:#a8841a;--gold2:#8a6a12;--gold3:#c9a227;
  --text:#0f2744;--muted:#2f5078;--dim:#4a6a90;
  --good:#1a8f4e;--warn:#b87010;--bad:#b03030;--blue:#1e6fd9;
  --shadow:0 8px 28px rgba(15,39,68,.12);
  --topbar-bg:rgba(214,228,245,.94);
  --glow-a:rgba(30,111,217,.14);--glow-b:rgba(201,162,39,.1);
  --mark-fg:#0a0a0a;
}
html[data-theme="dark-blue"],html.theme-dark-blue{
  /* Rich navy — clearly blue, not near-black */
  --bg:#143a7a;--bg2:#1a4a96;--panel:#2157ad;--panel2:#18448c;
  --line:#2f6bc4;--line2:#3d7dd6;
  --gold:#f0d070;--gold2:#f5e08a;--gold3:#ffe9a0;
  --text:#eef5ff;--muted:#a8c4ef;--dim:#7ea3de;
  --good:#3ee08a;--warn:#ffc04a;--bad:#ff7a7a;--blue:#8ec5ff;
  --shadow:0 8px 32px rgba(10,40,90,.45);
  --topbar-bg:rgba(20,58,122,.94);
  --glow-a:rgba(120,180,255,.22);--glow-b:rgba(240,208,112,.12);
  --mark-fg:#0a1628;
}
html[data-theme="cobalt-blue"],html.theme-cobalt-blue{
  /* From screenshot left swatch ~#0845c0 */
  --bg:#0639a8;--bg2:#0845c0;--panel:#0a52d8;--panel2:#0c5ee8;
  --line:#2a6ef0;--line2:#4a88ff;
  --gold:#f5e08a;--gold2:#ffe9a0;--gold3:#fff0b8;
  --text:#f2f7ff;--muted:#c5d8ff;--dim:#9bb8f5;
  --good:#3ee08a;--warn:#ffc04a;--bad:#ff8a8a;--blue:#9ec5ff;
  --shadow:0 8px 32px rgba(4,30,90,.4);
  --topbar-bg:rgba(8,69,192,.94);
  --glow-a:rgba(120,170,255,.28);--glow-b:rgba(245,224,138,.14);
  --mark-fg:#041530;
}
html[data-theme="midnight-navy"],html.theme-midnight-navy{
  /* From screenshot right swatch ~#000840 — deep navy, still blue */
  --bg:#000840;--bg2:#00105a;--panel:#001a72;--panel2:#000e50;
  --line:#1a2f8a;--line2:#2a48a8;
  --gold:#e8c547;--gold2:#f5d76e;--gold3:#ffe08a;
  --text:#e4ecff;--muted:#8aa0d8;--dim:#6a80b8;
  --good:#2fd67b;--warn:#f0a030;--bad:#e85d5d;--blue:#6a9eff;
  --shadow:0 8px 32px rgba(0,0,20,.55);
  --topbar-bg:rgba(0,8,64,.94);
  --glow-a:rgba(60,100,220,.2);--glow-b:rgba(232,197,71,.1);
  --mark-fg:#000820;
}

html[data-theme="ninja-blue"],html.theme-ninja-blue{
  /* NinjaTrader ML–inspired: bright blue chrome + white desk */
  --bg:#eef3f8;--bg2:#f7fafc;--panel:#ffffff;--panel2:#e8eef5;
  --line:#d0dae6;--line2:#b8c6d6;
  --gold:#e6b800;--gold2:#c9a000;--gold3:#f0d24a;
  --text:#1a2332;--muted:#5a6b82;--dim:#7a8aa0;
  --good:#16a34a;--warn:#ca8a04;--bad:#dc2626;--blue:#0073cf;
  --shadow:0 8px 28px rgba(0,60,120,.1);
  --topbar-bg:rgba(0,115,207,.96);
  --glow-a:rgba(0,115,207,.12);--glow-b:rgba(230,184,0,.08);
  --mark-fg:#ffffff;
}
html[data-theme="ninja-blue"] .topbar,
html.theme-ninja-blue .topbar{
  background:var(--topbar-bg);
  border-bottom:1px solid rgba(255,255,255,.18);
  color:#fff;
}
html[data-theme="ninja-blue"] .topbar a,
html.theme-ninja-blue .topbar a,
html[data-theme="ninja-blue"] .theme-label,
html.theme-ninja-blue .theme-label{
  color:rgba(255,255,255,.92);
}
html[data-theme="ninja-blue"] .theme-select,
html.theme-ninja-blue .theme-select,
html[data-theme="ninja-blue"] .bg-select,
html.theme-ninja-blue .bg-select,
html[data-theme="ninja-blue"] .layout-select,
html.theme-ninja-blue .layout-select,
html[data-theme="ninja-blue"] .equity-layout-select,
html.theme-ninja-blue .equity-layout-select,
html[data-theme="ninja-blue"] .market-layout-select,
html.theme-ninja-blue .market-layout-select{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}

html[data-theme="harbour-ink"],html.theme-harbour-ink{
  /* Deep ink desk + teal accent */
  --bg:#071218;--bg2:#0a1820;--panel:#0e1f2a;--panel2:#0c1a24;
  --line:#1a3544;--line2:#274a5c;
  --gold:#c9a227;--gold2:#e0bc4a;--gold3:#f0d070;
  --text:#e6f2f6;--muted:#7a9aaa;--dim:#5a7a88;
  --good:#2fd6a0;--warn:#f0a030;--bad:#e85d5d;--blue:#2ec4b6;
  --shadow:0 8px 32px rgba(0,10,16,.5);
  --topbar-bg:rgba(7,18,24,.92);
  --glow-a:rgba(46,196,182,.12);--glow-b:rgba(201,162,39,.08);
  --mark-fg:#041018;
}
html[data-theme="slate-steel"],html.theme-slate-steel{
  /* Cool mid slate desk */
  --bg:#3a4450;--bg2:#44505c;--panel:#4e5a68;--panel2:#3f4a56;
  --line:#5e6c7c;--line2:#6e7e90;
  --gold:#d4b45a;--gold2:#e8c878;--gold3:#f2d898;
  --text:#eef2f6;--muted:#b0bac6;--dim:#8e9aaa;
  --good:#4ecf8a;--warn:#e0a848;--bad:#e07878;--blue:#7a9ec8;
  --shadow:0 8px 28px rgba(20,28,36,.35);
  --topbar-bg:rgba(58,68,80,.94);
  --glow-a:rgba(122,158,200,.14);--glow-b:rgba(212,180,90,.1);
  --mark-fg:#1a2228;
}
html[data-theme="graphite-gold"],html.theme-graphite-gold{
  /* Charcoal + stronger gold */
  --bg:#141210;--bg2:#1c1a16;--panel:#242018;--panel2:#1a1814;
  --line:#3a3428;--line2:#4a4234;
  --gold:#e0b830;--gold2:#f0cc48;--gold3:#ffe066;
  --text:#f2ece0;--muted:#a89878;--dim:#7a7058;
  --good:#3ecf7a;--warn:#f0a030;--bad:#e85d5d;--blue:#8ab0d8;
  --shadow:0 8px 32px rgba(0,0,0,.5);
  --topbar-bg:rgba(20,18,16,.94);
  --glow-a:rgba(224,184,48,.16);--glow-b:rgba(138,176,216,.06);
  --mark-fg:#0a0804;
}
html[data-theme="arctic-mist"],html.theme-arctic-mist{
  /* Icy light blue-gray */
  --bg:#e8eef4;--bg2:#f4f7fa;--panel:#ffffff;--panel2:#e0e8f0;
  --line:#c4d0dc;--line2:#a8b8c8;
  --gold:#9a7a28;--gold2:#7a6018;--gold3:#b89030;
  --text:#1a2838;--muted:#4a6078;--dim:#6a8098;
  --good:#1a8f55;--warn:#b87010;--bad:#b03030;--blue:#4a88b8;
  --shadow:0 8px 24px rgba(26,40,56,.08);
  --topbar-bg:rgba(244,247,250,.96);
  --glow-a:rgba(74,136,184,.1);--glow-b:rgba(154,122,40,.06);
  --mark-fg:#0a1218;
}
html[data-theme="forest-desk"],html.theme-forest-desk{
  /* Dark green-black desk */
  --bg:#0a1210;--bg2:#0e1a16;--panel:#13241e;--panel2:#0f1c18;
  --line:#1e3a30;--line2:#2a5040;
  --gold:#c9a227;--gold2:#e0bc4a;--gold3:#f0d070;
  --text:#e4f0e8;--muted:#7a9a88;--dim:#5a7a68;
  --good:#3ee08a;--warn:#f0a030;--bad:#e85d5d;--blue:#5ab890;
  --shadow:0 8px 32px rgba(0,12,8,.5);
  --topbar-bg:rgba(10,18,16,.94);
  --glow-a:rgba(62,224,138,.1);--glow-b:rgba(201,162,39,.08);
  --mark-fg:#041008;
}
html[data-theme="ember-amber"],html.theme-ember-amber{
  /* Warm dark + amber glow */
  --bg:#140c08;--bg2:#1c120c;--panel:#261810;--panel2:#1a100c;
  --line:#3a2818;--line2:#4a3420;
  --gold:#f0a830;--gold2:#ffc04a;--gold3:#ffd870;
  --text:#f6eee4;--muted:#b09070;--dim:#887058;
  --good:#4ecf7a;--warn:#ffb040;--bad:#e87060;--blue:#88a8c8;
  --shadow:0 8px 32px rgba(20,8,0,.5);
  --topbar-bg:rgba(20,12,8,.94);
  --glow-a:rgba(240,168,48,.18);--glow-b:rgba(232,112,96,.08);
  --mark-fg:#100804;
}
html[data-theme="violet-night"],html.theme-violet-night{
  /* Deep purple navy */
  --bg:#0c0a18;--bg2:#12102a;--panel:#1a1638;--panel2:#141228;
  --line:#2a2650;--line2:#3a3670;
  --gold:#e0c060;--gold2:#f0d878;--gold3:#ffe898;
  --text:#ece8f8;--muted:#9a90c0;--dim:#706898;
  --good:#4ed89a;--warn:#f0a848;--bad:#e87890;--blue:#8a7ae0;
  --shadow:0 8px 32px rgba(8,4,24,.55);
  --topbar-bg:rgba(12,10,24,.94);
  --glow-a:rgba(138,122,224,.18);--glow-b:rgba(224,192,96,.1);
  --mark-fg:#080610;
}
html[data-theme="ocean-teal"],html.theme-ocean-teal{
  /* Teal-leaning dark desk */
  --bg:#061416;--bg2:#0a1c20;--panel:#0e282c;--panel2:#0a1e22;
  --line:#1a4048;--line2:#285860;
  --gold:#d4b050;--gold2:#e8c868;--gold3:#f5dc88;
  --text:#e4f4f4;--muted:#78a8a8;--dim:#588888;
  --good:#3ee0a8;--warn:#f0a848;--bad:#e87070;--blue:#30b8c8;
  --shadow:0 8px 32px rgba(0,12,16,.5);
  --topbar-bg:rgba(6,20,22,.94);
  --glow-a:rgba(48,184,200,.14);--glow-b:rgba(212,176,80,.08);
  --mark-fg:#041012;
}
html[data-theme="sand-paper"],html.theme-sand-paper{
  /* Warm parchment light */
  --bg:#f0e8d8;--bg2:#f8f2e6;--panel:#fffaf0;--panel2:#e8dcc8;
  --line:#d4c4a8;--line2:#c0ac88;
  --gold:#a8841a;--gold2:#8a6a12;--gold3:#c9a227;
  --text:#2a2418;--muted:#6a5a40;--dim:#8a7858;
  --good:#2a8f48;--warn:#b87010;--bad:#b03828;--blue:#4a7088;
  --shadow:0 8px 24px rgba(42,36,24,.1);
  --topbar-bg:rgba(248,242,230,.96);
  --glow-a:rgba(201,162,39,.12);--glow-b:rgba(74,112,136,.06);
  --mark-fg:#1a140c;
}
html[data-theme="terminal-green"],html.theme-terminal-green{
  /* Subtle matrix dark */
  --bg:#060a08;--bg2:#0a120e;--panel:#0e1a14;--panel2:#0a1410;
  --line:#1a3024;--line2:#284838;
  --gold:#a8c860;--gold2:#c0e078;--gold3:#d8f090;
  --text:#d8f0dc;--muted:#689880;--dim:#487060;
  --good:#40e880;--warn:#c8c040;--bad:#e06060;--blue:#48c888;
  --shadow:0 8px 32px rgba(0,12,6,.55);
  --topbar-bg:rgba(6,10,8,.94);
  --glow-a:rgba(64,232,128,.12);--glow-b:rgba(168,200,96,.06);
  --mark-fg:#040804;
}

html[data-theme="camera-navy"],html.theme-camera-navy{
  /* Trade Harbour navy — Design #03 camera / equity overlay */
  --bg:#0f172a;--bg2:#111827;--panel:#1e293b;--panel2:#162032;
  --line:#334155;--line2:#475569;
  --gold:#f59e0b;--gold2:#fbbf24;--gold3:#fcd34d;
  --text:#f1f5f9;--muted:#94a3b8;--dim:#64748b;
  --good:#34d399;--warn:#f59e0b;--bad:#f87171;--blue:#2563eb;
  --shadow:0 8px 32px rgba(2,6,23,.55);
  --topbar-bg:rgba(15,23,42,.94);
  --glow-a:rgba(37,99,235,.14);--glow-b:rgba(245,158,11,.10);
  --mark-fg:#020617;
}


html[data-theme="gray"],html.theme-gray{ /* alias → light-gray */
  --bg:#eceeef;--bg2:#f7f8f9;--panel:#ffffff;--panel2:#e8eaec;
  --line:#c9ced3;--line2:#b4bac1;
  --gold:#8a7350;--gold2:#6e5a3c;--gold3:#a89060;
  --text:#2a2e34;--muted:#5c6370;--dim:#7a8190;
  --good:#2a8f52;--warn:#b87a18;--bad:#b33a3a;--blue:#4a6fa5;
  --shadow:0 8px 24px rgba(42,46,52,.07);
  --topbar-bg:rgba(247,248,249,.95);
  --glow-a:rgba(138,115,80,.08);--glow-b:rgba(74,111,165,.06);
  --mark-fg:#1a1a1a;
}
html[data-theme="blue"],html.theme-blue{ /* alias → medium-blue */
  --bg:#c8daf0;--bg2:#d6e4f5;--panel:#eef4fb;--panel2:#bfd0e8;
  --line:#9bb4d4;--line2:#7a9bc4;
  --gold:#a8841a;--gold2:#8a6a12;--gold3:#c9a227;
  --text:#0f2744;--muted:#2f5078;--dim:#4a6a90;
  --good:#1a8f4e;--warn:#b87010;--bad:#b03030;--blue:#1e6fd9;
  --shadow:0 8px 28px rgba(15,39,68,.12);
  --topbar-bg:rgba(214,228,245,.94);
  --glow-a:rgba(30,111,217,.14);--glow-b:rgba(201,162,39,.1);
  --mark-fg:#0a0a0a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'IBM Plex Sans',system-ui,sans-serif;
  color:var(--text);min-height:100vh;line-height:1.45;
  background:
    radial-gradient(900px 480px at 8% -8%,var(--glow-a) 0%,transparent 55%),
    radial-gradient(700px 400px at 92% 0%,var(--glow-b) 0%,transparent 50%),
    linear-gradient(180deg,var(--bg2) 0%,var(--bg) 40%);
}
a{color:var(--gold2);text-decoration:none}
a:hover{color:var(--gold3)}
code,.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.topbar{
  border-bottom:1px solid var(--line);
  background:var(--topbar-bg);
  backdrop-filter:blur(10px);
  position:sticky;top:0;z-index:40;
}
.topbar-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:12px 0;flex-wrap:wrap;
}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--text)}
.logo-mark{
  width:28px;height:28px;border-radius:7px;
  background:linear-gradient(135deg,var(--gold),#8a6a12);
  display:grid;place-items:center;
  font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--mark-fg);
  box-shadow:0 0 16px var(--glow-a);
}
.nav{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0}
.nav a{
  color:var(--muted);font-size:11px;font-weight:500;
  padding:12px 12px;border-radius:8px;letter-spacing:.03em;text-transform:uppercase;
}
.nav a:hover{color:var(--gold2);background:rgba(201,162,39,.08)}
.nav a.on{color:var(--gold2);background:rgba(201,162,39,.12)}
.market-tabs{
  display:flex;gap:6px;flex-wrap:wrap;align-items:center;
  padding:10px 0 12px;border-bottom:1px solid var(--line);margin-bottom:8px;
}
.market-tabs a{
  font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  padding:8px 12px;border-radius:8px;color:var(--muted);
  border:1px solid transparent;background:transparent;
}
.market-tabs a:hover{color:var(--gold2);background:rgba(201,162,39,.08)}
.market-tabs a.on{
  color:#0a0a0a;background:linear-gradient(135deg,var(--gold),var(--gold2));
  box-shadow:0 4px 18px rgba(201,162,39,.28);
}
.hero{padding:28px 0 8px}
.hero-eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--gold);
  letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;
}
.hero h1{
  font-size:clamp(26px,4.2vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.15;
}
.hero h1 .accent{color:var(--gold2)}
.hero-sub{margin-top:12px;color:var(--muted);font-size:15px;max-width:780px}
.hero-meta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chip{
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  padding:5px 10px;border-radius:6px;
  border:1px solid var(--line2);color:var(--muted);background:var(--panel);
}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 8px}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.stats{grid-template-columns:1fr}}
.stat{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 18px;position:relative;overflow:hidden;
}
.stat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55;
}
.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-weight:500}
.stat .v{font-family:'IBM Plex Mono',monospace;font-size:22px;font-weight:600;margin-top:8px}
.stat .v.good{color:var(--good)}
.stat .v.gold{color:var(--gold2)}
.stat .v.dim{color:var(--muted)}
.stat .v.warn{color:var(--warn)}
.stat .s{font-size:12px;color:var(--muted);margin-top:4px}
section{margin:36px 0}
.sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:12px;flex-wrap:wrap;margin-bottom:14px;
}
.sec-head h2{
  font-size:18px;font-weight:700;letter-spacing:-.01em;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.sec-head h2 .tag,.sec-head .tag{
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:500;
  padding:3px 8px;border-radius:4px;background:rgba(201,162,39,.15);
  color:var(--gold2);letter-spacing:.06em;
}
.blurb,.lede{color:var(--muted);font-size:14px;max-width:820px}
.lede{margin-bottom:16px}
.lede code{color:var(--gold2);font-size:12.5px}
.formula{
  margin:14px 0 0;padding:12px 14px;border-radius:8px;
  background:rgba(201,162,39,.07);border:1px solid rgba(201,162,39,.22);
  font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--gold2);
}
.pill{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;
  padding:3px 8px;border-radius:999px;white-space:nowrap;
}
.pill.wired{background:rgba(47,214,123,.12);color:var(--good);border:1px solid rgba(47,214,123,.35)}
.pill.v6\.6-wired,.pill[class~="v6.6-wired"]{background:rgba(201,162,39,.14);color:var(--gold2);border:1px solid rgba(201,162,39,.4)}
.pill.v6\.7-wired,.pill[class~="v6.7-wired"]{background:rgba(74,158,255,.14);color:var(--blue);border:1px solid rgba(74,158,255,.4)}
.pill.v6\.8-wired,.pill[class~="v6.8-wired"]{background:rgba(245,215,110,.12);color:var(--gold3);border:1px solid rgba(245,215,110,.4)}
.pill.scaffold{background:rgba(90,113,144,.12);color:var(--muted);border:1px solid var(--line2)}
.pill.next{background:rgba(240,160,48,.12);color:var(--warn);border:1px solid rgba(240,160,48,.35)}
.pill.v6\.8\.3-wired,.pill[class~="v6.8.3-wired"]{background:rgba(55,230,212,.12);color:#37e6d4;border:1px solid rgba(55,230,212,.4)}
.pill.deferred{background:rgba(232,93,93,.1);color:var(--bad);border:1px solid rgba(232,93,93,.35)}

.filters{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin:8px 0 18px;
}
.filters input, .filters select, .field{
  background:var(--panel);border:1px solid var(--line2);
  color:var(--text);border-radius:8px;padding:9px 12px;
  font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:13px;
}
.filters input{flex:1;min-width:200px}
.filters input:focus,.filters select:focus,.field:focus{outline:none;border-color:var(--gold)}
.fbtn,.btn{
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
  padding:8px 12px;border-radius:999px;cursor:pointer;
  border:1px solid var(--line2);color:var(--muted);background:var(--panel);
}
.fbtn:hover,.fbtn.on,.btn:hover{border-color:var(--gold);color:var(--gold2)}
.fbtn.on{background:rgba(201,162,39,.12)}
.btn-primary{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#0a0a0a;border:none;padding:12px 22px;border-radius:10px;
  font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:700;
  cursor:pointer;letter-spacing:.04em;text-transform:uppercase;
  box-shadow:0 6px 22px rgba(201,162,39,.3);
}
.btn-primary:hover{filter:brightness(1.05)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.toc-pill{
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
  padding:7px 12px;border-radius:999px;
  border:1px solid var(--line2);color:var(--muted);background:var(--panel);
}
.toc-pill:hover{border-color:var(--gold);color:var(--gold2)}
.toc-pill .n{opacity:.7;margin-left:6px;font-size:10px}
.board-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.table-scroll{overflow-x:auto}
table.board{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}
table.board th{
  text-align:left;padding:11px 12px;font-size:10px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--dim);background:var(--panel2);border-bottom:1px solid var(--line);
}
table.board td{
  padding:10px 12px;border-bottom:1px solid var(--line);
  vertical-align:top;font-size:12.5px;
}
table.board td.def, table.board code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px}
table.board code{color:var(--gold2)}
table.board .notes{color:var(--muted);font-size:12px;max-width:360px}
table.board tr:hover td{background:rgba(201,162,39,.04)}
.chip-row{display:flex;gap:6px;flex-wrap:wrap}
.hidden{display:none !important}
.empty-note{padding:20px;color:var(--muted);text-align:center}
footer{
  margin-top:48px;padding:24px 0 40px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:12px;color:var(--dim);
}
footer .links{display:flex;gap:14px;flex-wrap:wrap}

/* TradeDeskLive 117-group dense folds */
details.param-fold{
  background:var(--panel);border:1px solid var(--line);border-radius:10px;
  margin:0 0 6px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.2);
}
details.param-fold[open]{border-color:rgba(201,162,39,.35);margin-bottom:8px}
details.param-fold.deferred-fold{border-color:rgba(232,93,93,.25);opacity:.92}
details.param-fold.scaffold-fold{opacity:.88}
details.param-fold > summary{
  list-style:none;cursor:pointer;padding:8px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  user-select:none;
}
details.param-fold > summary::-webkit-details-marker{display:none}
details.param-fold > summary .fold-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;flex:1}
details.param-fold > summary .fold-num{
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;
  color:#0a0a0a;background:linear-gradient(135deg,var(--gold),var(--gold2));
  padding:2px 7px;border-radius:5px;letter-spacing:.04em;flex:0 0 auto;
}
details.param-fold.deferred-fold > summary .fold-num{background:linear-gradient(135deg,#8a3030,#e85d5d)}
details.param-fold.scaffold-fold > summary .fold-num{background:linear-gradient(135deg,#3a4a60,#5a7190);color:#e6edf7}
details.param-fold > summary .fold-title{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(620px,58vw)}
details.param-fold > summary .fold-meta{color:var(--dim);font-size:11px;font-weight:600}
details.param-fold > summary .chip-row{gap:4px}
details.param-fold > summary .chip-row .pill{font-size:9px;padding:2px 6px}
details.param-fold > summary .chev{
  font-family:'IBM Plex Mono',monospace;color:var(--gold);font-size:13px;
  transition:transform .15s ease;flex:0 0 auto;
}
details.param-fold[open] > summary .chev{transform:rotate(90deg)}
.fold-body{padding:0 12px 12px}
.fold-blurb{color:var(--muted);font-size:12px;margin:2px 0 8px}
.fold-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
#folds{margin-top:4px}
.toc{max-height:120px;overflow:auto;padding-bottom:4px}
.toc-pill{font-size:10px;padding:5px 9px}

.legend{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:720px){.legend{grid-template-columns:1fr}}
.legend-card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 18px;
}
.legend-card h3{font-size:14px;margin:8px 0 6px}
.legend-card p{color:var(--muted);font-size:13px}
.layers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(max-width:800px){.layers{grid-template-columns:1fr}}
.layer{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 18px 16px;position:relative;overflow:hidden;
}
.layer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));opacity:.7;
}
.layer .n{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.layer h3{margin:6px 0 8px;font-size:16px}
.layer p{color:var(--muted);font-size:13px}
.layer ul{margin:10px 0 0 18px;color:var(--text);font-size:13px}
.layer li{margin:4px 0}
.layer code{font-size:12px;color:var(--gold2)}
.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:800px){.next-grid{grid-template-columns:1fr}}
.next-card{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;
}
.next-card .step{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.next-card h3{margin:6px 0 8px;font-size:15px}
.next-card p{color:var(--muted);font-size:13px}
.scaffold-list{columns:2;gap:24px;margin:8px 0 0 18px;font-size:13px}
@media(max-width:720px){.scaffold-list{columns:1}}
.scaffold-list li{break-inside:avoid;margin:6px 0}
.scaffold-list .muted{color:var(--dim);font-size:12px}

/* Lab */
.strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 18px}
@media(max-width:900px){.strip{grid-template-columns:repeat(2,1fr)}}
.strip label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:6px}
.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.metrics{grid-template-columns:repeat(2,1fr)}}
.metric{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;
  position:relative;
}
.metric .ex{position:absolute;top:8px;right:8px;font-size:9px;letter-spacing:.08em;color:var(--warn);text-transform:uppercase;font-family:'IBM Plex Mono',monospace}
.metric .k{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}
.metric .v{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:600;margin-top:8px;color:var(--gold2)}
.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.compare{grid-template-columns:1fr}}
.slot{
  background:var(--panel);border:1px dashed var(--line2);border-radius:var(--radius);padding:16px;
  min-height:180px;
}
.slot.filled{border-style:solid;border-color:rgba(201,162,39,.35)}
.slot .slot-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.slot .slot-h strong{font-size:14px}
.horizon{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.horizon .fbtn{padding:5px 10px}
.cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 20px}
.cta-note{color:var(--muted);font-size:13px;max-width:520px}
.example-banner{
  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10px;
  padding:4px 8px;border-radius:4px;background:rgba(240,160,48,.12);color:var(--warn);
  border:1px solid rgba(240,160,48,.35);letter-spacing:.08em;text-transform:uppercase;
}



/* ---- Theme switcher (dropdown) ---- */
.theme-switch{
  display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;
  flex:0 0 auto;position:relative;z-index:50;
}
.theme-switch .theme-label{
  font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--dim);font-weight:600;white-space:nowrap;
}
.theme-select,
.bg-select,
.layout-select,
.equity-layout-select,
.market-layout-select,
.btn-select{
  font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;
  padding:7px 12px;border-radius:8px;cursor:pointer;
  border:1px solid var(--line2);color:var(--text);background:var(--panel);
  letter-spacing:.02em;min-width:148px;max-width:200px;
  position:relative;z-index:51;
  pointer-events:auto;
}
.theme-select:hover,.theme-select:focus,.bg-select:hover,.bg-select:focus,.layout-select:hover,.layout-select:focus,
.equity-layout-select:hover,.equity-layout-select:focus,
.market-layout-select:hover,.market-layout-select:focus{
  border-color:var(--gold);outline:2px solid rgba(201,162,39,.25);outline-offset:1px;
}
.theme-select option,
.bg-select option,
.layout-select option,
.equity-layout-select option,
.market-layout-select option{background:var(--panel);color:var(--text)}
.topbar-inner{position:relative;z-index:45}
.topbar-inner .theme-switch{order:2}
.topbar-inner .live-pill{order:3}
.topbar-inner .nav{order:1;flex:1 1 auto}


/* ---- Background overlay (addition to Theme) ----
   data-bg overrides surfaces (+ text on light washes) so dark themes
   like Forest desk can sit on a lighter page without losing accents. */
html[data-bg="theme"],html.bg-theme{ /* keep theme surfaces */ }

html[data-bg="soft-white"],html.bg-soft-white{
  --bg:#f7f8fa;--bg2:#ffffff;--panel:#ffffff;--panel2:#eef1f5;
  --line:#d5dae3;--line2:#c4cad6;
  --text:#1a2332;--muted:#5a6b82;--dim:#7a8aa0;
  --topbar-bg:rgba(247,248,250,.96);--mark-fg:#0a0a0a;
}
html[data-bg="chalk"],html.bg-chalk{
  --bg:#fafafa;--bg2:#ffffff;--panel:#ffffff;--panel2:#f2f2f2;
  --line:#e0e0e0;--line2:#d0d0d0;
  --text:#1c1c1c;--muted:#5c5c5c;--dim:#7a7a7a;
  --topbar-bg:rgba(250,250,250,.96);--mark-fg:#0a0a0a;
}
html[data-bg="paper"],html.bg-paper{
  --bg:#f5f2ea;--bg2:#fcfaf5;--panel:#fffdf8;--panel2:#ebe6da;
  --line:#ddd4c4;--line2:#cfc4b0;
  --text:#2a2418;--muted:#6a5e48;--dim:#8a7c62;
  --topbar-bg:rgba(245,242,234,.96);--mark-fg:#1a1408;
}
html[data-bg="cream"],html.bg-cream{
  --bg:#faf6e9;--bg2:#fffdf5;--panel:#fffef8;--panel2:#f0e9d4;
  --line:#e4d9b8;--line2:#d4c6a0;
  --text:#2c2614;--muted:#6e6140;--dim:#8a7a52;
  --topbar-bg:rgba(250,246,233,.96);--mark-fg:#1a1408;
}
html[data-bg="linen"],html.bg-linen{
  --bg:#f4efe6;--bg2:#faf7f0;--panel:#fffcf6;--panel2:#e8e0d2;
  --line:#d8cebc;--line2:#c8bca8;
  --text:#2a241c;--muted:#6a5e50;--dim:#887868;
  --topbar-bg:rgba(244,239,230,.96);--mark-fg:#14100a;
}
html[data-bg="warm-sand"],html.bg-warm-sand{
  --bg:#f3ebe0;--bg2:#faf4ec;--panel:#fff9f1;--panel2:#e6d8c6;
  --line:#d6c4ae;--line2:#c4b098;
  --text:#2c2216;--muted:#6e5a42;--dim:#8a7258;
  --topbar-bg:rgba(243,235,224,.96);--mark-fg:#181208;
}
html[data-bg="soft-gray"],html.bg-soft-gray{
  --bg:#eceef1;--bg2:#f5f6f8;--panel:#ffffff;--panel2:#e2e5ea;
  --line:#c9ced6;--line2:#b4bac4;
  --text:#222830;--muted:#5a6370;--dim:#7a8490;
  --topbar-bg:rgba(236,238,241,.96);--mark-fg:#0a0a0a;
}
html[data-bg="cool-gray"],html.bg-cool-gray{
  --bg:#e4e8ee;--bg2:#eef2f6;--panel:#f8fafc;--panel2:#d8dee6;
  --line:#c0c8d2;--line2:#aab4c0;
  --text:#1e2834;--muted:#546070;--dim:#748090;
  --topbar-bg:rgba(228,232,238,.96);--mark-fg:#0a0a0a;
}
html[data-bg="mist"],html.bg-mist{
  --bg:#e8eef2;--bg2:#f2f6f8;--panel:#fafcfd;--panel2:#dce6ec;
  --line:#c2d0d8;--line2:#a8bac4;
  --text:#1c2830;--muted:#506070;--dim:#708088;
  --topbar-bg:rgba(232,238,242,.96);--mark-fg:#0a0a0a;
}
html[data-bg="ice"],html.bg-ice{
  --bg:#eef6f8;--bg2:#f6fbfc;--panel:#ffffff;--panel2:#e0eef2;
  --line:#c4dce2;--line2:#a8c8d0;
  --text:#183038;--muted:#4a6870;--dim:#6a8890;
  --topbar-bg:rgba(238,246,248,.96);--mark-fg:#0a1012;
}
html[data-bg="pale-sky"],html.bg-pale-sky{
  --bg:#e8f1fa;--bg2:#f3f8fd;--panel:#ffffff;--panel2:#d8e6f4;
  --line:#b8cce0;--line2:#9cb6d0;
  --text:#1a3048;--muted:#4a6888;--dim:#6a88a8;
  --topbar-bg:rgba(232,241,250,.96);--mark-fg:#0a1520;
}
html[data-bg="soft-blue"],html.bg-soft-blue{
  --bg:#dde8f5;--bg2:#eaf1f9;--panel:#f5f9fd;--panel2:#ccdced;
  --line:#aec4dc;--line2:#92aecc;
  --text:#162840;--muted:#406080;--dim:#6080a0;
  --topbar-bg:rgba(221,232,245,.96);--mark-fg:#0a1420;
}
html[data-bg="pale-mint"],html.bg-pale-mint{
  --bg:#e8f5ef;--bg2:#f2faf6;--panel:#fafffc;--panel2:#d6ebe0;
  --line:#b4d8c4;--line2:#96c4ac;
  --text:#143028;--muted:#3e6a58;--dim:#5e8a74;
  --topbar-bg:rgba(232,245,239,.96);--mark-fg:#081810;
}
html[data-bg="soft-sage"],html.bg-soft-sage{
  --bg:#e4efe6;--bg2:#eef6f0;--panel:#f6fbf7;--panel2:#d0e0d4;
  --line:#b0c8b6;--line2:#94b09c;
  --text:#1a2c1e;--muted:#4a6850;--dim:#6a8870;
  --topbar-bg:rgba(228,239,230,.96);--mark-fg:#0a140c;
}
html[data-bg="soft-teal"],html.bg-soft-teal{
  --bg:#e2f2f0;--bg2:#eef8f6;--panel:#f6fcfb;--panel2:#cce6e2;
  --line:#a8d0ca;--line2:#8cb8b0;
  --text:#143430;--muted:#3a6860;--dim:#5a8880;
  --topbar-bg:rgba(226,242,240,.96);--mark-fg:#081816;
}
html[data-bg="soft-lavender"],html.bg-soft-lavender{
  --bg:#ece8f5;--bg2:#f5f2fb;--panel:#fbf9ff;--panel2:#ddd6ee;
  --line:#c4b8dc;--line2:#a898c8;
  --text:#241838;--muted:#584878;--dim:#786898;
  --topbar-bg:rgba(236,232,245,.96);--mark-fg:#100818;
}
html[data-bg="soft-lilac"],html.bg-soft-lilac{
  --bg:#f0e6f5;--bg2:#f8f0fb;--panel:#fdf8ff;--panel2:#e2d0ea;
  --line:#d0b8d8;--line2:#b898c4;
  --text:#2c1834;--muted:#684870;--dim:#886890;
  --topbar-bg:rgba(240,230,245,.96);--mark-fg:#140818;
}
html[data-bg="soft-peach"],html.bg-soft-peach{
  --bg:#f8ebe4;--bg2:#fcf4ef;--panel:#fff9f6;--panel2:#ecd8cc;
  --line:#e0c4b4;--line2:#cca890;
  --text:#342018;--muted:#705040;--dim:#907060;
  --topbar-bg:rgba(248,235,228,.96);--mark-fg:#180c08;
}
html[data-bg="soft-rose"],html.bg-soft-rose{
  --bg:#f6e8ec;--bg2:#fbf2f5;--panel:#fff8fa;--panel2:#ead4dc;
  --line:#dcb8c4;--line2:#c498a8;
  --text:#341820;--muted:#704858;--dim:#906878;
  --topbar-bg:rgba(246,232,236,.96);--mark-fg:#180810;
}
/* Milder dark lifts — keep dark text scheme of theme but raise floor */
html[data-bg="slate-lift"],html.bg-slate-lift{
  --bg:#2a3038;--bg2:#343c46;--panel:#3e4854;--panel2:#323a44;
  --line:#505a68;--line2:#626c7a;
  --text:#e8eef4;--muted:#a0aebc;--dim:#8090a0;
  --topbar-bg:rgba(42,48,56,.94);--mark-fg:#0a0a0a;
}
html[data-bg="navy-lift"],html.bg-navy-lift{
  --bg:#1a2740;--bg2:#223352;--panel:#2a4064;--panel2:#1e3050;
  --line:#3a5080;--line2:#4a64a0;
  --text:#e4ecf8;--muted:#90a8c8;--dim:#7088a8;
  --topbar-bg:rgba(26,39,64,.94);--mark-fg:#0a1020;
}
html[data-bg="forest-lift"],html.bg-forest-lift{
  --bg:#1a2e26;--bg2:#243a30;--panel:#2e4a3c;--panel2:#22362c;
  --line:#3a5a4a;--line2:#4a7060;
  --text:#e4f0e8;--muted:#90b0a0;--dim:#709080;
  --topbar-bg:rgba(26,46,38,.94);--mark-fg:#041008;
}
html[data-bg="charcoal-lift"],html.bg-charcoal-lift{
  --bg:#2a2e32;--bg2:#34383c;--panel:#3e4448;--panel2:#32363a;
  --line:#505458;--line2:#62666a;
  --text:#e8eaed;--muted:#a8aeb4;--dim:#888e94;
  --topbar-bg:rgba(42,46,50,.94);--mark-fg:#0a0a0a;
}

.bg-switch{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}
/* .bg-select base paint lives with .theme-select */
.bg-chip-strip{display:none !important}


/* Theme + Background on one row */
.theme-bg-row{
  display:inline-flex;
  align-items:center;
  gap:14px;
  flex-wrap:nowrap;
  margin-left:auto;
  flex:0 0 auto;
  position:relative;
  z-index:50;
}
.theme-bg-row .theme-switch,
.theme-bg-row .bg-switch{
  margin-left:0 !important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
}
.theme-bg-row .theme-select,
.theme-bg-row .bg-select{
  min-width:140px;
  max-width:190px;
}

.theme-bg-row .layout-switch{
  margin-left:0 !important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
  padding:0;
  border:none;
  background:transparent;
}
.theme-bg-row .layout-switch .layout-k,
.theme-bg-row .layout-switch .theme-label{
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted,#94a3b8);padding:0;
}
.theme-bg-row .layout-select,
.theme-bg-row .equity-layout-select,
.theme-bg-row .market-layout-select{
  min-width:140px;
  max-width:190px;
  font-family:inherit;
  font-size:12px;
  font-weight:600;
  padding:7px 12px;
  border-radius:8px;
  cursor:pointer;
  border:1px solid var(--line2,var(--line,#334155));
  color:var(--text);
  background:var(--panel);
}
.theme-bg-row .layout-select:hover,
.theme-bg-row .layout-select:focus,
.theme-bg-row .equity-layout-select:hover,
.theme-bg-row .equity-layout-select:focus,
.theme-bg-row .market-layout-select:hover,
.theme-bg-row .market-layout-select:focus{
  border-color:var(--blue,#2563eb);
  outline:2px solid color-mix(in srgb, var(--blue,#2563eb) 25%, transparent);
  outline-offset:1px;
}
.theme-bg-row .bg-select{
  min-width:140px;
  max-width:190px;
  font-size:12px;
  font-weight:600;
  padding:7px 12px;
  border-radius:8px;
  cursor:pointer;
  border:1px solid var(--line2,var(--line,#334155));
  color:var(--text);
  background:var(--panel);
}

/* chips sit on their own row under the controls */
.bg-chip-strip{display:none !important}
.top:has(.theme-bg-row),
.topbar-inner:has(.theme-bg-row){
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
}
.look-switch{
  flex-basis:100%;
  order:50;
}


/* Width — fourth chrome control in theme-bg-row */
.theme-bg-row{
  flex-wrap:wrap;
  row-gap:8px;
}
.theme-bg-row .width-switch,
.theme-bg-row .width-ctl{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
}
.theme-bg-row .width-k,
.theme-bg-row .width-ctl{
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted,#94a3b8);
}
.theme-bg-row .width-select,
.width-select{
  min-width:148px;max-width:210px;
  font:600 12px/1.2 system-ui,sans-serif;
  padding:7px 12px;border-radius:8px;cursor:pointer;
  border:1px solid var(--line2,var(--line,#334155));
  color:var(--text);background:var(--panel);
}
.theme-bg-row .width-select:hover,
.theme-bg-row .width-select:focus,
.width-select:hover,.width-select:focus{
  border-color:var(--blue,#2563eb);
  outline:2px solid color-mix(in srgb,var(--blue,#2563eb) 25%,transparent);
  outline-offset:1px;
}
html[data-page-width]:not([data-page-width="full"]) body{
  /* classic pages: body is the shell */
}


/* Chrome row: Theme · Background · Button · Width · Layout */
.theme-bg-row{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.theme-bg-row .theme-switch:not(.bg-switch):not(.btn-switch){order:1}
.theme-bg-row .bg-switch{order:2}
.theme-bg-row .btn-switch{order:3;margin:0;display:inline-flex;align-items:center;gap:6px}
.theme-bg-row .width-switch,
.theme-bg-row .width-ctl{order:4;margin-left:0}
.theme-bg-row .layout-switch,
.theme-bg-row .market-layouts-switch,
.theme-bg-row .equity-layouts-switch,
.theme-bg-row .layout-pick{order:5}

.theme-bg-row .btn-select{
  min-width:132px;max-width:180px;
  font:600 12px/1.2 inherit;
  padding:7px 12px;border-radius:8px;cursor:pointer;
  border:1px solid var(--line2,var(--line,#334155));
  color:var(--text);background:var(--panel);
  -webkit-appearance:none;appearance:none;color-scheme:dark;
}
.theme-bg-row .btn-select:hover,
.theme-bg-row .btn-select:focus{
  border-color:var(--btn,var(--gold,#c9a227));
  outline:2px solid color-mix(in srgb, var(--btn,var(--gold,#c9a227)) 25%, transparent);
  outline-offset:1px;
}
.theme-bg-row .btn-select option{background:var(--panel);color:var(--text)}

/* Hide chrome inside embed/iframe previews */
html[data-dsg-embed="1"] .theme-bg-row,
html[data-dsg-embed="1"] .theme-switch,
html[data-dsg-embed="1"] .bg-switch,
html[data-dsg-embed="1"] .btn-switch,
html[data-dsg-embed="1"] .layout-switch,
html[data-dsg-embed="1"] .width-switch,
html[data-dsg-embed="1"] .width-ctl { display:none !important }


/* Strategies filter row — sits between Look and market tabs */
.strategy-tabs{
  display:flex;gap:6px;flex-wrap:wrap;align-items:center;
  padding:12px 0 4px;margin:4px 0 0;border-bottom:none;
}
.strategy-tabs a{
  font-family:'IBM Plex Sans',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;
  padding:9px 16px;border-radius:8px;color:var(--muted);
  border:1px solid transparent;background:transparent;
}
.strategy-tabs a:hover{color:var(--btn2,var(--gold2));background:color-mix(in srgb,var(--btn,var(--gold)) 12%, transparent)}
.strategy-tabs a.on{
  color:var(--btn-ink,#0a0a0a);background:linear-gradient(135deg,var(--btn,var(--gold)),var(--btn2,var(--gold2)));
  border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--btn,var(--gold)) 30%, transparent);
}
/* Space between Look · Strategies · Markets */
.look-switch{margin-bottom:14px !important}
.market-tabs{margin-top:14px;padding-top:14px;border-top:1px solid var(--line,rgba(255,255,255,.08))}

/* Sym pills — alive (/dev only override) */
.symbol-rail{
  gap:10px !important;
  margin:22px 0 14px !important;
}
.symbol-rail .lbl{
  font-size:12px !important;
  letter-spacing:.12em !important;
  color:#7dd3fc !important;
  margin-right:8px !important;
}
.sym-pill{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.02em;
  padding:10px 16px !important;
  border-radius:999px !important;
  cursor:pointer;
  border:1px solid rgba(56,189,248,.28) !important;
  color:#e2e8f0 !important;
  background:linear-gradient(165deg, rgba(56,189,248,.16), rgba(14,165,233,.06)) !important;
  box-shadow:0 0 0 1px rgba(56,189,248,.06), 0 4px 14px rgba(0,0,0,.25);
  transition:transform .12s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.sym-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(125,211,252,.55) !important;
  color:#fff !important;
  background:linear-gradient(165deg, rgba(56,189,248,.28), rgba(14,165,233,.12)) !important;
  box-shadow:0 6px 18px rgba(14,165,233,.22);
}
.sym-pill.on{
  color:#0a0a0a !important;
  background:linear-gradient(135deg,#38bdf8,#0ea5e9) !important;
  border-color:transparent !important;
  box-shadow:0 0 0 1px rgba(56,189,248,.35), 0 8px 22px rgba(14,165,233,.4);
}
.sym-pill.on:hover{
  transform:translateY(-1px);
  color:#0a0a0a !important;
}
.sym-pill .n{
  display:inline-block;
  margin-left:8px !important;
  padding:2px 7px;
  border-radius:999px;
  font-size:11px !important;
  font-weight:700 !important;
  opacity:1 !important;
  background:rgba(15,23,42,.35);
  color:#bae6fd;
  vertical-align:1px;
}
.sym-pill.on .n{
  background:rgba(10,10,10,.22);
  color:#0a0a0a;
}

/* Top nav — more vertical padding on link labels */
.topbar .nav a,
.topbar-inner .nav a{
  padding-top:12px !important;
  padding-bottom:12px !important;
  padding-left:12px !important;
  padding-right:12px !important;
}
.topbar .nav,
.topbar-inner .nav{
  padding-top:6px;
  padding-bottom:6px;
  row-gap:8px;
}