/* =============================================================================
   MacroInsight v2 — boards
   -----------------------------------------------------------------------------
   HOME / CRYPTO / TRADFI are the default product.

   The structural fix: the previous pass had a card (srb-shell) containing three
   cards (srb-col) containing five cards each (srb-card) — three levels of
   border-plus-shadow, which is what made it read as dated regardless of colour.
   Here there is one card. Inside it, columns are separated by space, and assets
   are list rows separated by hairlines.
   ========================================================================== */

/* =============================================================================
   1. THE VERDICT
   ========================================================================== */
html[data-ui='v2'][data-v2] .srb-shell { padding: var(--v2-s7) var(--v2-s7) var(--v2-s6); }
html[data-ui='v2'][data-v2] .srb-top { margin-bottom: var(--v2-s6); }
html[data-ui='v2'][data-v2] .srb-kicker {
  font: 500 var(--v2-t-sm)/1 var(--v2-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--v2-ink-3);
  margin-bottom: var(--v2-s3);
}
html[data-ui='v2'][data-v2] .srb-market {
  font: 600 var(--v2-t-4xl)/1 var(--v2-sans);
  letter-spacing: var(--v2-tighter);
  color: var(--v2-ink);
}
html[data-ui='v2'][data-v2] .srb-tone-text-risk_on  { color: var(--v2-bull); }
html[data-ui='v2'][data-v2] .srb-tone-text-risk_off { color: var(--v2-bear); }
html[data-ui='v2'][data-v2] .srb-tone-text-chop     { color: var(--v2-ink); }
html[data-ui='v2'][data-v2] .srb-market-sub {
  margin-top: var(--v2-s3);
  font: 400 var(--v2-t-lg)/1.5 var(--v2-sans);
  color: var(--v2-ink-2);
  max-width: 64ch;
}
html[data-ui='v2'][data-v2] .srb-legend,
html[data-ui='v2'][data-v2] .mb-mission {
  font: 400 var(--v2-t-sm)/1.6 var(--v2-sans);
  color: var(--v2-ink-3);
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 0 var(--v2-s6);
  max-width: 96ch;
}
html[data-ui='v2'][data-v2] .srb-legend strong,
html[data-ui='v2'][data-v2] .mb-mission strong { color: var(--v2-ink-2); font-weight: 550; }
html[data-ui='v2'][data-v2] .srb-tf-label {
  font: 400 var(--v2-t-sm)/1 var(--v2-sans);
  letter-spacing: 0;
  color: var(--v2-ink-3);
}

/* =============================================================================
   2. REGIME COLUMNS — space, not boxes
   ========================================================================== */
html[data-ui='v2'][data-v2] .srb-grid { gap: var(--v2-s7); }
html[data-ui='v2'][data-v2] .srb-col {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  min-height: 0;
}
html[data-ui='v2'][data-v2] .srb-col-head {
  padding-bottom: var(--v2-s3);
  border-bottom: 1px solid var(--v2-line);
  align-items: baseline;
}
html[data-ui='v2'][data-v2] .srb-col-title {
  font: 600 var(--v2-t-lg)/1.2 var(--v2-sans);
  letter-spacing: var(--v2-tight);
  text-transform: none;
  color: var(--v2-ink);
}
/* The regime is carried by the heading colour, not by a coloured edge. */
html[data-ui='v2'][data-v2] .srb-col-risk_on  .srb-col-title { color: var(--v2-bull); }
html[data-ui='v2'][data-v2] .srb-col-risk_off .srb-col-title { color: var(--v2-bear); }
html[data-ui='v2'][data-v2] .srb-col-count {
  font: 500 var(--v2-t-sm)/1 var(--v2-mono);
  color: var(--v2-ink-3);
  letter-spacing: -0.02em;
}
html[data-ui='v2'][data-v2] .srb-col-hint {
  font: 400 var(--v2-t-sm)/1.5 var(--v2-sans);
  color: var(--v2-ink-3);
  margin: var(--v2-s3) 0 var(--v2-s2);
}
html[data-ui='v2'][data-v2] .srb-col-body { gap: 0; }

