/* Page-scoped redesign. The original component layouts remain as a fallback. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --bg-2: #f7f8fa;
  --paper: #ffffff;
  --panel: #f1f3f7;
  --panel-2: #f7f8fa;
  --surface: #ffffff;
  --surface-2: #f1f3f7;
  --border: #d6dbe3;
  --border-strong: #bdc5d1;
  --line: #d6dbe3;
  --line-strong: #bdc5d1;
  --text: #191c22;
  --muted: #535c69;
  --muted-2: #626c79;
  --blue: #253fc7;
  --accent: #253fc7;
  --green: #4e8b75;
  --green-strong: #1e6d52;
  --red: #b57886;
  --red-strong: #a34560;
  --amber: #7b8491;
  --amber-strong: #5f6a79;
  --green-soft: #edf7f2;
  --red-soft: #fbeff2;
  --green-emphasis: #d8eee3;
  --red-emphasis: #f5dfe6;
  --accent-soft: #edf1ff;
  --amber-soft: #f1f3f7;
  --track: #e4e8ef;
  --accent-fill: #253fc7;
  --accent-text: #ffffff;
  --masthead: #111215;
  --masthead-text: #ffffff;
  --font-ui: "Roboto", Arial, sans-serif;
  --font-display: "League Gothic", "Arial Narrow", sans-serif;
  --font-mono: "Roboto Mono", monospace;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0d0f;
  --bg-2: #101419;
  --paper: #0b0d0f;
  --panel: #12161a;
  --panel-2: #101419;
  --surface: #0b0d0f;
  --surface-2: #12161a;
  --border: #26303a;
  --border-strong: #3c4856;
  --line: #26303a;
  --line-strong: #3c4856;
  --text: #d4dbe3;
  --muted: #9aa5b2;
  --muted-2: #8f9ba9;
  --blue: #89a9d5;
  --accent: #89a9d5;
  --green: #5d927c;
  --green-strong: #8cd4b0;
  --red: #b8798a;
  --red-strong: #e39daf;
  --amber: #919cab;
  --amber-strong: #a0adbd;
  --green-soft: #14241d;
  --red-soft: #2b1b22;
  --green-emphasis: #1c3428;
  --red-emphasis: #40242f;
  --accent-soft: #182433;
  --amber-soft: #181e25;
  --track: #202932;
  --accent-fill: #23384f;
  --accent-text: #d2e1f5;
  --masthead: #12161a;
  --masthead-text: #d4dbe3;
}
html { background: var(--bg); scroll-padding-top: 80px; scroll-behavior: smooth; }
body.mr-redesign { margin: 0 !important; padding: 0 !important; background: var(--bg) !important; color: var(--text) !important; font: 14px/1.5 var(--font-ui) !important; overflow-x: clip; }
body.mr-redesign *, body.mr-redesign *::before, body.mr-redesign *::after { letter-spacing: 0 !important; box-sizing: border-box; }
body.mr-redesign::before, body.mr-redesign::after { display: none !important; }
body.mr-redesign [hidden] { display: none !important; }
body.mr-redesign button, body.mr-redesign input, body.mr-redesign select { font-family: var(--font-ui) !important; }
body.mr-redesign :is(button, a, input, select):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
body.mr-redesign :is(button, a) { touch-action: manipulation; }
body.mr-redesign :is(h1, h2, h3) { font-family: var(--font-display) !important; font-weight: 400 !important; text-transform: uppercase; color: var(--text) !important; line-height: 1.1 !important; margin: 0; }
body.mr-redesign h2 { font-size: 28px !important; }
body.mr-redesign h3 { font: 600 18px/1.3 var(--font-ui) !important; text-transform: none !important; }
body.mr-redesign :is(.num, .font-mono, .metric-value, .table-num) { font-family: var(--font-ui) !important; font-variant-numeric: tabular-nums; }
body.mr-redesign .shell, .mr-inner { width: min(1480px, calc(100% - 64px)) !important; max-width: none !important; margin: 0 auto !important; }
body.mr-redesign .shell { padding: 0 0 56px !important; background: var(--bg) !important; }
.mr-skip { position: fixed; z-index: 100; top: -60px; left: 20px; padding: 10px 18px; background: var(--bg); color: var(--blue); }
.mr-skip:focus { top: 10px; }
.mr-header { position: relative; z-index: 60; background: var(--masthead); color: var(--masthead-text); }
.mr-header > .mr-inner { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #383e47; }
.mr-brand { display: flex; align-items: center; gap: 18px; font: 32px/1 var(--font-display); }
.mr-brand span { max-width: 100px; border-left: 1px solid #777b83; padding-left: 18px; font: 11px/1.5 var(--font-ui); text-transform: uppercase; }
.mr-header-actions { display: flex; align-items: center; gap: 28px; font-size: 12px; font-weight: 600; }
.mr-header-actions > a:hover { text-decoration: underline; text-underline-offset: 5px; }
.mr-header-actions button { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; padding: 0; border: 1px solid #505962; color: var(--masthead-text); background: transparent; cursor: pointer; }
.mr-header-actions button:hover { background: #ffffff10; }
.mr-header-actions svg { grid-area: 1/1; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#theme-toggle .theme-sun, [data-theme="dark"] #theme-toggle .theme-moon { display: none; }
[data-theme="dark"] #theme-toggle .theme-sun { display: block; }
body.mr-redesign #nav-rail { position: fixed !important; top: 78px !important; right: 0 !important; left: auto !important; bottom: auto !important; z-index: 70 !important; width: min(360px, 100%) !important; height: auto !important; max-height: calc(100dvh - 78px); padding: 20px !important; overflow-y: auto; background: var(--masthead) !important; border: 1px solid #383e47 !important; border-radius: 0 !important; box-shadow: 0 14px 28px #0002 !important; transform: none !important; }
body.mr-redesign .nav-brand { display: none !important; }
body.mr-redesign .nav-links { display: grid !important; padding: 0 !important; gap: 0 !important; }
body.mr-redesign .nav-link { display: flex !important; justify-content: flex-start !important; width: 100% !important; min-height: 44px !important; padding: 10px !important; gap: 14px !important; border: 0 !important; border-bottom: 1px solid #383e47 !important; border-radius: 0 !important; color: #d4dbe3 !important; }
body.mr-redesign .nav-link span { display: inline !important; opacity: 1 !important; visibility: visible !important; width: auto !important; font-size: 13px !important; }
body.mr-redesign .nav-link svg { flex: 0 0 18px; width: 18px; height: 18px; }
body.mr-redesign .nav-link:hover, body.mr-redesign .nav-link.active { background: #23384f !important; }
.mr-masthead { background: var(--masthead); color: var(--masthead-text); padding: 24px 0; }
.mr-masthead .mr-inner { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }
.mr-eyebrow { font-size: 11px; font-weight: 500; text-transform: uppercase; color: #aeb9ca; margin-bottom: 10px; }
body.mr-redesign .mr-masthead h1 { color: var(--masthead-text) !important; font-size: 58px !important; }
.mr-masthead p { color: #bfc7d2; font-size: 15px; margin: 12px 0 0; }
.mr-masthead-meta { display: grid; justify-items: end; gap: 9px; flex-shrink: 0; font-size: 12px; color: #bac3d0; padding-bottom: 3px; }
.mr-load-state { display: flex; align-items: center; gap: 9px; }
body.mr-redesign .dot { width: 6px; height: 6px; background: #89a9d5; animation: none !important; box-shadow: none !important; }
.mr-section-nav { position: sticky; top: 0; z-index: 40; background: var(--accent-fill); color: var(--accent-text); }
.mr-section-nav .mr-inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mr-section-nav a { display: grid; place-items: center; padding: 12px 8px; min-height: 44px; border-right: 1px solid #ffffff28; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.mr-section-nav a:first-child { border-left: 1px solid #ffffff28; }
.mr-section-nav a[aria-current] { background: var(--masthead); color: var(--masthead-text); }
.mr-section-nav a:hover { background: #ffffff16; }
.mr-section-nav a:focus-visible { outline-color: white; outline-offset: -4px; }
[data-theme="dark"] .mr-section-nav { background: var(--panel); color: var(--muted); border-bottom: 1px solid var(--line); }
[data-theme="dark"] .mr-section-nav a { border-color: var(--line); }
[data-theme="dark"] .mr-section-nav a[aria-current] { background: var(--accent-fill); color: var(--accent-text); }

/* Quiet, unframed bands keep the signal hierarchy scannable. */
body.mr-redesign :is(.hero, .hero-main, .hero-side, .metrics-grid, .signal-ribbon, .observatory, .dashboard-grid, .diagnostic-grid) { background: var(--bg) !important; border-radius: 0 !important; box-shadow: none !important; gap: 0 !important; }
body.mr-redesign :is(.hero-main, .side-insight, .metric-card, .ribbon-panel, .viz-card, .leaderboard-card, .table-shell, .table-shell > .card, .diagnostic-card, .corr-panel) { background: var(--bg) !important; border-radius: 0 !important; box-shadow: none !important; border-color: var(--line) !important; }
body.mr-redesign :is(.hero-main, .side-insight, .metric-card, .ribbon-panel, .viz-card, .diagnostic-card)::before,
body.mr-redesign :is(.hero-main, .side-insight, .metric-card, .ribbon-panel, .viz-card, .diagnostic-card)::after { display: none !important; }
body.mr-redesign .hero { display: block !important; margin: 0 !important; padding-top: 22px !important; border: 0 !important; }
body.mr-redesign .hero-main { display: block !important; min-height: 0 !important; padding: 0 0 14px !important; margin: 0 !important; border: 0 !important; }
body.mr-redesign .hero-content { display: block !important; padding: 0 !important; }
body.mr-redesign .hero-visual, body.mr-redesign .hero-content .kicker { display: none !important; }
body.mr-redesign .hero-side { display: grid !important; grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr)) !important; padding: 0 !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; }
body.mr-redesign .side-insight { min-height: 124px !important; padding: 14px 16px !important; border: 0 !important; border-right: 1px solid var(--line) !important; animation: none !important; }
body.mr-redesign .side-insight:first-child { padding-left: 0 !important; }
body.mr-redesign .side-insight:last-of-type { padding-right: 0 !important; border-right: 0 !important; }
body.mr-redesign .side-insight strong { font: 500 18px/1.3 var(--font-ui) !important; color: var(--text) !important; min-height: 24px; margin: 6px 0 !important; overflow-wrap: anywhere; }
body.mr-redesign .side-insight span { font-size: 12px !important; line-height: 1.55 !important; color: var(--muted) !important; }
body.mr-redesign :is(.side-kicker, .metric-label, .ribbon-label, .section-label, .kicker) { font-size: 11px !important; font-weight: 600 !important; line-height: 1.4 !important; color: var(--blue) !important; text-transform: uppercase; }
body.mr-redesign .tone-dot { display: none !important; }
body.mr-redesign :is(.side-meter, .metric-meter, .trend-stack-track, .bar-track, .mini-meter, .rotation-track) { background: var(--track) !important; border-radius: 2px !important; }
body.mr-redesign :is(.side-meter, .metric-meter) { height: 3px !important; margin-top: 12px !important; }
body.mr-redesign :is(.side-meter b, .metric-meter b) { background: var(--blue) !important; border-radius: 2px !important; }
body.mr-redesign .metrics-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; margin: 0 !important; }
body.mr-redesign .metric-card { padding: 16px !important; min-height: 124px !important; border: 0 !important; border-right: 1px solid var(--line) !important; animation: none !important; }
body.mr-redesign .metric-card:first-child { padding-left: 0 !important; }
body.mr-redesign .metric-card:last-child { padding-right: 0 !important; border-right: 0 !important; }
body.mr-redesign .metric-value { font-size: 30px !important; font-weight: 500 !important; line-height: 1.25 !important; color: var(--text) !important; margin: 6px 0 4px !important; }
body.mr-redesign :is(.metric-sub, .ribbon-sub, .ribbon-insight span) { color: var(--muted) !important; font-size: 12px !important; line-height: 1.5 !important; }
body.mr-redesign .signal-ribbon { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; margin: 0 !important; }
body.mr-redesign .ribbon-panel { padding: 20px 16px !important; min-height: 260px !important; border: 0 !important; border-right: 1px solid var(--line) !important; }
body.mr-redesign .ribbon-panel:first-child { padding-left: 0 !important; }
body.mr-redesign .ribbon-panel:last-child { border-right: 0 !important; padding-right: 0 !important; }
body.mr-redesign .ribbon-value { font: 600 20px/1.3 var(--font-ui) !important; text-transform: none; color: var(--text) !important; margin: 12px 0 !important; }
body.mr-redesign .ribbon-gauge { display: grid !important; grid-template-columns: 100px 1fr !important; gap: 14px !important; align-items: center; margin-top: 24px !important; }
body.mr-redesign .gauge-svg { width: 100px !important; height: auto !important; }
body.mr-redesign .gauge-base { stroke: var(--track) !important; }
body.mr-redesign .gauge-fill { stroke: var(--blue) !important; }
body.mr-redesign .gauge-needle { stroke: var(--text) !important; }
body.mr-redesign .gauge-dot { fill: var(--text) !important; }
body.mr-redesign .ribbon-insight b { font-size: 28px !important; font-weight: 500 !important; color: var(--text) !important; }
body.mr-redesign .dual-trend-stack { gap: 14px !important; margin-top: 14px !important; }
body.mr-redesign .trend-stack-title { color: var(--text) !important; font-size: 12px !important; margin-bottom: 8px !important; font-weight: 500 !important; }
body.mr-redesign .trend-stack-row { grid-template-columns: 79px minmax(0, 1fr) 27px !important; gap: 8px !important; margin: 5px 0 !important; font-size: 11px !important; }
body.mr-redesign .trend-stack-row span:first-child, body.mr-redesign .trend-stack-row strong { color: var(--muted) !important; font-weight: 500 !important; font-size: 11px !important; }
body.mr-redesign .trend-stack-track { height: 6px !important; }
body.mr-redesign .trend-stack-fill { background: var(--c) !important; border-radius: 2px !important; }
body.mr-redesign .industry-pulse-head { display: grid !important; gap: 8px !important; }
body.mr-redesign .industry-pulse-head > span { color: var(--muted) !important; font-size: 11px !important; }
body.mr-redesign .industry-pulse-row { grid-template-columns: 20px 1fr auto !important; padding: 9px 0 !important; gap: 4px 8px !important; border-color: var(--line) !important; }
body.mr-redesign .industry-pulse-row strong { grid-column: 2 / 4; color: var(--text) !important; font-size: 12px !important; font-weight: 500 !important; white-space: normal !important; }
body.mr-redesign .industry-pulse-row span { font-size: 10px !important; color: var(--muted) !important; }
body.mr-redesign .industry-pulse-row span:first-of-type { grid-column: 2; }
body.mr-redesign .industry-pulse-row span:last-child { display: none; }
body.mr-redesign .industry-pulse-controls { margin-top: 14px !important; }
body.mr-redesign .pulse-dot { background: var(--line-strong) !important; box-shadow: none !important; }
body.mr-redesign .pulse-dot.active { background: var(--blue) !important; }
body.mr-redesign .extremes-card { gap: 14px !important; margin-top: 14px !important; }
body.mr-redesign .extreme-heading { font-size: 10px !important; color: var(--muted) !important; white-space: normal !important; }
body.mr-redesign .extreme-row { gap: 6px !important; padding: 9px 0 !important; }
body.mr-redesign .extreme-row strong { color: var(--text) !important; font-size: 13px !important; font-weight: 500 !important; }
body.mr-redesign .extreme-row span, body.mr-redesign .extreme-score small { color: var(--muted) !important; font-size: 10px !important; }
body.mr-redesign .extreme-score { font-size: 13px !important; color: var(--c) !important; }