/* ---- Assets are list rows, not cards ---------------------------------- */
html[data-ui='v2'][data-v2] .srb-card {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--v2-line);
  border-radius: 0;
  box-shadow: none;
  padding: var(--v2-s3) var(--v2-s2);
  margin: 0 calc(var(--v2-s2) * -1);
  cursor: pointer;
  transition: background var(--v2-fast) var(--v2-ease);
}
html[data-ui='v2'][data-v2] .srb-card:hover {
  background: var(--v2-sunk);
  border-color: var(--v2-line);
  transform: none;
  box-shadow: none;
}
html[data-ui='v2'][data-v2] .srb-col-body > .srb-card:last-of-type { border-bottom: 0; }
html[data-ui='v2'][data-v2] .srb-card-name {
  font: 500 var(--v2-t-md)/1.4 var(--v2-sans);
  letter-spacing: 0;
  color: var(--v2-ink);
}
html[data-ui='v2'][data-v2] .srb-card-regime {
  font: 400 var(--v2-t-xs)/1 var(--v2-sans);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 4px;
  color: var(--v2-ink-3);
}
/* The per-tone label colours were pale mint/rose picked for a dark card. */
html[data-ui='v2'][data-v2] .srb-tone-risk_on  .srb-card-regime { color: var(--v2-bull); }
html[data-ui='v2'][data-v2] .srb-tone-risk_off .srb-card-regime { color: var(--v2-bear); }
html[data-ui='v2'][data-v2] .srb-tone-chop     .srb-card-regime { color: var(--v2-ink-3); }
html[data-ui='v2'][data-v2] .srb-tone-unclear  .srb-card-regime { color: var(--v2-ink-4); }
html[data-ui='v2'][data-v2] .srb-card-meta {
  font: 400 var(--v2-t-xs)/1.4 var(--v2-mono);
  color: var(--v2-ink-3);
  letter-spacing: -0.02em;
  margin-top: 3px;
}
html[data-ui='v2'][data-v2] .srb-col-toggle {
  background: transparent;
  border: 0;
  border-radius: var(--v2-r-sm);
  color: var(--v2-accent);
  font: 500 var(--v2-t-sm)/1 var(--v2-sans);
  padding: var(--v2-s3) var(--v2-s2);
  margin: var(--v2-s2) calc(var(--v2-s2) * -1) 0;
  text-align: left;
}
html[data-ui='v2'][data-v2] .srb-col-toggle:hover { background: var(--v2-sunk); }

/* =============================================================================
   3. OPPORTUNITY BOARD
   ========================================================================== */
/* The base sheet gives .market-board a gradient fill and a drop shadow. */
html[data-ui='v2'][data-v2] .market-board {
  background: var(--v2-surface);
  box-shadow: none;
  padding: var(--v2-s7);
  margin: 0;
}
html[data-ui='v2'][data-v2] .mb-content { gap: var(--v2-s7); }
html[data-ui='v2'][data-v2] .mb-uni-card { padding: var(--v2-s7); }

/* On HOME the board card already frames the page, so the two universe blocks
   inside it are sections divided by a rule — not a second layer of cards. */
html[data-ui='v2'][data-v2] .mb-home-stack { gap: 0; }
html[data-ui='v2'][data-v2] .mb-home-stack > .mb-uni-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
html[data-ui='v2'][data-v2] .mb-home-stack > .mb-uni-card + .mb-uni-card {
  border-top: 1px solid var(--v2-line);
  margin-top: var(--v2-s9);
  padding-top: var(--v2-s8);
}
html[data-ui='v2'][data-v2] .mb-uni-card-head {
  margin: 0 0 var(--v2-s6);
  padding: 0 0 var(--v2-s4);
  border-bottom: 1px solid var(--v2-line);
}
html[data-ui='v2'][data-v2] .mb-uni-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--v2-s8);
}
html[data-ui='v2'][data-v2] .mb-panel-head {
  margin-bottom: var(--v2-s4);
  padding-bottom: var(--v2-s3);
  border-bottom: 1px solid var(--v2-line);
}
html[data-ui='v2'][data-v2] .mb-two,
html[data-ui='v2'][data-v2] .mb-movers { gap: var(--v2-s8); }
html[data-ui='v2'][data-v2] .mb-topbar { margin-bottom: var(--v2-s6); }

/* ---- Regime-read strip ------------------------------------------------
   Four equal tiles on a light well. No gradients, no glow, no ring. */
html[data-ui='v2'][data-v2] .mb-regime { gap: var(--v2-s3); }
html[data-ui='v2'][data-v2] .mb-regime-cell,
html[data-ui='v2'][data-v2] .mb-regime-spotlight {
  padding: var(--v2-s5);
  border: 0;
  border-left: 0;
  border-radius: var(--v2-r-md);
  background: var(--v2-sunk);
  box-shadow: none;
}
html[data-ui='v2'][data-v2] .mb-rc-label,
html[data-ui='v2'][data-v2] .mb-regime-spotlight .mb-rc-label {
  font: 500 var(--v2-t-sm)/1 var(--v2-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--v2-ink-3);
  margin-bottom: var(--v2-s3);
}
html[data-ui='v2'][data-v2] .mb-rc-value,
html[data-ui='v2'][data-v2] .mb-regime-spotlight .mb-rc-value {
  font: 600 var(--v2-t-2xl)/1.15 var(--v2-sans);
  letter-spacing: var(--v2-tight);
  color: var(--v2-ink);
}
html[data-ui='v2'][data-v2] .mb-regime-big {
  font-size: var(--v2-t-3xl);
  font-weight: 600;
  letter-spacing: var(--v2-tighter);
  text-shadow: none !important;
}
html[data-ui='v2'][data-v2] .mb-rc-sub {
  margin-top: var(--v2-s2);
  font: 400 var(--v2-t-xs)/1.5 var(--v2-mono);
  color: var(--v2-ink-3);
  letter-spacing: -0.02em;
}

/* Stance colours the number only. The tile stays neutral. */
html[data-ui='v2'][data-v2] .mb-regime-spotlight-market-on  .mb-regime-big { color: var(--v2-bull) !important; }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-market-off .mb-regime-big { color: var(--v2-bear) !important; }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-market-chop .mb-regime-big,
html[data-ui='v2'][data-v2] .mb-regime-spotlight-market-transition .mb-regime-big,
html[data-ui='v2'][data-v2] .mb-regime-spotlight-market .mb-regime-big { color: var(--v2-ink) !important; }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-market-mixed   .mb-regime-big { color: var(--v2-accent) !important; }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-market-warming .mb-regime-big { color: var(--v2-warn) !important; }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-look  .mb-rc-value { color: var(--v2-bull); }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-heat  .mb-rc-value { color: var(--v2-info); }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-avoid .mb-rc-value { color: var(--v2-bear); }
html[data-ui='v2'][data-v2] .mb-regime-spotlight .mb-rc-label { color: var(--v2-ink-3); }
html[data-ui='v2'][data-v2] .mb-regime-spotlight-look  .mb-tf-chip,
html[data-ui='v2'][data-v2] .mb-regime-spotlight-heat  .mb-tf-chip,
html[data-ui='v2'][data-v2] .mb-regime-spotlight-avoid .mb-tf-chip {
  background: var(--v2-surface);
  border-color: var(--v2-line);
  color: var(--v2-ink-2);
}
html[data-ui='v2'][data-v2] .mb-rc-click-hint,
html[data-ui='v2'][data-v2] .mb-tf-hint {
  font: 400 var(--v2-t-xs)/1 var(--v2-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--v2-ink-3);
}

/* ---- Ranked lists: aligned hairline rows ------------------------------- */
html[data-ui='v2'][data-v2] .mb-mrow {
  grid-template-columns: 26px minmax(0, 1fr) 36px 52px 64px 108px;
  gap: var(--v2-s3);
  padding: var(--v2-s3) var(--v2-s2);
  margin: 0 calc(var(--v2-s2) * -1);
  align-items: center;
  border-bottom: 1px solid var(--v2-line);
  border-radius: var(--v2-r-xs);
}
html[data-ui='v2'][data-v2] .mb-mrow:last-child { border-bottom: 0; }
html[data-ui='v2'][data-v2] .mb-mrow:hover { background: var(--v2-sunk); }
html[data-ui='v2'][data-v2] .mb-mrank,
html[data-ui='v2'][data-v2] .mb-mn {
  text-align: right;
  color: var(--v2-ink-4);
  font: 400 var(--v2-t-xs)/1 var(--v2-mono);
}
html[data-ui='v2'][data-v2] .mb-mname {
  font: 500 var(--v2-t-md)/1 var(--v2-sans);
  letter-spacing: 0;
  color: var(--v2-ink);
}
html[data-ui='v2'][data-v2] .mb-mscore {
  min-width: 0; text-align: right;
  font: 500 var(--v2-t-md)/1 var(--v2-mono);
  letter-spacing: -0.02em;
  color: var(--v2-ink);
}
html[data-ui='v2'][data-v2] .mb-mv {
  min-width: 0; text-align: right;
  font: 400 var(--v2-t-sm)/1 var(--v2-mono);
  letter-spacing: -0.02em;
}
html[data-ui='v2'][data-v2] .mb-mrow > .mb-badge { justify-self: end; text-align: center; }