/* Existing SVG plots keep their axes, data and interactions. */
body.mr-redesign .observatory { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; border: 0 !important; margin: 0 !important; }
body.mr-redesign .viz-card { min-width: 0; padding: 24px 0 !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; }
body.mr-redesign .viz-card:nth-child(odd) { padding-right: 20px !important; }
body.mr-redesign .viz-card:nth-child(even) { padding-left: 20px !important; border-left: 1px solid var(--line) !important; }
body.mr-redesign .viz-head { margin-bottom: 14px !important; gap: 14px !important; min-height: 70px; }
body.mr-redesign .viz-head h2 { font: 600 19px/1.3 var(--font-ui) !important; text-transform: none !important; }
body.mr-redesign :is(.viz-head p, .section-head p, .diagnostic-head p, .corr-panel-head p) { font-size: 12px !important; line-height: 1.55 !important; color: var(--muted) !important; margin-top: 8px !important; }
body.mr-redesign :is(.viz-kpi, .diagnostic-pill) { background: transparent !important; border: 0 !important; border-left: 1px solid var(--line) !important; border-radius: 0 !important; padding: 4px 0 4px 18px !important; min-width: 64px !important; min-height: 48px !important; }
body.mr-redesign :is(.viz-kpi strong, .diagnostic-pill strong) { font-size: 25px !important; font-weight: 500 !important; color: var(--text) !important; }
body.mr-redesign :is(.viz-kpi span, .diagnostic-pill span) { font-size: 10px !important; color: var(--muted) !important; }
body.mr-redesign :is(.scatter-wrap, .atlas-wrap, .histogram) { background: var(--bg) !important; border: 1px solid var(--line) !important; border-radius: 4px !important; box-shadow: none !important; }
body.mr-redesign :is(.scatter-wrap, .atlas-wrap)::before { display: none !important; }
body.mr-redesign :is(.scatter-wrap, .atlas-wrap) { padding: 8px !important; min-height: 0 !important; height: auto !important; aspect-ratio: 1.6; }
body.mr-redesign :is(.scatter-wrap, .atlas-wrap) svg { width: 100% !important; height: 100% !important; min-height: 0 !important; background: var(--bg) !important; }
body.mr-redesign .chart-zone { fill: var(--bg) !important; stroke: var(--line) !important; rx: 0 !important; }
body.mr-redesign :is(.quadrant-label, .chart-title-label, .atlas-label) { fill: var(--muted) !important; font-family: var(--font-ui) !important; font-weight: 500 !important; stroke: none !important; }
body.mr-redesign .atlas-label { fill: var(--text) !important; }
body.mr-redesign .atlas-label.is-overlapping { opacity: 0; }
body.mr-redesign .atlas-bubble:hover .atlas-label,
body.mr-redesign .atlas-bubble:focus .atlas-label { opacity: 1; paint-order: stroke; stroke: var(--bg) !important; stroke-width: 4px; }
body.mr-redesign .atlas-bubble:focus-visible circle { stroke: var(--blue); stroke-width: 3px; }
body.mr-redesign .scatter-zero { stroke: var(--line-strong) !important; }
body.mr-redesign :is(.chart-tooltip, .spark-tooltip) { background: var(--panel) !important; border: 1px solid var(--line-strong) !important; border-radius: 4px !important; color: var(--text) !important; box-shadow: 0 6px 18px #0002 !important; }
body.mr-redesign :is(.chart-tooltip, .spark-tooltip) strong { color: var(--text) !important; }
body.mr-redesign :is(.chart-tooltip, .spark-tooltip) span { color: var(--muted) !important; }
body.mr-redesign .hist-bar { background: var(--c, var(--blue)) !important; border-radius: 2px 2px 0 0 !important; }
body.mr-redesign .discovery-grid { gap: 10px !important; }
body.mr-redesign .discovery-card { padding: 14px !important; border: 1px solid var(--line) !important; background: var(--bg) !important; border-radius: 4px !important; box-shadow: none !important; }
body.mr-redesign .discovery-card:hover { background: var(--accent-soft) !important; border-color: var(--blue) !important; }
body.mr-redesign .discovery-card b { color: var(--text) !important; font-size: 16px !important; }
body.mr-redesign .discovery-card span, body.mr-redesign .discovery-card small { color: var(--muted) !important; font-size: 11px !important; }
body.mr-redesign .discovery-score { color: var(--blue) !important; font-size: 23px !important; font-weight: 500 !important; }

body.mr-redesign .diagnostic-grid { border-top: 0 !important; border-bottom: 1px solid var(--line) !important; }
body.mr-redesign .diagnostic-card { padding: 20px !important; }
body.mr-redesign .diagnostic-card:first-child { padding-left: 0 !important; }
body.mr-redesign .diagnostic-card:last-child { padding-right: 0 !important; }
body.mr-redesign .diagnostic-card.is-collapsed { min-height: 100px !important; }
body.mr-redesign .diagnostic-head { gap: 14px !important; margin-bottom: 14px !important; }
body.mr-redesign .diagnostic-card.is-collapsed .diagnostic-head { margin-bottom: 0 !important; }
body.mr-redesign .diagnostic-head h2 { font: 600 18px/1.3 var(--font-ui) !important; text-transform: none !important; margin-top: 4px !important; }
body.mr-redesign :is(.diagnostic-collapse-toggle, .close-btn, .chart-expand-btn) { border: 1px solid var(--line-strong) !important; border-radius: 3px !important; background: var(--bg) !important; color: var(--text) !important; box-shadow: none !important; }
body.mr-redesign .diagnostic-collapse-toggle:hover { background: var(--accent-soft) !important; color: var(--blue) !important; border-color: var(--blue) !important; }
body.mr-redesign :is(.rotation-lane, .corr-panel, .corr-score-grid, .corr-mini-chart, .mr-cluster-card) { background: var(--bg) !important; border-color: var(--line) !important; border-radius: 4px !important; box-shadow: none !important; }
body.mr-redesign :is(.rotation-row, .corr-pair-row, .corr-score, .mr-cluster-list-row, .mr-ticker-list-row) { background: transparent !important; border-color: var(--line) !important; }
body.mr-redesign :is(.rotation-name, .rotation-lane-title, .corr-score strong, .corr-pair-row strong, .mr-cluster-card strong, .mr-cluster-card b) { color: var(--text) !important; }
body.mr-redesign :is(.rotation-meta, .rotation-index, .transition-head, .transition-axis, .transition-row-label, .transition-active, .corr-status, .corr-score p, .corr-score span) { color: var(--muted) !important; }
body.mr-redesign .transition-cell { border: 1px solid var(--line) !important; border-radius: 3px !important; background: var(--panel) !important; color: var(--text) !important; }
body.mr-redesign .transition-matrix { grid-template-columns: 84px repeat(3, minmax(0, 1fr)) !important; }
body.mr-redesign .transition-cell.is-up { background: var(--green-soft) !important; border-color: var(--green) !important; }
body.mr-redesign .transition-cell.is-down { background: var(--red-soft) !important; border-color: var(--red) !important; }
body.mr-redesign .transition-cell b { color: var(--text) !important; }
body.mr-redesign .transition-cell small { color: var(--muted) !important; }

/* The full universe stays a working table, not a decorative preview. */
body.mr-redesign .dashboard-grid { grid-template-columns: minmax(0, 1fr) !important; border: 0 !important; margin: 0 !important; }
body.mr-redesign .leaderboard-card { position: static !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding: 22px 0 !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; }
body.mr-redesign .section-head { gap: 14px !important; margin-bottom: 14px !important; }
body.mr-redesign .leaderboard-card .sector-list { display: grid !important; flex: 0 0 auto !important; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: start; gap: 0 28px; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important; }
body.mr-redesign .sector-row { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 11px 0 !important; box-shadow: none !important; border-radius: 0 !important; }
body.mr-redesign .sector-top { flex-wrap: wrap; gap: 4px 12px; }
body.mr-redesign .sector-name { color: var(--text) !important; font-size: 14px !important; font-weight: 500 !important; white-space: normal; overflow-wrap: anywhere; }
body.mr-redesign .sector-meta { color: var(--muted) !important; font-size: 11px !important; }
body.mr-redesign :is(.group-toggle, .filter-row, .corr-control-group) { background: transparent !important; padding: 0 !important; border-radius: 3px !important; border-color: var(--line) !important; box-shadow: none !important; }
body.mr-redesign :is(.group-toggle button, .filter-btn, .table-expand-btn, .corr-control-group button, .atlas-reset, .corr-network-expand-btn) { font-size: 12px !important; min-height: 36px; padding: 8px 13px !important; background: var(--bg) !important; color: var(--muted) !important; border: 1px solid var(--line) !important; border-radius: 3px !important; box-shadow: none !important; font-weight: 500 !important; }
body.mr-redesign :is(.group-toggle button.active, .filter-btn.active, .corr-control-group button.active, .signal-change-toggle.active) { color: var(--accent-text) !important; background: var(--accent-fill) !important; border-color: var(--accent-fill) !important; }
body.mr-redesign :is(.group-toggle button, .filter-btn, .table-expand-btn):hover { border-color: var(--blue) !important; }
body.mr-redesign .table-shell { border: 0 !important; padding: 22px 0 0 !important; }
body.mr-redesign .table-shell > .card { padding: 0 0 12px !important; }
body.mr-redesign .controls { display: grid !important; grid-template-columns: minmax(240px, 1.4fr) 1fr 1fr !important; gap: 8px !important; margin-bottom: 10px !important; }
body.mr-redesign .search-box { display: flex !important; align-items: center; gap: 12px; padding: 0 14px !important; background: var(--bg) !important; border: 1px solid var(--line) !important; border-radius: 3px !important; box-shadow: none !important; }
body.mr-redesign .search-box span { font-size: 12px !important; color: var(--muted) !important; }
body.mr-redesign .controls input { width: 100%; min-width: 0; padding: 8px 0 !important; color: var(--text) !important; background: transparent !important; border: 0 !important; font-size: 13px !important; }
body.mr-redesign .select { min-width: 0; width: 100%; height: 38px; padding: 8px 30px 8px 12px !important; color: var(--text) !important; background: var(--bg) !important; border: 1px solid var(--line) !important; border-radius: 3px !important; font-size: 13px !important; box-shadow: none !important; }
body.mr-redesign .filter-row { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
body.mr-redesign .pill { background: transparent !important; color: var(--muted) !important; border: 0 !important; border-radius: 0 !important; font-size: 12px !important; }
body.mr-redesign .table-scroll { max-height: 640px; background: var(--bg) !important; border: 1px solid var(--line) !important; border-radius: 3px !important; }
body.mr-redesign table { background: var(--bg) !important; }
body.mr-redesign :is(th, td) { font-size: 12px !important; font-weight: 400 !important; padding: 9px 10px !important; border-color: var(--line) !important; }
body.mr-redesign th { background: var(--panel) !important; color: var(--muted) !important; font-weight: 600 !important; }
body.mr-redesign tbody tr { background: var(--bg) !important; }
body.mr-redesign tbody tr:nth-child(even) { background: var(--bg-2) !important; }
body.mr-redesign tbody tr:hover { background: var(--accent-soft) !important; }
body.mr-redesign td, body.mr-redesign .ticker-cell { color: var(--text) !important; }
body.mr-redesign .ticker-cell { font-size: 14px !important; font-weight: 600 !important; }
body.mr-redesign .subtext { color: var(--muted) !important; font-size: 11px !important; }
/* The compact table has legacy important rules and opaque sticky cells. */
body.mr-redesign .table-scroll.is-mobile-table { background: var(--bg) !important; border-color: var(--line) !important; }
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table tr { background: var(--bg) !important; }
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table tbody tr:nth-child(even) { background: var(--bg-2) !important; }
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table tbody tr:hover { background: var(--accent-soft) !important; }
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table :is(th, td) { border-color: var(--line) !important; }
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table thead,
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table thead th,
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table thead .asset-cell { background: var(--panel) !important; color: var(--muted) !important; }
body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table tbody .asset-cell { background: inherit !important; }
body.mr-redesign .mobile-momentum-table .ticker-cell { color: var(--text) !important; }
body.mr-redesign .mobile-momentum-table .subtext { color: var(--muted) !important; }
body.mr-redesign .mobile-sector-pill { background: var(--panel) !important; border-color: var(--line) !important; color: var(--muted) !important; }
body.mr-redesign :is(.badge, .trend-chip, .strength-chip) { border-radius: 3px !important; font-size: 11px !important; font-weight: 500 !important; background: var(--panel) !important; border-color: var(--line) !important; color: var(--text) !important; }
body.mr-redesign :is(.badge.pos, .trend-chip.pos, .strength-chip.pos) { color: var(--green-strong) !important; background: var(--green-soft) !important; }
body.mr-redesign :is(.badge.neg, .trend-chip.neg, .strength-chip.neg) { color: var(--red-strong) !important; background: var(--red-soft) !important; }
body.mr-redesign :is(.momentum-value, .strength-label) { border-radius: 3px !important; font-weight: 500 !important; }
body.mr-redesign :is(.momentum-trend.pos .momentum-value, .momentum-strength.pos .strength-label, .momentum-strength.mod .strength-label) { color: var(--green-strong) !important; background: var(--green-soft) !important; }
body.mr-redesign :is(.momentum-trend.neg .momentum-value, .momentum-strength.neg .strength-label) { color: var(--red-strong) !important; background: var(--red-soft) !important; }
body.mr-redesign :is(.momentum-bars i, .strength-bars i) { background: var(--track) !important; }
body.mr-redesign :is(.momentum-trend.pos .momentum-bars i.on, .momentum-strength.pos .strength-bars i.on, .momentum-strength.mod .strength-bars i.on) { background: var(--green-strong) !important; }
body.mr-redesign :is(.momentum-trend.neg .momentum-bars i.on, .momentum-strength.neg .strength-bars i.on) { background: var(--red-strong) !important; }
body.mr-redesign :is(.momentum-trend.neu .momentum-bars i.on, .momentum-strength.neu .strength-bars i.on) { background: var(--muted) !important; }
body.mr-redesign :is(.momentum-trend.neu .momentum-value, .momentum-strength.neu .strength-label) { background: var(--panel) !important; color: var(--muted) !important; }
/* Emphasis follows the existing scores; it does not change signal classifications. */
body.mr-redesign [data-signal-tone="pos"] { --signal-ink: var(--green-strong); --signal-bar: var(--green); --signal-fill: var(--green-emphasis); }
body.mr-redesign [data-signal-tone="neg"] { --signal-ink: var(--red-strong); --signal-bar: var(--red); --signal-fill: var(--red-emphasis); }
body.mr-redesign [data-signal-tone="neu"] { --signal-ink: var(--muted); --signal-bar: var(--muted); --signal-fill: var(--panel); }
body.mr-redesign [data-signal-tone][data-signal-level] :is(.momentum-value, .strength-label),
body.mr-redesign .badge[data-signal-level] { color: var(--signal-ink) !important; background: var(--panel) !important; box-shadow: none !important; }
body.mr-redesign [data-signal-tone][data-signal-level] :is(.momentum-bars, .strength-bars) i.on { background: var(--signal-bar) !important; }
body.mr-redesign [data-signal-tone][data-signal-level="strong"] :is(.momentum-value, .strength-label),
body.mr-redesign .badge[data-signal-level="strong"] { background: var(--signal-fill) !important; font-weight: 600 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--signal-ink) 38%, transparent) !important; }
body.mr-redesign [data-signal-tone][data-signal-level="strong"] :is(.momentum-bars, .strength-bars) i.on { background: var(--signal-ink) !important; }
body.mr-redesign .extreme-score[data-signal-level] { color: var(--signal-ink) !important; }
body.mr-redesign .extreme-score[data-signal-level="strong"] { font-weight: 700 !important; }
body.mr-redesign .signal-change-toggle[aria-pressed="true"] { background: var(--accent-fill) !important; border-color: var(--accent-fill) !important; color: var(--accent-text) !important; }
body.mr-redesign :is(.bar-fill.pos, .mini-meter.pos i) { background: var(--green-strong) !important; }
body.mr-redesign :is(.bar-fill.neg, .mini-meter.neg i) { background: var(--red-strong) !important; }
body.mr-redesign .skeleton-line { background: var(--panel) !important; border-radius: 3px !important; }
body.mr-redesign :is(.loading-skeleton, .empty-state, .error-state) { color: var(--muted) !important; background: var(--bg) !important; font-size: 13px !important; }
body.mr-redesign :is(.modal-panel, .chart-modal-panel, .mobile-map-panel) { background: var(--bg) !important; border: 1px solid var(--line) !important; border-radius: 6px !important; box-shadow: 0 20px 80px #0004 !important; }
body.mr-redesign :is(.modal-panel, .chart-modal-panel) { transform: none !important; color: var(--text) !important; }
body.mr-redesign :is(.drawer-stat strong, .chart-hero-badge strong) { color: var(--text) !important; }
body.mr-redesign :is(.drawer-stat span, .history-top span, .chart-modal-subtitle, .chart-hero-badge span) { color: var(--muted) !important; }
body.mr-redesign .history-top { flex-wrap: wrap; gap: 8px; }
body.mr-redesign .history-top span { font-size: 10px !important; font-weight: 400 !important; }
body.mr-redesign .chart-hero-badge { background: var(--panel) !important; border-color: var(--line) !important; box-shadow: none !important; border-radius: 4px !important; }
body.mr-redesign .spark text { fill: var(--muted) !important; }
body.mr-redesign :is(.history-card, .drawer-summary > div, .mini-stat) { border-color: var(--line) !important; background: var(--panel) !important; border-radius: 4px !important; }
body.mr-redesign .history-top strong, body.mr-redesign .mini-stat strong { color: var(--text) !important; }
body.mr-redesign .spark { background: var(--panel) !important; border-radius: 3px !important; }
body.mr-redesign .table-shell.is-expanded { padding: 24px !important; background: var(--bg) !important; border-radius: 4px !important; z-index: 80 !important; }

@media (max-width: 1100px) {
  body.mr-redesign .shell, .mr-inner { width: calc(100% - 48px) !important; }
  body.mr-redesign .mr-masthead h1 { font-size: 50px !important; }
  .mr-masthead .mr-inner { display: block; }
  .mr-masthead-meta { display: flex; justify-content: space-between; margin-top: 20px; }
  body.mr-redesign .hero-side { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body.mr-redesign .side-insight { padding: 14px !important; border-bottom: 1px solid var(--line) !important; }
  body.mr-redesign .side-insight:nth-child(3) { border-right: 0 !important; }
  body.mr-redesign .metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body.mr-redesign .metric-card { padding: 16px !important; border-bottom: 1px solid var(--line) !important; }
  body.mr-redesign .metric-card:nth-child(3) { border-right: 0 !important; }
  body.mr-redesign .signal-ribbon { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.mr-redesign .ribbon-panel { border-bottom: 1px solid var(--line) !important; }
  body.mr-redesign .ribbon-panel:nth-child(2) { border-right: 0 !important; padding-right: 0 !important; }
  body.mr-redesign .ribbon-panel:nth-child(3) { padding-left: 0 !important; }
  body.mr-redesign .viz-head { min-height: 96px; }
  body.mr-redesign .viz-card:nth-child(odd) { padding-right: 18px !important; }
  body.mr-redesign .viz-card:nth-child(even) { padding-left: 18px !important; }
  body.mr-redesign .diagnostic-grid { grid-template-columns: 1fr !important; }
  body.mr-redesign .diagnostic-card { padding: 18px 0 !important; border-left: 0 !important; }
  body.mr-redesign .diagnostic-card + .diagnostic-card { border-top: 1px solid var(--line) !important; }
  body.mr-redesign .leaderboard-card .sector-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  body.mr-redesign .shell, .mr-inner { width: calc(100% - 36px) !important; }
  .mr-header > .mr-inner { height: 68px; gap: 12px; }
  .mr-brand { font-size: 28px; gap: 12px; }
  .mr-brand span { padding-left: 12px; font-size: 9px; max-width: 83px; }
  .mr-header-actions { gap: 8px; }
  .mr-header-actions > a { display: none; }
  .mr-header-actions button { width: 38px; height: 38px; flex-basis: 38px; }
  body.mr-redesign #nav-rail { top: 68px !important; max-height: calc(100dvh - 68px); }
  .mr-masthead { padding: 20px 0; }
  body.mr-redesign .mr-masthead h1 { font-size: 42px !important; max-width: 310px; }
  .mr-masthead p { font-size: 13px; }
  .mr-masthead-meta { flex-wrap: wrap; gap: 8px 12px; font-size: 11px; }
  .mr-section-nav .mr-inner { width: 100% !important; }
  .mr-section-nav a { font-size: 10px; padding: 12px 6px; min-height: 48px; text-align: center; }
  body.mr-redesign h2 { font-size: 26px !important; }
  body.mr-redesign .hero { padding-top: 20px !important; }
  body.mr-redesign .hero-side { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.mr-redesign .side-insight { padding: 12px !important; min-height: 0 !important; }
  body.mr-redesign .side-insight:first-child { grid-column: 1 / -1; border-right: 0 !important; padding: 14px 0 !important; }
  body.mr-redesign .side-insight:nth-child(even) { border-right: 1px solid var(--line) !important; padding-left: 0 !important; }
  body.mr-redesign .side-insight:nth-child(odd) { border-right: 0 !important; padding-right: 0 !important; }
  body.mr-redesign .side-insight strong { font-size: 17px !important; }
  body.mr-redesign .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.mr-redesign .metric-card { padding: 16px 12px !important; min-height: 124px !important; }
  body.mr-redesign .metric-card:nth-child(odd) { border-right: 1px solid var(--line) !important; padding-left: 0 !important; }
  body.mr-redesign .metric-card:nth-child(even) { border-right: 0 !important; padding-right: 0 !important; }
  body.mr-redesign .metric-value { font-size: 30px !important; }
  body.mr-redesign .signal-ribbon { grid-template-columns: 1fr !important; }
  body.mr-redesign .ribbon-panel { padding: 18px 0 !important; border-right: 0 !important; min-height: 0 !important; }
  body.mr-redesign .ribbon-gauge { grid-template-columns: 110px 1fr !important; margin-top: 18px !important; }
  body.mr-redesign .dual-trend-stack { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px !important; }
  body.mr-redesign .trend-stack-row { grid-template-columns: 65px minmax(0, 1fr) 22px !important; gap: 4px !important; }
  body.mr-redesign .trend-stack-row span:first-child { font-size: 10px !important; }
  body.mr-redesign .observatory { grid-template-columns: 1fr !important; }
  body.mr-redesign .viz-card:nth-child(n) { padding: 20px 0 !important; border-left: 0 !important; }
  body.mr-redesign .viz-head { min-height: 0 !important; }
  body.mr-redesign :is(.scatter-wrap, .atlas-wrap) { aspect-ratio: 1; padding: 3px !important; }
  body.mr-redesign .diagnostic-head { flex-wrap: nowrap !important; gap: 10px !important; }
  body.mr-redesign .diagnostic-head > div:first-child { min-width: 0; }
  body.mr-redesign .diagnostic-head h2 { font-size: 17px !important; }
  body.mr-redesign .transition-matrix { grid-template-columns: 56px repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
  body.mr-redesign .transition-cell { min-width: 0 !important; padding: 8px 2px !important; }
  body.mr-redesign :is(.transition-head, .transition-axis, .transition-row-label, .transition-cell small) { font-size: 9px !important; }
  body.mr-redesign .diagnostic-pill { display: none !important; }
  body.mr-redesign .leaderboard-card .sector-list { grid-template-columns: 1fr; }
  body.mr-redesign .section-head { flex-wrap: wrap !important; }
  body.mr-redesign .table-shell .section-head h2 { max-width: none !important; font-size: 26px !important; line-height: 1.1 !important; letter-spacing: 0 !important; }
  body.mr-redesign .table-actions { display: flex !important; align-items: center; flex-wrap: wrap !important; width: 100% !important; gap: 8px !important; }
  body.mr-redesign .table-actions .signal-change-toggle { width: auto !important; min-height: 44px !important; }
  body.mr-redesign .table-actions .pill { width: auto !important; margin-left: auto; padding: 0 !important; }
  body.mr-redesign .controls { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.mr-redesign .search-box { grid-column: 1 / -1; }
  body.mr-redesign .controls :is(.search-box, .select) { height: 44px !important; }
  body.mr-redesign .filter-btn { font-size: 11px !important; padding: 8px 10px !important; min-height: 40px !important; }
  body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table :is(th, td) { padding: 7px 8px !important; }
  body.mr-redesign .table-scroll.is-mobile-table .mobile-momentum-table .asset-cell { min-width: 156px !important; max-width: 156px !important; }
  body.mr-redesign .mobile-momentum-table .subtext { max-width: 140px !important; }
  body.mr-redesign :is(.modal-panel, .chart-modal-panel) { padding: 18px !important; max-width: calc(100vw - 20px) !important; }
  body.mr-redesign .modal-head { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.mr-redesign *, body.mr-redesign *::before, body.mr-redesign *::after { animation: none !important; transition: none !important; }
}