html[data-ui='v2'][data-v2] .mb-bench-row {
  grid-template-columns: 72px;
  grid-auto-flow: column;
  grid-auto-columns: minmax(56px, 1fr);
  gap: var(--v2-s3);
  padding: var(--v2-s3) var(--v2-s2);
  margin: 0 calc(var(--v2-s2) * -1);
  background: transparent;
  border-bottom: 1px solid var(--v2-line);
  border-radius: var(--v2-r-xs);
}
html[data-ui='v2'][data-v2] .mb-bench-row:last-child { border-bottom: 0; }
html[data-ui='v2'][data-v2] .mb-bench-row:hover { background: var(--v2-sunk); }
html[data-ui='v2'][data-v2] .mb-bench-sym {
  font: 500 var(--v2-t-md)/1 var(--v2-sans);
  letter-spacing: 0;
  color: var(--v2-ink);
}
html[data-ui='v2'][data-v2] .mb-bench-c {
  font: 400 var(--v2-t-sm)/1 var(--v2-mono);
  letter-spacing: -0.02em;
  color: var(--v2-ink-2);
}
html[data-ui='v2'][data-v2] .mb-bench-headrow {
  border-bottom: 1px solid var(--v2-line);
  padding-bottom: var(--v2-s2);
}
html[data-ui='v2'][data-v2] .mb-bench-headrow:hover { background: transparent; }
html[data-ui='v2'][data-v2] .mb-bench-headrow .mb-bench-c,
html[data-ui='v2'][data-v2] .mb-bench-headrow .mb-bench-sym {
  font: 500 var(--v2-t-xs)/1 var(--v2-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--v2-ink-3);
}

html[data-ui='v2'][data-v2] .mb-stat {
  padding: var(--v2-s3) var(--v2-s2);
  margin: 0 calc(var(--v2-s2) * -1);
  border-bottom: 1px solid var(--v2-line);
  border-radius: var(--v2-r-xs);
}
html[data-ui='v2'][data-v2] .mb-stat:last-child { border-bottom: 0; }
html[data-ui='v2'][data-v2] .mb-stat-label {
  font: 400 var(--v2-t-sm)/1.3 var(--v2-sans);
  letter-spacing: 0;
  color: var(--v2-ink-2);
}
html[data-ui='v2'][data-v2] .mb-stat-value {
  font: 500 var(--v2-t-lg)/1 var(--v2-mono);
  letter-spacing: -0.02em;
  color: var(--v2-ink);
}
html[data-ui='v2'][data-v2] .mb-stat-clickable:hover,
html[data-ui='v2'][data-v2] .mb-stat-clickable:focus-visible {
  background: var(--v2-sunk);
  box-shadow: none;
  outline: none;
}
html[data-ui='v2'][data-v2] .mb-stat-clickable.is-open {
  background: var(--v2-accent-soft);
  box-shadow: none;
}

/* =============================================================================
   3b. SIMPLE MODE
   -----------------------------------------------------------------------------
   Detail sections collapse to a sentence. The numbers are one click away and
   nothing is removed — "Everything" restores the board exactly as it was.
   ========================================================================== */
/* `display: inline-flex` below outranks the UA stylesheet's `[hidden]` rule, so
   hiding the switch in Professional needs saying explicitly. */
html[data-ui='v2'][data-v2] .v2-mode[hidden] { display: none; }
html[data-ui='v2'][data-v2] .v2-mode {
  display: inline-flex;
  gap: 2px;
  margin-left: auto;
  background: var(--v2-sunk);
  border: 1px solid var(--v2-line);
  border-radius: var(--v2-r-sm);
  padding: 3px;
}
html[data-ui='v2'][data-v2] .mb-tabs { margin-left: var(--v2-s3); }
html[data-ui='v2'][data-v2] .v2-mode-btn {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: 500 var(--v2-t-sm)/1 var(--v2-sans);
  color: var(--v2-ink-3);
  padding: 7px 13px;
  border-radius: var(--v2-r-xs);
  transition: background var(--v2-fast) var(--v2-ease), color var(--v2-fast) var(--v2-ease);
}
html[data-ui='v2'][data-v2] .v2-mode-btn:hover { color: var(--v2-ink); }
html[data-ui='v2'][data-v2] .v2-mode-btn[aria-pressed='true'] {
  background: var(--v2-surface);
  color: var(--v2-ink);
  font-weight: 550;
  box-shadow: var(--v2-e1);
}

html[data-ui='v2'][data-v2] .v2-detail-summary {
  margin: 0;
  color: var(--v2-ink-2);
  font: 400 var(--v2-t-md)/1.5 var(--v2-sans);
}
html[data-ui='v2'][data-v2] .v2-detail-toggle {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  align-self: flex-start;
  padding: 6px 0 0;
  margin-top: var(--v2-s2);
  font: 500 var(--v2-t-sm)/1 var(--v2-sans);
  color: var(--v2-accent);
}
html[data-ui='v2'][data-v2] .v2-detail-toggle:hover { text-decoration: underline; }

/* Collapsed only in Simple, and only while closed. Both selectors are anchored
   to `body` on purpose: a bare `:not(.v2-simple)` matches every ancestor that
   lacks the class — including the panel itself — so it is always true. */
html[data-ui='v2'][data-v2] body.v2-simple .mb-panel[data-v2-disclosed]:not(.v2-open) .v2-detail-body {
  display: none;
}
html[data-ui='v2'][data-v2] body:not(.v2-simple) .v2-detail-summary,
html[data-ui='v2'][data-v2] body:not(.v2-simple) .v2-detail-toggle {
  display: none;
}

/* The regime strip's MARKET tile restates the verdict already given at the top
   of the page, so Simple drops the duplicate and keeps the three actionable
   tiles beside it. */
html[data-ui='v2'][data-v2] .v2-simple .mb-regime-cell:not(.mb-regime-spotlight),
html[data-ui='v2'][data-v2] .v2-simple .mb-regime-spotlight-market,
html[data-ui='v2'][data-v2] .v2-simple [class*='mb-regime-spotlight-market-'] {
  display: none;
}
html[data-ui='v2'][data-v2] .v2-simple .mb-regime {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px) {
  html[data-ui='v2'][data-v2] .v2-simple .mb-regime { grid-template-columns: minmax(0, 1fr); }
}

/* =============================================================================
   4. RESEARCH MATRIX
   ========================================================================== */
html[data-ui='v2'][data-v2] .matrix-header-cell,
html[data-ui='v2'][data-v2] .matrix-asset-cell {
  background: transparent;
  border: 0;
  border-radius: 0;
  font: 500 var(--v2-t-xs)/1 var(--v2-sans);
  letter-spacing: 0;
  text-transform: none;
  color: var(--v2-ink-3);
}
html[data-ui='v2'][data-v2] .matrix-header-cell { border-bottom: 1px solid var(--v2-line); }
html[data-ui='v2'][data-v2] .matrix-asset-cell {
  font: 500 var(--v2-t-md)/1 var(--v2-sans);
  color: var(--v2-ink);
  border-right: 1px solid var(--v2-line);
}
html[data-ui='v2'][data-v2] .cell {
  border-radius: var(--v2-r-md);
  border: 1px solid var(--v2-line);
  padding: var(--v2-s3);
  box-shadow: none;
  cursor: pointer;
  transition: background var(--v2-fast) var(--v2-ease),
              border-color var(--v2-fast) var(--v2-ease);
}
html[data-ui='v2'][data-v2] .cell:hover {
  background: var(--v2-sunk);
  border-color: var(--v2-line-2);
  box-shadow: none;
}
html[data-ui='v2'][data-v2] .cell.bull,
html[data-ui='v2'][data-v2] .cell.bear,
html[data-ui='v2'][data-v2] .cell.chop,
html[data-ui='v2'][data-v2] .cell.error { border-color: var(--v2-line); --cell-glow: transparent; }
@keyframes cellFlash {
  0%   { background: var(--v2-accent-soft); }
  100% { background: transparent; }
}

html[data-ui='v2'][data-v2] .macro-card,
html[data-ui='v2'][data-v2] .composite-card {
  padding: var(--v2-s5);
  cursor: pointer;
}
html[data-ui='v2'][data-v2] .macro-card:hover,
html[data-ui='v2'][data-v2] .composite-card:hover {
  background: var(--v2-sunk);
  box-shadow: none;
}
html[data-ui='v2'][data-v2] .composite-card.leaning-bull,
html[data-ui='v2'][data-v2] .composite-card.leaning-bear {
  border-color: var(--v2-line);
  --cc-glow: transparent;
}

/* =============================================================================
   5. SOLID SEMANTIC BARS
   -----------------------------------------------------------------------------
   These carry white labels on a solid fill, so the fill must be dark enough for
   white to clear AA.
   ========================================================================== */
html[data-ui='v2'][data-v2] .command-probability {
  background: var(--v2-sunk);
  border: 1px solid var(--v2-line);
}
html[data-ui='v2'][data-v2] .command-probability .prob-bull { background: var(--v2-bull); }
html[data-ui='v2'][data-v2] .command-probability .prob-bear { background: var(--v2-bear); }
html[data-ui='v2'][data-v2] .command-probability .prob-transition { background: var(--v2-chop); }
html[data-ui='v2'][data-v2] .forecast-tri-seg.stay  { background: var(--v2-bull); }
html[data-ui='v2'][data-v2] .forecast-tri-seg.flip  { background: var(--v2-warn); }
html[data-ui='v2'][data-v2] .forecast-tri-seg.break { background: var(--v2-bear); }
html[data-ui='v2'][data-v2] .prob-label,
html[data-ui='v2'][data-v2] .forecast-tri-label {
  color: var(--v2-canvas);
  text-shadow: none;
  font-weight: 500;
  letter-spacing: 0;
}

/* =============================================================================
   6. AFFORDANCE
   ========================================================================== */
html[data-ui='v2'][data-v2] .mb-regime-spotlight,
html[data-ui='v2'][data-v2] .mb-mrow,
html[data-ui='v2'][data-v2] .mb-bench-row:not(.mb-bench-headrow) { cursor: pointer; }
html[data-ui='v2'][data-v2] .mb-panel,
html[data-ui='v2'][data-v2] .mb-uni-card,
html[data-ui='v2'][data-v2] .srb-col,
html[data-ui='v2'][data-v2] .srb-shell { cursor: default; }

/* =============================================================================
   7. RESPONSIVE
   ========================================================================== */
@media (min-width: 1100px) {
  html[data-ui='v2'][data-v2] .mb-uni-card-head {
    position: sticky;
    top: var(--v2-topbar);
    z-index: var(--z-sticky);
    background: var(--v2-surface);
    margin-inline: calc(var(--v2-s7) * -1);
    padding-inline: var(--v2-s7);
    padding-block: var(--v2-s4);
  }
}
@media (max-width: 1240px) {
  html[data-ui='v2'][data-v2] .mb-regime { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  html[data-ui='v2'][data-v2] .mb-two,
  html[data-ui='v2'][data-v2] .mb-movers { grid-template-columns: minmax(0, 1fr); }
  html[data-ui='v2'][data-v2] .srb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  html[data-ui='v2'][data-v2] .mb-regime,
  html[data-ui='v2'][data-v2] .srb-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-ui='v2'][data-v2] .srb-market { font-size: var(--v2-t-3xl); }
  html[data-ui='v2'][data-v2] .srb-shell,
  html[data-ui='v2'][data-v2] .mb-uni-card { padding: var(--v2-s5); }
  html[data-ui='v2'][data-v2] .mb-mrow {
    grid-template-columns: 22px minmax(0, 1fr) 30px 46px 56px 100px;
    gap: var(--v2-s2);
  }
}