.w[data-wtype^="mx-"] {
  --smw-ink: #f2f7ff;
  --smw-muted: #8ea0b8;
  --smw-line: rgba(140, 166, 198, .16);
  --smw-up: #3ddc82;
  --smw-down: #ff5d6e;
  --smw-cyan: #53c8ff;
  --smw-gold: #ffc857;
  --smw-violet: #a78bfa;
  --smw-accent: var(--smw-up);
  --smw-shell: #0a1424;
  --smw-ring: #0e1c31;
  --smw-chip-ink: #071120;
  --smw-card: radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--smw-accent) 10%, transparent), transparent 42%), linear-gradient(150deg, rgba(18, 32, 54, .94), rgba(9, 18, 33, .9));
  --smw-card-flat: rgba(13, 24, 42, .78);
  --smw-scrim: rgba(6, 13, 25, .82);
  padding: 0 !important;
  overflow: hidden;
  isolation: isolate;
  container-type: size;
  color: var(--smw-ink);
  background:
    radial-gradient(circle at 90% 4%, color-mix(in srgb, var(--smw-accent) 13%, transparent), transparent 36%),
    linear-gradient(150deg, #0a1424 0%, #0e1c31 58%, #0a1424 100%) !important;
  background-size: auto !important;
  border-color: color-mix(in srgb, var(--smw-accent) 22%, transparent) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 2px 0 color-mix(in srgb, var(--smw-accent) 50%, transparent), inset 0 1px rgba(255, 255, 255, .04), 0 16px 38px rgba(2, 8, 18, .3);
}
.w[data-wtype="mx-portfolio-league"], .w[data-wtype="mx-podium"] { --smw-accent: var(--smw-gold); }
.w[data-wtype="mx-movers"], .w[data-wtype="mx-chart"] { --smw-accent: var(--smw-cyan); }
.w[data-wtype="mx-orderflow"], .w[data-wtype="mx-news"] { --smw-accent: var(--smw-violet); }
.w[data-wtype="mx-capital"] { --smw-accent: var(--smw-cyan); }
.w[data-wtype^="mx-"][data-stock-accent="cyan"] { --smw-accent: var(--smw-cyan); }
.w[data-wtype^="mx-"][data-stock-accent="gold"] { --smw-accent: var(--smw-gold); }
.w[data-wtype^="mx-"][data-stock-accent="mint"] { --smw-accent: var(--smw-violet); }
.w[data-wtype^="mx-"][data-stock-accent="green"] { --smw-accent: var(--smw-up); }
.w[data-wtype^="mx-"][data-stock-accent="rose"] { --smw-accent: var(--smw-down); }
.w[data-wtype^="mx-"][data-stock-accent="ice"] { --smw-accent: #7fb6ff; }
html[data-theme="light"] body:not(.canvas-tv-mode) #ecanvas .w[data-wtype^="mx-"] {
  --smw-ink: #13253f;
  --smw-muted: #5d6e86;
  --smw-line: rgba(19, 42, 71, .13);
  --smw-up: #0c9e5b;
  --smw-down: #d63a4c;
  --smw-cyan: #0b7fc4;
  --smw-gold: #a8760a;
  --smw-violet: #6d54c9;
  --smw-shell: #f7fafd;
  --smw-ring: #e6edf5;
  --smw-chip-ink: #0b2010;
  --smw-card: linear-gradient(150deg, #ffffff, #f4f8fc);
  --smw-card-flat: rgba(255, 255, 255, .85);
  --smw-scrim: rgba(255, 255, 255, .86);
  color: var(--smw-ink) !important;
  background:
    radial-gradient(circle at 90% 4%, color-mix(in srgb, var(--smw-accent) 8%, transparent), transparent 36%),
    linear-gradient(150deg, #f7fafd 0%, #eef3f9 58%, #f7fafd 100%) !important;
  background-size: auto !important;
  border-color: color-mix(in srgb, var(--smw-accent) 28%, transparent) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: inset 0 2px 0 color-mix(in srgb, var(--smw-accent) 40%, transparent), 0 14px 32px rgba(16, 30, 50, .12) !important;
}
.w[data-wtype^="mx-"] > .smw,
.w[data-wtype^="mx-"] > .smw-empty {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  flex: 1 1 0%;
  align-self: stretch;
  min-height: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: inherit;
}

.smw,
.w[data-wtype^="mx-"] > .smw-empty {
  --smw-fit: min(1.15cqi, 2.2cqh);
  --smw-grow: 1.8;
  --smw-floor: 10px;
  --smw-ceil: 22px;
  --smw-step: 1;
  --smw-raw: clamp(var(--smw-floor), calc(var(--smw-fit) * var(--smw-grow)), var(--smw-ceil));
  --smw-base: calc(var(--smw-raw) * var(--smw-step));
  --smw-fs-micro: max(9px, calc(var(--smw-base) * .68));
  --smw-fs-small: max(9px, calc(var(--smw-base) * .84));
  --smw-fs-body: var(--smw-base);
  --smw-fs-lead: calc(var(--smw-base) * 1.2);
  --smw-fs-title: calc(var(--smw-base) * 1.42);
  --smw-fs-hero: calc(var(--smw-base) * 3.2);
  --smw-fs-figure: calc(var(--smw-base) * 1.9);
  --smw-gap: calc(var(--smw-base) * .68);
  --smw-pad: calc(var(--smw-base) * .95);
  --smw-pad-lg: calc(var(--smw-base) * 1.35);
  --smw-row: calc(var(--smw-base) * 3.1);
  --smw-axis-w: max(calc(var(--smw-base) * 3.6), 54px);
  --smw-axis-gutter: calc(var(--smw-axis-w) + var(--smw-base) * .5);
  --smw-radius: calc(var(--smw-base) * .78);
  --smw-cols: 1;
  --smw-track: minmax(var(--smw-row), calc(var(--smw-row) * 1.45));
  --smw-align: center;
}
.smw.scale-readable { --smw-grow: 2.5; --smw-floor: 11px; --smw-ceil: 30px; }
.smw.scale-dense { --smw-grow: 1.35; --smw-floor: 9px; --smw-ceil: 15px; }
.smw.step-minus2 { --smw-step: .78; }
.smw.step-minus1 { --smw-step: .89; }
.smw.step-plus1 { --smw-step: 1.14; }
.smw.step-plus2 { --smw-step: 1.3; }
.smw.step-plus3 { --smw-step: 1.48; }
.smw.rows-fill { --smw-track: minmax(var(--smw-row), 1fr); --smw-align: stretch; }
.smw.rows-compact { --smw-track: var(--smw-row); --smw-align: start; }
.smw.cols-1 { --smw-cols: 1; }
.smw.cols-2 { --smw-cols: 2; }
.smw.cols-3 { --smw-cols: 3; }

.smw {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-variant-numeric: tabular-nums;
}
.smw-money { display: inline-flex; align-items: center; gap: .28em; white-space: nowrap; min-width: 0; max-width: 100%; }
.smw-money > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.smw-money__coin { width: 1.15em; height: 1.15em; flex: 0 0 auto; object-fit: contain; }

.smw-head {
  display: flex;
  align-items: center;
  gap: var(--smw-gap);
  flex: 0 0 auto;
  min-height: calc(var(--smw-base) * 2.9);
  padding: calc(var(--smw-base) * .55) var(--smw-pad-lg);
  border-bottom: 1px solid var(--smw-line);
  background: linear-gradient(90deg, color-mix(in srgb, var(--smw-accent) 9%, transparent), rgba(255, 255, 255, .025) 45%, transparent);
  box-sizing: border-box;
  overflow: hidden;
}
.smw.header-compact .smw-head { min-height: calc(var(--smw-base) * 2.2); padding-block: calc(var(--smw-base) * .3); }
.smw.header-compact .smw-heading small { display: none; }
.smw-mark {
  width: calc(var(--smw-base) * 2);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--smw-accent) 34%, transparent);
  border-radius: calc(var(--smw-base) * .6);
  background: linear-gradient(145deg, color-mix(in srgb, var(--smw-accent) 16%, transparent), color-mix(in srgb, var(--smw-cyan) 8%, transparent));
}
.smw-mark b,
.smw-mark i { font-size: max(9px, calc(var(--smw-base) * .62)); line-height: 1; font-style: normal; font-weight: 900; }
.smw-mark b { color: var(--smw-ink); }
.smw-mark i { color: var(--smw-accent); }
.smw-heading { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.smw-heading small {
  overflow: hidden;
  color: var(--smw-accent);
  font-size: var(--smw-fs-micro);
  letter-spacing: .16em;
  font-weight: 900;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smw-heading strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--smw-fs-title);
  letter-spacing: -.02em;
}
.smw-head-meta {
  margin-left: auto;
  flex: 0 1 auto;
  overflow: hidden;
  color: var(--smw-muted);
  font-size: var(--smw-fs-micro);
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.smw-live {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--smw-base) * .32);
  flex: 0 0 auto;
  padding: calc(var(--smw-base) * .22) calc(var(--smw-base) * .45);
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--smw-muted);
  font-size: var(--smw-fs-micro);
  font-weight: 900;
  letter-spacing: .1em;
  opacity: .85;
  white-space: nowrap;
}
.smw-live i { width: .42em; height: .42em; flex: 0 0 auto; border-radius: 50%; background: currentColor; }
.smw-live.is-live { color: var(--smw-up); }
.smw-live.is-live i { box-shadow: 0 0 0 .32em rgba(39, 230, 162, .12); animation: smw-pulse 1.8s ease-out infinite; }
.smw-live.is-paused,
.smw-live.is-stale { color: var(--smw-gold); }

.smw-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--smw-gap);
  flex: 1 1 auto;
  min-height: 0;
  padding: var(--smw-pad-lg);
  text-align: center;
  background: radial-gradient(circle, color-mix(in srgb, var(--smw-accent) 8%, transparent), transparent 58%);
}
.smw-empty-chart,
.smw-lock {
  display: grid;
  place-items: center;
  width: calc(var(--smw-base) * 2.9);
  height: calc(var(--smw-base) * 2.9);
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--smw-accent) 28%, transparent);
  border-radius: var(--smw-radius);
  color: var(--smw-accent);
  font-size: var(--smw-fs-lead);
  font-weight: 900;
  background: color-mix(in srgb, var(--smw-accent) 7%, transparent);
}
.smw-empty strong { font-size: var(--smw-fs-lead); }
.smw-empty p { max-width: 34ch; margin: 0; color: var(--smw-muted); font-size: var(--smw-fs-small); line-height: 1.45; }
.is-up, .smw .is-up { color: var(--smw-up) !important; }
.is-down, .smw .is-down { color: var(--smw-down) !important; }
.is-flat, .smw .is-flat { color: var(--smw-muted) !important; }
.smw-symbol {
  display: grid;
  place-items: center;
  min-width: calc(var(--smw-base) * 2.6);
  height: calc(var(--smw-base) * 1.9);
  padding: 0 calc(var(--smw-base) * .4);
  border: 1px solid color-mix(in srgb, var(--smw-accent) 20%, transparent);
  border-radius: calc(var(--smw-base) * .45);
  color: var(--smw-accent);
  background: color-mix(in srgb, var(--smw-accent) 7%, transparent);
  font-size: var(--smw-fs-micro);
  font-weight: 900;
  letter-spacing: .06em;
  box-sizing: border-box;
}

.smw-index-main {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.55fr);
  grid-template-rows: minmax(0, 1fr);
  gap: var(--smw-gap);
  align-items: stretch;
  min-height: 0;
  flex: 1 1 auto;
  padding: var(--smw-pad) var(--smw-pad-lg);
}
.smw-index-quote {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding: var(--smw-pad);
  border: 1px solid color-mix(in srgb, var(--smw-accent) 18%, transparent);
  border-radius: var(--smw-radius);
  background: var(--smw-card);
  box-shadow: inset 0 1px rgba(255, 255, 255, .05), inset 3px 0 var(--smw-accent);
}
.smw-quote-top { display: flex; align-items: center; gap: calc(var(--smw-base) * .4); min-width: 0; }
.smw-quote-top span {
  overflow: hidden;
  color: #a9b9cc;
  font-size: var(--smw-fs-micro);
  font-weight: 900;
  letter-spacing: .12em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smw-quote-top i {
  margin-left: auto;
  flex: 0 0 auto;
  padding: calc(var(--smw-base) * .16) calc(var(--smw-base) * .34);
  border: 1px solid color-mix(in srgb, var(--smw-accent) 22%, transparent);
  border-radius: 999px;
  color: var(--smw-accent);
  background: color-mix(in srgb, var(--smw-accent) 7%, transparent);
  font-size: var(--smw-fs-micro);
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  white-space: nowrap;
}
.smw-index-quote > strong {
  margin-top: calc(var(--smw-base) * .3);
  overflow: hidden;
  font-size: min(var(--smw-fs-hero), 13cqi, 26cqh);
  line-height: .9;
  letter-spacing: -.055em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smw-quote-move { display: flex; align-items: center; gap: calc(var(--smw-base) * .4); min-width: 0; margin-top: calc(var(--smw-base) * .45); }
.smw-quote-move em {
  flex: 0 0 auto;
  padding: calc(var(--smw-base) * .2) calc(var(--smw-base) * .38);
  border: 1px solid currentColor;
  border-radius: calc(var(--smw-base) * .38);
  background: color-mix(in srgb, currentColor 10%, transparent);
  font-size: var(--smw-fs-body);
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}
.smw-quote-move b { overflow: hidden; font-size: var(--smw-fs-micro); letter-spacing: .08em; opacity: .78; text-overflow: ellipsis; white-space: nowrap; }
.smw-index-quote > small {
  display: flex;
  align-items: center;
  gap: calc(var(--smw-base) * .34);
  margin-top: calc(var(--smw-base) * .45);
  min-width: 0;
  overflow: hidden;
  color: #8fa1b7;
  font-size: var(--smw-fs-micro);
  white-space: nowrap;
}
.smw-index-quote > small i {
  width: .5em;
  height: .5em;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--smw-up);
  box-shadow: 0 0 0 .3em rgba(39, 230, 162, .08);
}
.smw-index-quote > small b { margin-left: auto; overflow: hidden; color: #b8c6d6; font-size: inherit; text-overflow: ellipsis; }
.smw-quote-scan { display: none; }

.smw-index-chart {
  position: relative;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding:
    calc(var(--smw-base) * 1.5)
    calc(var(--smw-base) * .7)
    calc(var(--smw-base) * 2.1)
    var(--smw-axis-gutter);
  color: var(--smw-accent);
  border: 1px solid color-mix(in srgb, var(--smw-accent) 14%, transparent);
  border-radius: var(--smw-radius);
  background:
    radial-gradient(circle at 76% 22%, color-mix(in srgb, var(--smw-accent) 8%, transparent), transparent 34%),
    linear-gradient(180deg, rgba(8, 30, 28, .72), rgba(3, 16, 16, .56));
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
  box-sizing: border-box;
}
.smw-index-chart svg { position: relative; z-index: 1; width: 100%; height: 100%; overflow: visible; }
.smw-chart-toolbar {
  position: absolute;
  z-index: 3;
  top: calc(var(--smw-base) * .42);
  right: calc(var(--smw-base) * .6);
  left: calc(var(--smw-base) * .7);
  display: flex;
  align-items: center;
  gap: calc(var(--smw-base) * .45);
  min-width: 0;
  pointer-events: none;
}
.smw-chart-toolbar > span { overflow: hidden; color: #6f8497; font-size: var(--smw-fs-micro); font-weight: 950; letter-spacing: .14em; white-space: nowrap; text-overflow: ellipsis; }
.smw-chart-toolbar > b { color: #c4d0de; font-size: var(--smw-fs-micro); letter-spacing: .09em; white-space: nowrap; }
.smw-chart-legend { display: flex; align-items: center; gap: calc(var(--smw-base) * .28); margin-left: auto; flex: 0 1 auto; min-width: 0; overflow: hidden; color: #8395aa; font-size: var(--smw-fs-micro); font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
.smw-chart-legend i { width: .6em; height: .6em; margin-left: .3em; border-radius: 2px; }
.smw-chart-legend .is-observed { background: var(--smw-up); }
.smw-chart-legend .is-derived { border: 1px solid var(--smw-accent); background: var(--smw-shell); }
.smw-grid { fill: none; stroke: rgba(139, 166, 196, .11); stroke-width: .45; stroke-dasharray: 1.2 2; vector-effect: non-scaling-stroke; }
.smw-baseline { fill: none; stroke: rgba(255, 200, 87, .4); stroke-width: .55; stroke-dasharray: 3 2; vector-effect: non-scaling-stroke; }
.smw-price-guide { fill: none; stroke: currentColor; stroke-width: .45; stroke-dasharray: 1 2; opacity: .32; vector-effect: non-scaling-stroke; }
.smw-area { fill: url(#smw-index-fill); }
.smw-line { fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.smw-last { fill: var(--smw-up); stroke: var(--smw-shell); stroke-width: .8; vector-effect: non-scaling-stroke; }
.smw-ma { fill: none; stroke: var(--smw-gold); stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; opacity: .85; vector-effect: non-scaling-stroke; }
.smw-compare { fill: none; stroke: #7fb6ff; stroke-width: 1.1; stroke-dasharray: 4 2.5; stroke-linecap: round; opacity: .8; vector-effect: non-scaling-stroke; }
.smw-chart-legend .is-ma { background: var(--smw-gold); }
.smw-chart-legend .is-compare { background: #7fb6ff; }
.smw-chart-legend .is-short { background: var(--smw-gold); opacity: .55; }
.smw-candle line { stroke: currentColor; stroke-width: .8; vector-effect: non-scaling-stroke; opacity: .72; }
.smw-candle rect { fill: currentColor; opacity: .88; }
.smw-candle.is-derived line { stroke-dasharray: 1 1; opacity: .42; }
.smw-candle.is-derived rect { fill: var(--smw-shell); stroke: currentColor; stroke-width: .7; opacity: .82; vector-effect: non-scaling-stroke; }
.smw-candle.is-up { color: var(--smw-up); }
.smw-candle.is-down { color: var(--smw-down); }
.smw-candle:focus { outline: none; filter: drop-shadow(0 0 3px currentColor); }
.smw-close-only { fill: var(--smw-shell); stroke: currentColor; stroke-width: .8; vector-effect: non-scaling-stroke; }
.smw-close-only:focus { outline: none; fill: var(--smw-accent); }
.smw-point-hit { fill: transparent; stroke: transparent; stroke-width: 1; vector-effect: non-scaling-stroke; }
.smw-point-hit:focus { outline: none; fill: var(--smw-accent); stroke: var(--smw-shell); }
.smw-last-price {
  position: absolute;
  z-index: 4;
  top: var(--smw-last-y);
  right: calc(var(--smw-base) * .25);
  translate: 0 -50%;
  padding: calc(var(--smw-base) * .16) calc(var(--smw-base) * .3);
  border: 1px solid currentColor;
  border-radius: calc(var(--smw-base) * .3);
  background: var(--smw-scrim);
  font-size: var(--smw-fs-micro);
  font-weight: 950;
  pointer-events: none;
  white-space: nowrap;
}
.smw-axis-y,
.smw-axis-x,
.smw-chart-coverage {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  color: var(--smw-muted);
  font-size: var(--smw-fs-micro);
  font-weight: 850;
  line-height: 1;
}
.smw-axis-y {
  inset: calc(var(--smw-base) * 1.5) auto calc(var(--smw-base) * 2.1) calc(var(--smw-base) * .3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: var(--smw-axis-w);
}
.smw-axis-y span,
.smw-axis-x span {
  overflow: hidden;
  max-width: 100%;
  padding: calc(var(--smw-base) * .16) calc(var(--smw-base) * .22);
  border: 1px solid rgba(139, 166, 196, .1);
  border-radius: calc(var(--smw-base) * .25);
  background: rgba(3, 16, 16, .7);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smw-axis-x {
  right: calc(var(--smw-base) * .6);
  bottom: calc(var(--smw-base) * 1.1);
  left: var(--smw-axis-gutter);
  display: flex;
  justify-content: space-between;
  gap: calc(var(--smw-base) * .4);
}
.smw-chart-coverage {
  right: calc(var(--smw-base) * .6);
  bottom: calc(var(--smw-base) * .3);
  left: var(--smw-axis-gutter);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  letter-spacing: .03em;
}
.smw-chart-coverage.is-partial { color: var(--smw-gold); }
.smw-index-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  flex: 0 0 auto;
  border-top: 1px solid var(--smw-line);
  background: var(--smw-card-flat);
}
.smw-index-stats span { position: relative; min-width: 0; padding: calc(var(--smw-base) * .5) var(--smw-pad); border-right: 1px solid var(--smw-line); }
.smw-index-stats span:last-child { border-right: 0; }
.smw-index-stats small,
.smw-investor-stats small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--smw-muted);
  font-size: var(--smw-fs-micro);
  letter-spacing: .11em;
  font-weight: 900;
}
.smw-index-stats b,
.smw-investor-stats b {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: var(--smw-ink);
  font-size: var(--smw-fs-lead);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.smw-index.chart-market .smw-area,
.smw-index.chart-market .smw-line,
.smw-index.chart-market .smw-last { display: none; }
.smw-index.chart-line .smw-area,
.smw-index.chart-line .smw-candle { display: none; }
.smw-index.chart-area .smw-candle { display: none; }

.smw-ticker { overflow: hidden; }
.smw-ticker-body {
  display: grid;
  grid-template-columns: minmax(0, 34%) minmax(0, 1fr);
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.smw-ticker-body.without-notices { grid-template-columns: minmax(0, 1fr); }
.smw-ticker-body.without-notices .smw-ticker-window { border-left: 0; }
.smw-ticker-window { min-width: 0; min-height: 0; overflow: hidden; border-left: 1px solid var(--smw-line); }
.smw-notice-stage { --smw-notice-visible: 1; position: relative; min-width: 0; min-height: 0; overflow: hidden; background: var(--smw-card-flat); }
.smw-notice-track {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(1000% / var(--smw-notice-visible));
  animation: smw-notice-rotate 70s steps(9, end) infinite;
}
.smw-ticker.notice-slow .smw-notice-track { animation-duration: 110s; }
.smw-ticker.notice-fast .smw-notice-track { animation-duration: 44s; }
.smw-ticker.notice-static .smw-notice-track { height: 100%; animation: none; }
.smw-ticker.notice-static .smw-notice { height: 100%; }
.smw-ticker.notice-static .smw-notice:not(:first-child) { display: none; }
.smw-notice {
  --notice-tone: var(--smw-accent);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 3px;
  align-items: center;
  gap: var(--smw-gap);
  height: 10%;
  min-height: 0;
  padding: calc(var(--smw-base) * .45) var(--smw-pad);
  box-sizing: border-box;
  overflow: hidden;
}
.smw-notice.is-up,
.smw-notice.is-session,
.smw-notice.is-trade { --notice-tone: var(--smw-up); }
.smw-notice.is-down,
.smw-notice.is-pause { --notice-tone: var(--smw-down); }
.smw-notice.is-league,
.smw-notice.is-chase,
.smw-notice.is-prize { --notice-tone: var(--smw-gold); }
.smw-notice.is-etf { --notice-tone: var(--smw-violet); }
.smw-notice-icon {
  display: grid;
  width: calc(var(--smw-base) * 2.4);
  aspect-ratio: 1;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--notice-tone) 48%, transparent);
  border-radius: var(--smw-radius);
  background: color-mix(in srgb, var(--notice-tone) 13%, transparent);
  color: var(--notice-tone);
  font-size: var(--smw-fs-micro);
  font-weight: 950;
}
.smw-notice-copy { min-width: 0; }
.smw-notice-copy small,
.smw-notice-copy strong,
.smw-notice-copy em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smw-notice-copy small { color: var(--notice-tone); font-size: var(--smw-fs-micro); font-weight: 950; letter-spacing: .12em; }
.smw-notice-copy strong { margin-top: 2px; color: var(--smw-ink); font-size: var(--smw-fs-lead); letter-spacing: -.02em; }
.smw-notice-copy em { margin-top: 2px; color: var(--smw-muted); font-size: var(--smw-fs-small); font-style: normal; }
.smw-notice > i { width: 3px; height: 58%; border-radius: 99px; background: var(--notice-tone); }
.smw-ticker-track {
  display: flex;
  align-items: stretch;
  width: max-content;
  min-height: 100%;
  animation: smw-ticker 38s linear infinite;
}
.smw-ticker.speed-slow .smw-ticker-track { animation-duration: 62s; }
.smw-ticker.speed-fast .smw-ticker-track { animation-duration: 22s; }
.smw-ticker.direction-right .smw-ticker-track { animation-name: smw-ticker-right; }
.smw-ticker.direction-static .smw-ticker-track { width: 100%; overflow-x: auto; animation: none; }
.smw-ticker.direction-static .smw-ticker-item { flex: 0 0 auto; }
.smw-ticker.direction-static .smw-ticker-item.is-clone { display: none; }
.smw-ticker:hover .smw-ticker-track { animation-play-state: paused; }
.smw-ticker-track:focus-visible { outline: 2px solid var(--smw-accent); outline-offset: -2px; animation-play-state: paused; }
.smw-ticker-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--smw-gap);
  width: clamp(calc(var(--smw-base) * 16), 24cqi, calc(var(--smw-base) * 24));
  padding: calc(var(--smw-base) * .45) var(--smw-pad);
  border-right: 1px solid var(--smw-line);
  background: linear-gradient(110deg, rgba(255, 255, 255, .018), transparent 64%);
  box-sizing: border-box;
  overflow: hidden;
}
.smw-ticker-name,
.smw-ticker-price { min-width: 0; display: flex; flex-direction: column; }
.smw-ticker-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-ink); font-size: var(--smw-fs-body); }
.smw-ticker-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-micro); }
.smw-ticker-price { align-items: flex-end; }
.smw-ticker-price b { color: var(--smw-ink); font-size: var(--smw-fs-body); white-space: nowrap; }
.smw-ticker-price em { font-size: var(--smw-fs-micro); font-style: normal; font-weight: 900; }
.smw-spark { width: calc(var(--smw-base) * 3.4); height: calc(var(--smw-base) * 1.4); flex: 0 0 auto; }
.smw-spark path { fill: none; stroke: currentColor; stroke-width: 1.3; vector-effect: non-scaling-stroke; }
.smw-spark-empty { color: var(--smw-muted); letter-spacing: .25em; font-size: var(--smw-fs-micro); }

.smw-ranking,
.smw-mover-list,
.smw-tape {
  display: grid;
  grid-template-columns: repeat(var(--smw-cols), minmax(0, 1fr));
  grid-auto-rows: var(--smw-track);
  align-content: var(--smw-align);
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.smw-rank,
.smw-mover,
.smw-tape article {
  display: grid;
  align-items: center;
  gap: var(--smw-gap);
  min-width: 0;
  min-height: 0;
  padding: calc(var(--smw-base) * .38) var(--smw-pad);
  border-bottom: 1px solid var(--smw-line);
  box-sizing: border-box;
  overflow: hidden;
}
.smw.density-compact .smw-rank,
.smw.density-compact .smw-mover,
.smw.density-compact .smw-tape article { padding-block: calc(var(--smw-base) * .2); }
.smw-rank { grid-template-columns: auto auto minmax(0, 1fr) auto; }
.smw-rank.rank-1 { background: linear-gradient(90deg, color-mix(in srgb, var(--smw-gold) 12%, transparent), transparent); }
.smw-rank.is-spotlit {
  background: linear-gradient(90deg, color-mix(in srgb, var(--smw-accent) 22%, transparent), transparent 72%);
  box-shadow: inset 3px 0 var(--smw-accent);
}
.smw-rank.is-spotlit .smw-rank-name strong { color: var(--smw-accent); }
.smw-rank-no { min-width: 1.4em; color: var(--smw-muted); font-size: var(--smw-fs-body); font-weight: 900; text-align: center; }
.smw-rank.rank-1 .smw-rank-no { color: var(--smw-gold); font-size: var(--smw-fs-lead); }
.smw-avatar {
  display: grid;
  place-items: center;
  width: calc(var(--smw-base) * 2.2);
  height: calc(var(--smw-base) * 2.2);
  flex: 0 0 auto;
  border-radius: 50%;
  color: var(--smw-chip-ink);
  background: linear-gradient(135deg, var(--smw-accent), var(--smw-up));
  font-size: var(--smw-fs-micro);
  font-weight: 900;
}
.smw-rank-name,
.smw-rank-value { min-width: 0; display: flex; flex-direction: column; }
.smw-rank-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-ink); font-size: var(--smw-fs-body); }
.smw-rank-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-micro); }
.smw-rank-value { align-items: flex-end; min-width: 0; }
.smw-rank-value b { max-width: 100%; color: var(--smw-ink); font-size: var(--smw-fs-body); }
.smw-rank-value em { font-size: var(--smw-fs-micro); font-style: normal; font-weight: 900; white-space: nowrap; }
.smw-footnote {
  flex: 0 0 auto;
  padding: calc(var(--smw-base) * .45) var(--smw-pad);
  overflow: hidden;
  color: var(--smw-muted);
  background: var(--smw-card-flat);
  font-size: var(--smw-fs-micro);
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.smw-mover { grid-template-columns: auto minmax(0, 1fr) minmax(0, .5fr) auto; }
.smw-mover-name { min-width: 0; display: flex; flex-direction: column; }
.smw-mover-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-ink); font-size: var(--smw-fs-body); }
.smw-mover-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-micro); }
.smw-mover-bar { height: calc(var(--smw-base) * .3); min-width: 0; border-radius: 99px; background: rgba(139, 166, 196, .12); overflow: hidden; }
.smw-mover-bar i { display: block; height: 100%; border-radius: inherit; background: currentColor; }
.smw-mover > b { font-size: var(--smw-fs-body); text-align: right; white-space: nowrap; }

.smw-orderflow {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  grid-template-rows: auto minmax(0, 1fr);
}
.smw-orderflow > .smw-head { grid-column: 1 / -1; }
.smw-flow-summary {
  display: grid;
  grid-template-columns: clamp(calc(var(--smw-base) * 3.6), 30%, calc(var(--smw-base) * 7.5)) minmax(0, 1fr);
  gap: var(--smw-gap);
  align-items: center;
  min-width: 0;
  min-height: 0;
  padding: var(--smw-pad);
  border-right: 1px solid var(--smw-line);
  background: linear-gradient(120deg, color-mix(in srgb, var(--smw-up) 5%, transparent), transparent 68%);
  overflow: hidden;
}
.smw-flow-ring,
.smw-capital-ring {
  position: relative;
  display: grid;
  place-items: center;
  container-type: inline-size;
  width: min(100%, calc(100cqh - var(--smw-base) * 4));
  aspect-ratio: 1;
  margin: auto;
  border-radius: 50%;
  background: conic-gradient(var(--smw-up) 0 var(--buy), var(--smw-down) var(--buy) 100%);
}
.smw-flow-ring::before,
.smw-capital-ring::before { content: ""; position: absolute; inset: 11%; border-radius: 50%; background: var(--smw-ring); }
.smw-flow-ring span,
.smw-capital-ring span { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; max-width: 78%; text-align: center; }
.smw-flow-ring b { font-size: min(var(--smw-fs-figure), 30cqi); line-height: 1; }
.smw-flow-ring small,
.smw-capital-ring small { margin-top: 2px; overflow: hidden; color: var(--smw-muted); font-size: min(var(--smw-fs-micro), 12cqi); letter-spacing: .1em; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.smw-flow-kpis { display: grid; gap: calc(var(--smw-base) * .45); min-width: 0; max-width: calc(var(--smw-base) * 40); align-content: center; }
.smw-flow-kpis span { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: var(--smw-gap); padding-bottom: calc(var(--smw-base) * .3); border-bottom: 1px solid var(--smw-line); }
.smw-flow-kpis small { overflow: hidden; color: currentColor; font-size: var(--smw-fs-micro); font-weight: 900; letter-spacing: .1em; text-overflow: ellipsis; white-space: nowrap; }
.smw-flow-kpis b { color: var(--smw-ink); font-size: var(--smw-fs-lead); white-space: nowrap; }
.smw-tape article { grid-template-columns: auto auto minmax(0, 1fr) auto auto; }
.smw-tape article > span {
  display: grid;
  place-items: center;
  width: calc(var(--smw-base) * 1.5);
  height: calc(var(--smw-base) * 1.5);
  flex: 0 0 auto;
  border-radius: calc(var(--smw-base) * .35);
  color: var(--smw-shell);
  background: currentColor;
  font-size: var(--smw-fs-micro);
  font-weight: 900;
}
.smw-tape article > strong { font-size: var(--smw-fs-small); }
.smw-tape article > small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-micro); }
.smw-tape article > b { color: var(--smw-ink); font-size: var(--smw-fs-small); white-space: nowrap; }
.smw-tape time { color: var(--smw-muted); font-size: var(--smw-fs-micro); white-space: nowrap; }

.smw-investor-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--smw-gap);
  align-items: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: var(--smw-pad);
  background: linear-gradient(120deg, color-mix(in srgb, var(--smw-accent) 4%, transparent), transparent 62%);
  overflow: hidden;
}
.smw-capital-ring {
  --cash: 50%;
  --stocks: 75%;
  --supervisors: 85%;
  width: min(100%, calc(100cqh - var(--smw-base) * 5));
  background: conic-gradient(var(--smw-cyan) 0 var(--cash), var(--smw-up) var(--cash) var(--stocks), var(--smw-gold) var(--stocks) var(--supervisors), var(--smw-violet) var(--supervisors) 100%);
}
.smw-capital-ring span { line-height: 1.1; max-width: 92%; }
.smw-capital-ring b { display: flex; justify-content: center; max-width: 100%; margin-top: 3px; overflow: hidden; font-size: min(var(--smw-fs-lead), 16cqi); line-height: 1; }
.smw-capital-legend { display: grid; gap: calc(var(--smw-base) * .5); min-width: 0; align-content: center; }
.smw-capital-legend span { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: calc(var(--smw-base) * .4); align-items: center; padding-bottom: calc(var(--smw-base) * .35); border-bottom: 1px solid var(--smw-line); }
.smw-capital-legend i { width: .6em; height: .6em; border-radius: 2px; background: currentColor; }
.smw-capital-legend small { overflow: hidden; color: var(--smw-muted); font-size: var(--smw-fs-small); text-overflow: ellipsis; white-space: nowrap; }
.smw-capital-legend b { color: var(--smw-ink); font-size: var(--smw-fs-body); white-space: nowrap; }
.smw-capital-legend .is-cash { color: var(--smw-cyan); }
.smw-capital-legend .is-stock { color: var(--smw-up); }
.smw-capital-legend .is-supervisor { color: var(--smw-gold); }
.smw-capital-legend .is-etf { color: var(--smw-violet); }
.smw-investor-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); flex: 0 0 auto; border-top: 1px solid var(--smw-line); background: rgba(2, 14, 13, .24); }
.smw-investor-stats span { min-width: 0; padding: calc(var(--smw-base) * .45) var(--smw-pad); border-right: 1px solid var(--smw-line); }
.smw-investor-stats span:last-child { border-right: 0; }
.smw-label-short { display: none; }

.smw.closed-dim:not(.is-live) .smw-index-main,
.smw.closed-dim:not(.is-live) .smw-ranking,
.smw.closed-dim:not(.is-live) .smw-mover-list,
.smw.closed-dim:not(.is-live) .smw-tape,
.smw.closed-dim:not(.is-live) .smw-ticker-body,
.smw.closed-dim:not(.is-live) .smw-flow-summary,
.smw.closed-dim:not(.is-live) .smw-investor-main { opacity: .48; filter: saturate(.55); }
.smw.closed-dim:not(.is-live) .smw-live { opacity: 1; }

@container (max-width: 760px) {
  .smw-ticker-body { grid-template-columns: minmax(0, 42%) minmax(0, 1fr); }
  .smw-notice-copy em { display: none; }
}
@container (max-width: 470px) {
  .smw-ticker-body { grid-template-columns: minmax(0, 1fr); }
  .smw-ticker-window { display: none; }
  .smw-orderflow { display: flex; flex-direction: column; }
  .smw-flow-summary { flex: 0 0 auto; border-right: 0; border-bottom: 1px solid var(--smw-line); }
  .smw-label-long { display: none; }
  .smw-label-short { display: inline; }
}
@container (max-width: 470px) and (min-height: 300px) {
  .smw-index-main { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  .smw-index-quote { justify-content: flex-start; }
}
@container (max-width: 470px) and (max-height: 320px) {
  .smw-orderflow .smw-tape article:nth-child(n+3) { display: none; }
}
@container (max-width: 560px) {
  .smw-chart-legend { display: none; }
}
@container (max-width: 360px) {
  .smw-head-meta { display: none; }
  .smw-last-price { display: none; }
  .smw-index-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .smw-index-stats span:nth-child(2) { border-right: 0; }
  .smw-rank-name small { display: none; }
  .smw-mover { grid-template-columns: auto minmax(0, 1fr) auto; }
  .smw-mover-bar { display: none; }
  .smw-tape article { grid-template-columns: auto auto minmax(0, 1fr) auto; }
  .smw-tape time { display: none; }
  .smw-investor-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
}
@container (max-width: 430px) and (max-height: 290px) {
  .smw-index-main { grid-template-columns: minmax(0, 1fr); }
  .smw-index-chart { display: none; }
  .smw-index-quote { align-items: stretch; }
}
@container (max-width: 230px) {
  .smw-head { gap: calc(var(--smw-base) * .3); padding-inline: calc(var(--smw-base) * .5); }
  .smw-live { gap: 0; padding: calc(var(--smw-base) * .25); font-size: 0; }
  .smw-avatar { display: none; }
  .smw-rank-value em { display: none; }
  .smw-index-main { gap: calc(var(--smw-base) * .3); padding-inline: calc(var(--smw-base) * .4); }
}

@container (max-height: 220px) {
  .smw-heading small { display: none; }
  .smw-footnote { display: none; }
  .smw-chart-toolbar > span { display: none; }
  .smw-chart-coverage { display: none; }
  .smw-index-quote > small { display: none; }
  .smw-capital-ring small,
  .smw-flow-ring small { display: none; }
}
@container (max-height: 185px) {
  .smw-index-stats { display: none; }
  .smw-investor-stats { display: none; }
  .smw-quote-move b { display: none; }
  .smw-axis-x { display: none; }
  .smw-chart-toolbar { display: none; }
  .smw-index-chart { padding-block: calc(var(--smw-base) * .4); }
  .smw-axis-y { inset: calc(var(--smw-base) * .3) auto calc(var(--smw-base) * .3) calc(var(--smw-base) * .2); }
}
@container (max-height: 110px) {
  .smw-ticker .smw-head { display: none; }
  .smw-notice-copy em { display: none; }
  .smw-axis-y { display: none; }
  .smw-index-chart { padding-left: calc(var(--smw-base) * .4); }
  .smw-quote-top { display: none; }
}

@container (min-height: 200px) {
  .smw-ticker-track { display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, minmax(0, 1fr)); grid-auto-columns: clamp(calc(var(--smw-base) * 16), 26cqi, calc(var(--smw-base) * 26)); }
  .smw-ticker-item { width: auto; }
}
@container (min-height: 300px) {
  .smw-ticker-track { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .smw-notice-stage { --smw-notice-visible: 2; }
}
@container (min-height: 440px) {
  .smw-ticker-track { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .smw-notice-stage { --smw-notice-visible: 3; }
}
@container (min-height: 600px) {
  .smw-ticker-track { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .smw-notice-stage { --smw-notice-visible: 4; }
}
@container (min-height: 760px) {
  .smw-notice-stage { --smw-notice-visible: 6; }
}
@container (min-height: 200px) and (max-width: 900px) {
  .smw-ticker-item .smw-spark,
  .smw-ticker-item .smw-spark-empty { display: none; }
}

@container (max-height: 240px) {
  .smw:not(.cols-2):not(.cols-3) .smw-rank:nth-child(n+6),
  .smw:not(.cols-2):not(.cols-3) .smw-mover:nth-child(n+6),
  .smw:not(.cols-2):not(.cols-3) .smw-tape article:nth-child(n+6) { display: none; }
}
@container (max-height: 190px) {
  .smw:not(.cols-2):not(.cols-3) .smw-rank:nth-child(n+4),
  .smw:not(.cols-2):not(.cols-3) .smw-mover:nth-child(n+4),
  .smw:not(.cols-2):not(.cols-3) .smw-tape article:nth-child(n+4) { display: none; }
  .smw-orderflow { grid-template-columns: minmax(0, 1fr); }
  .smw-orderflow .smw-tape { display: none; }
  .smw-orderflow .smw-flow-summary { flex: 1 1 auto; border-right: 0; border-bottom: 0; }
}
@container (max-height: 135px) {
  .smw:not(.cols-2):not(.cols-3) .smw-rank:nth-child(n+3),
  .smw:not(.cols-2):not(.cols-3) .smw-mover:nth-child(n+3),
  .smw:not(.cols-2):not(.cols-3) .smw-tape article:nth-child(n+3) { display: none; }
}
@container (max-height: 95px) {
  .smw:not(.cols-2):not(.cols-3) .smw-rank:nth-child(n+2),
  .smw:not(.cols-2):not(.cols-3) .smw-mover:nth-child(n+2),
  .smw:not(.cols-2):not(.cols-3) .smw-tape article:nth-child(n+2) { display: none; }
}
@container (max-height: 240px) {
  .smw.cols-2 .smw-rank:nth-child(n+11),
  .smw.cols-2 .smw-mover:nth-child(n+11),
  .smw.cols-3 .smw-rank:nth-child(n+16),
  .smw.cols-3 .smw-mover:nth-child(n+16) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .smw-ticker-track,
  .smw-live i { animation: none !important; }
  .smw-ticker-track { width: 100%; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .smw-ticker-track .smw-ticker-item { flex: 0 0 auto; scroll-snap-align: start; }
  .smw-ticker-track .smw-ticker-item.is-clone { display: none; }
  .smw-notice-track { height: 100%; animation: none; transform: none; }
  .smw-notice { display: none; height: 100%; }
  .smw-notice:first-child { display: grid; }
}
@keyframes smw-pulse { 0% { box-shadow: 0 0 0 0 rgba(39, 230, 162, .3); } 75%, 100% { box-shadow: 0 0 0 .55em rgba(39, 230, 162, 0); } }
@keyframes smw-ticker { to { transform: translateX(-50%); } }
@keyframes smw-ticker-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@keyframes smw-notice-rotate { from { transform: translateY(0); } to { transform: translateY(-90%); } }

@media (min-width: 1101px) and (max-width: 1450px) {
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .shell {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .rail {
    width: 72px !important;
    min-width: 72px !important;
    padding: 12px 8px !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .rail :is(.rail-label, .ccm-product-switcher__label, .ccm-product-switcher__chev, .nav-folder) {
    display: none !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .rail :is(.rail-item, .nav-btn, .ccm-product-switcher) {
    justify-content: center !important;
    gap: 0 !important;
    padding-inline: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .shell {
    grid-template-columns: 1fr !important;
    height: 100dvh !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .rail {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: min(86vw, 330px) !important;
    min-width: 0 !important;
    max-width: 330px !important;
    height: 100dvh !important;
    z-index: 3000 !important;
    transform: translateX(-102%) !important;
    transition: transform .26s cubic-bezier(.2, .8, .2, 1) !important;
    overflow-y: auto !important;
    padding: 14px 12px !important;
    border-radius: 0 20px 20px 0 !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .rail.mobile-open { transform: translateX(0) !important; }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) #canvasMobileMenuBtn {
    display: inline-flex !important;
    position: fixed !important;
    top: 9px !important;
    left: 10px !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3200 !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) #cvGlobalBar { display: none !important; }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .stage,
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .stage > #cvGlobalBar ~ .screen {
    width: 100% !important;
    top: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .ebar {
    padding-left: 60px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) :is(.editor-shell, #ecanvas, .ebar, .ebar-ctx) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 100% !important;
    overflow: visible !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) .ebar-ctx { overflow-x: auto !important; }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) #cvBoard {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 12px !important;
    padding: 12px !important;
    transform: none !important;
  }
  body:not(.canvas-fullscreen):has(.screen[data-screen="editor"].active #cvBoard > .w[data-wtype^="mx-"]) #cvBoard > .w[data-wtype^="mx-"] {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 280px !important;
    transform: none !important;
  }
}

body.canvas-fullscreen.canvas-tv-mode:has(#cvBoard > .w[data-wtype^="mx-"]) #ecanvas { padding: 0 !important; }
body.canvas-fullscreen.canvas-tv-mode:has(#cvBoard > .w[data-wtype^="mx-"]) #cvBoard {
  display: grid !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 0 !important;
  padding: 12px !important;
  gap: 12px !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  box-sizing: border-box !important;
}
body.canvas-fullscreen.canvas-tv-mode:has(#cvBoard > .w[data-wtype^="mx-"]) #cvBoard > .w[data-wtype^="mx-"] {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
}
body.canvas-fullscreen.canvas-tv-mode .smw { --smw-floor: 12px; --smw-ceil: 34px; }

@media (orientation: landscape) {
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-market"] { grid-column: 1 / 9 !important; grid-row: 1 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-movers"] { grid-column: 9 / 13 !important; grid-row: 1 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-newswire"] { grid-column: 1 / 13 !important; grid-row: 5 / span 2 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-portfolio-league"] { grid-column: 1 / 7 !important; grid-row: 7 / span 6 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-orderflow"] { grid-column: 7 / 13 !important; grid-row: 7 / span 3 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-capital"] { grid-column: 7 / 13 !important; grid-row: 10 / span 3 !important; }
}

@media (orientation: portrait) {
  body.canvas-fullscreen.canvas-tv-mode:has(#cvBoard > .w[data-wtype^="mx-"]) #cvBoard {
    grid-template-rows: repeat(18, minmax(0, 1fr)) !important;
  }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-market"] { grid-column: 1 / 13 !important; grid-row: 1 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-movers"] { grid-column: 1 / 7 !important; grid-row: 5 / span 5 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-portfolio-league"] { grid-column: 7 / 13 !important; grid-row: 5 / span 5 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-newswire"] { grid-column: 1 / 13 !important; grid-row: 10 / span 2 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-orderflow"] { grid-column: 1 / 7 !important; grid-row: 12 / span 7 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype="mx-capital"] { grid-column: 7 / 13 !important; grid-row: 12 / span 7 !important; }
}


.smw-chip {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--smw-base) * .22);
  justify-self: end;
  padding: calc(var(--smw-base) * .18) calc(var(--smw-base) * .42);
  border: 1px solid color-mix(in srgb, currentColor 45%, transparent);
  border-radius: calc(var(--smw-base) * .35);
  background: color-mix(in srgb, currentColor 10%, transparent);
  font-size: var(--smw-fs-small);
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
.smw-chip i { width: 0; height: 0; border-left: calc(var(--smw-base) * .22) solid transparent; border-right: calc(var(--smw-base) * .22) solid transparent; }
.smw-chip.is-up i { border-bottom: calc(var(--smw-base) * .28) solid currentColor; }
.smw-chip.is-down i { border-top: calc(var(--smw-base) * .28) solid currentColor; }
.smw-chip.is-flat i { width: calc(var(--smw-base) * .35); height: 2px; border: 0; background: currentColor; border-radius: 2px; }
.smw-face {
  display: grid;
  place-items: center;
  width: calc(var(--smw-base) * 2.1);
  aspect-ratio: 1;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  color: var(--smw-chip-ink);
  background: linear-gradient(135deg, var(--smw-cyan), var(--smw-up));
  font-size: var(--smw-fs-micro);
  font-weight: 900;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--smw-accent) 22%, transparent);
}
.smw-face img { width: 100%; height: 100%; object-fit: cover; }
.smw-face.smw-face-sm { width: calc(var(--smw-base) * 1.7); }
.smw-face.smw-face-lg { width: calc(var(--smw-base) * 3.6); font-size: var(--smw-fs-lead); }

.smw-hero { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--smw-gap); padding: calc(var(--smw-base) * .5) var(--smw-pad-lg); }
.smw-hero .smw-mark { width: calc(var(--smw-base) * 2.6); }
.smw-hero-brand { display: flex; align-items: center; gap: var(--smw-gap); min-width: 0; flex: 0 1 auto; }
.smw-hero-title { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.smw-hero-title strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--smw-fs-title); letter-spacing: -.02em; }
.smw-hero-title small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-micro); font-weight: 900; letter-spacing: .14em; }
.smw-hero-index { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: calc(var(--smw-base) * 11); flex: 1 1 auto; max-width: 34cqi; align-self: stretch; padding: calc(var(--smw-base) * .4) var(--smw-pad); border-inline: 1px solid var(--smw-line); overflow: hidden; }
.smw-hero-index > small { color: var(--smw-muted); font-size: var(--smw-fs-micro); font-weight: 900; letter-spacing: .12em; }
.smw-hero-quote { display: flex; align-items: center; gap: calc(var(--smw-base) * .5); }
.smw-hero-quote strong { font-size: var(--smw-fs-hero); line-height: 1; letter-spacing: -.04em; }
.smw-hero-index svg { position: absolute; inset: auto 0 0 0; height: 34%; width: 100%; color: var(--smw-up); opacity: .8; pointer-events: none; }
.smw-hero-area { fill: color-mix(in srgb, var(--smw-up) 14%, transparent); }
.smw-hero-line { fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.smw-hero-high { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: calc(var(--smw-base) * .5); row-gap: 3px; min-width: 0; flex: 0 1 auto; padding-left: var(--smw-pad); border-left: 1px solid var(--smw-line); }
.smw-hero-high > small { grid-column: 1 / -1; min-width: 0; overflow: hidden; color: var(--smw-muted); font-size: var(--smw-fs-micro); font-weight: 950; letter-spacing: .12em; white-space: nowrap; text-overflow: ellipsis; }
.smw-hero-high-name { min-width: 0; display: flex; flex-direction: column; }
.smw-hero-high-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--smw-fs-body); }
.smw-hero-high-name i { min-width: 0; overflow: hidden; color: var(--smw-muted); font-size: var(--smw-fs-micro); font-style: normal; font-weight: 800; letter-spacing: .08em; white-space: nowrap; text-overflow: ellipsis; }
.smw-hero-high-name.is-empty strong { color: var(--smw-muted); font-weight: 600; }
.smw-hero > .smw-live { margin-left: calc(var(--smw-base) * .3); }

.smw-board-list { display: grid; grid-template-columns: 1fr; grid-auto-rows: var(--smw-track); align-content: var(--smw-align); min-height: 0; flex: 1 1 auto; overflow: hidden; }
.smw-board-cols, .smw-board-row {
  display: grid;
  grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) minmax(0, .55fr) calc(var(--smw-base) * 3.6);
  gap: var(--smw-gap);
  align-items: center;
  padding: calc(var(--smw-base) * .35) var(--smw-pad);
  box-sizing: border-box;
}
.smw-board.no-spt .smw-board-cols, .smw-board.no-spt .smw-board-row { grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) calc(var(--smw-base) * 3.6); }
.smw-board.no-spark .smw-board-cols, .smw-board.no-spark .smw-board-row { grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) minmax(0, .55fr); }
.smw-board.no-spt.no-spark .smw-board-cols, .smw-board.no-spt.no-spark .smw-board-row { grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr); }
.smw-board.no-avatar .smw-board-cols, .smw-board.no-avatar .smw-board-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) minmax(0, .55fr) calc(var(--smw-base) * 3.6); }
.smw-board.no-avatar.no-spt .smw-board-cols, .smw-board.no-avatar.no-spt .smw-board-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) calc(var(--smw-base) * 3.6); }
.smw-board.no-avatar.no-spark .smw-board-cols, .smw-board.no-avatar.no-spark .smw-board-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) minmax(0, .55fr); }
.smw-board.no-avatar.no-spt.no-spark .smw-board-cols, .smw-board.no-avatar.no-spt.no-spark .smw-board-row { grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr); }
.smw-board.no-avatar .smw-board-cols span:first-child { grid-column: auto; }
.smw-board-cols { grid-auto-rows: auto; flex: 0 0 auto; padding-block: calc(var(--smw-base) * .3); border-bottom: 1px solid var(--smw-line); color: var(--smw-muted); font-size: var(--smw-fs-micro); font-weight: 900; letter-spacing: .1em; background: var(--smw-card-flat); }
.smw-board-cols span:first-child { grid-column: 1 / 3; }
.smw-board-cols span:not(:first-child) { text-align: right; }
.smw-board-cols span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smw-board-row { border-bottom: 1px solid var(--smw-line); min-height: 0; }
.smw-board-row:nth-child(odd) { background: linear-gradient(90deg, rgba(255, 255, 255, .015), transparent 70%); }
.smw-board-name { min-width: 0; display: flex; flex-direction: column; }
.smw-board-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-ink); font-size: var(--smw-fs-body); }
.smw-board-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-micro); }
.smw-board-price { justify-self: end; font-size: var(--smw-fs-body); }
.smw-board-row .smw-chip { justify-self: end; }
.smw-spt { justify-self: end; color: var(--smw-ink); font-size: var(--smw-fs-body); font-weight: 800; }
.smw-spt.is-na { color: var(--smw-muted); font-weight: 600; }
.smw-board-trend { justify-self: end; display: flex; align-items: center; }
.smw-board-trend .smw-spark { width: calc(var(--smw-base) * 3.4); height: calc(var(--smw-base) * 1.3); }
.smw-board-foot { display: flex; gap: var(--smw-gap); flex-wrap: wrap; }
.smw-board-foot span:last-child { margin-left: auto; }

.smw-topchart-main { position: relative; flex: 1 1 auto; min-height: 0; display: flex; align-items: stretch; margin: calc(var(--smw-base) * .6) var(--smw-pad) calc(var(--smw-base) * 1.9) calc(var(--smw-base) * 4.8); color: var(--smw-up); }
.smw-topchart-main svg { width: 100%; height: 100%; overflow: visible; }
.smw-topchart-main .smw-axis-y { inset: 0 auto 0 calc(var(--smw-base) * -4.5); width: calc(var(--smw-base) * 4.1); }
.smw-topchart-main .smw-axis-x { top: auto; right: 0; bottom: calc(var(--smw-base) * -1.7); left: 0; }
.smw-topchart .smw-chart-coverage { position: static; flex: 0 0 auto; padding: 0 var(--smw-pad) calc(var(--smw-base) * .35); text-align: right; }
.smw-topchart-line { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.smw-topchart .line-0, .smw-topchart-legend .line-0 { color: var(--smw-up); }
.smw-topchart .line-1, .smw-topchart-legend .line-1 { color: var(--smw-cyan); }
.smw-topchart .line-2, .smw-topchart-legend .line-2 { color: var(--smw-violet); }
.smw-topchart .line-3, .smw-topchart-legend .line-3 { color: var(--smw-gold); }
.smw-topchart .line-4, .smw-topchart-legend .line-4 { color: var(--smw-down); }
.smw-topchart .line-5, .smw-topchart-legend .line-5 { color: var(--smw-muted); }
.smw-topchart-legend { display: flex; flex-wrap: wrap; gap: calc(var(--smw-base) * .4) var(--smw-pad); flex: 0 0 auto; padding: calc(var(--smw-base) * .45) var(--smw-pad); border-top: 1px solid var(--smw-line); background: var(--smw-card-flat); }
.smw-topchart-legend span { display: inline-flex; align-items: center; gap: calc(var(--smw-base) * .35); min-width: 0; }
.smw-topchart-legend i { width: calc(var(--smw-base) * .5); height: calc(var(--smw-base) * .5); border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.smw-topchart-legend strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 16ch; color: var(--smw-ink); font-size: var(--smw-fs-small); }
.smw-topchart-legend b { color: var(--smw-muted); font-size: var(--smw-fs-micro); font-weight: 800; }
.smw-topchart-legend .smw-chip { padding: calc(var(--smw-base) * .1) calc(var(--smw-base) * .3); font-size: var(--smw-fs-micro); }

.smw-podium-stage { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: var(--smw-gap); flex: 1 1 auto; min-height: 0; padding: var(--smw-pad-lg); }
.smw-podium-slot { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--smw-base) * .25); min-width: 0; min-height: 0; height: 78%; padding: calc(var(--smw-base) * .6) calc(var(--smw-base) * .4); border: 1px solid var(--smw-line); border-radius: var(--smw-radius); background: var(--smw-card); text-align: center; box-sizing: border-box; overflow: hidden; }
.smw-podium-slot.place-2 { height: 88%; }
.smw-podium-slot.place-1 { height: 100%; border-color: color-mix(in srgb, var(--smw-gold) 45%, transparent); background: linear-gradient(180deg, color-mix(in srgb, var(--smw-gold) 10%, transparent), transparent 55%), var(--smw-card); }
.smw-podium-slot.is-empty { border-style: dashed; opacity: .35; min-height: 40%; }
.smw-podium-medal { position: absolute; top: calc(var(--smw-base) * .4); left: 50%; translate: -50% 0; display: grid; place-items: center; width: calc(var(--smw-base) * 1.3); height: calc(var(--smw-base) * 1.3); border-radius: 50%; color: var(--smw-chip-ink); background: var(--smw-muted); font-size: var(--smw-fs-micro); font-weight: 950; box-shadow: 0 2px 8px rgba(2, 8, 18, .4); }
.smw-podium-slot.place-1 .smw-podium-medal { background: var(--smw-gold); }
.smw-podium-slot.place-3 .smw-podium-medal { background: color-mix(in srgb, var(--smw-gold) 55%, var(--smw-down) 25%); }
.smw-podium-slot strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--smw-fs-body); }
.smw-podium-slot small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-micro); }
.smw-podium-slot .smw-face-lg { margin-top: calc(var(--smw-base) * .9); }
.smw-podium-slot.place-1 .smw-face-lg { box-shadow: 0 0 0 3px color-mix(in srgb, var(--smw-gold) 50%, transparent); }

.smw-overview-list { display: grid; grid-template-columns: 1fr; grid-auto-rows: var(--smw-track); align-content: var(--smw-align); flex: 1 1 auto; min-height: 0; overflow: hidden; }
.smw-overview-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label value" "meta value"; align-items: center; row-gap: 1px; padding: calc(var(--smw-base) * .4) var(--smw-pad); border-bottom: 1px solid var(--smw-line); min-height: 0; box-sizing: border-box; }
.smw-overview-row small { grid-area: label; color: var(--smw-muted); font-size: var(--smw-fs-micro); font-weight: 900; letter-spacing: .12em; }
.smw-overview-row b { grid-area: value; justify-self: end; font-size: var(--smw-fs-lead); letter-spacing: -.02em; }
.smw-overview-row b i { font-style: normal; }
.smw-overview-row > span { grid-area: meta; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-small); }
.smw-overview-volume { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label bars" "value bars" "meta bars"; }
.smw-overview-volume b { grid-area: value; justify-self: start; }
.smw-overview-row > span.smw-overview-bars { grid-area: bars; display: flex; align-items: flex-end; gap: 3px; height: calc(var(--smw-base) * 1.9); align-self: end; white-space: normal; overflow: visible; }
.smw-overview-bars i { width: calc(var(--smw-base) * .4); border-radius: 2px 2px 0 0; background: var(--smw-cyan); opacity: .85; }
.smw-overview-bars i:last-child { background: var(--smw-up); opacity: 1; }

.smw-news-list { display: grid; grid-template-columns: 1fr; grid-auto-rows: var(--smw-track); align-content: var(--smw-align); flex: 1 1 auto; min-height: 0; overflow: hidden; }
.smw-news-list .smw-notice { height: auto; min-height: 0; border-bottom: 1px solid var(--smw-line); }

.smw-howto-list { display: grid; grid-template-columns: 1fr; grid-auto-rows: var(--smw-track); align-content: var(--smw-align); flex: 1 1 auto; min-height: 0; overflow: hidden; }
.smw-howto-step { display: grid; grid-template-columns: calc(var(--smw-base) * 2.2) minmax(0, 1fr) auto; gap: var(--smw-gap); align-items: center; padding: calc(var(--smw-base) * .4) var(--smw-pad); border-bottom: 1px solid var(--smw-line); min-height: 0; box-sizing: border-box; }
.smw-howto-icon { display: grid; place-items: center; width: calc(var(--smw-base) * 2.2); aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--smw-up) 32%, transparent); border-radius: calc(var(--smw-base) * .6); color: var(--smw-up); background: color-mix(in srgb, var(--smw-up) 8%, transparent); }
.smw-howto-icon svg { width: 58%; height: 58%; }
.smw-howto-copy { min-width: 0; }
.smw-howto-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--smw-fs-body); }
.smw-howto-copy p { margin: 1px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smw-muted); font-size: var(--smw-fs-small); line-height: 1.35; }
.smw-howto-step > b { color: color-mix(in srgb, var(--smw-muted) 55%, transparent); font-size: var(--smw-fs-title); font-weight: 950; }

@container (max-width: 760px) {
  .smw-board-cols .col-spt, .smw-board-row .smw-spt { display: none; }
  .smw-board .smw-board-cols, .smw-board .smw-board-row { grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) calc(var(--smw-base) * 3.6) !important; }
  .smw-board.no-spark .smw-board-cols, .smw-board.no-spark .smw-board-row { grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) !important; }
}
@container (max-width: 470px) {
  .smw-board-cols .col-trend, .smw-board-trend { display: none; }
  .smw-board .smw-board-cols, .smw-board .smw-board-row { grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, .75fr) !important; }
  .smw-hero-high { display: none; }
  .smw-topchart-legend strong { max-width: 9ch; }
  .smw-topchart .smw-axis-x .tick-mid { display: none; }
  .smw-topchart-legend b { display: none; }
}
@container (max-width: 360px) {
  .smw-board-cols { display: none; }
  .smw-board .smw-board-row { grid-template-columns: calc(var(--smw-base) * 2.3) minmax(0, 1fr) auto !important; }
  .smw-board-price { display: none; }
  .smw-podium-stage { grid-template-columns: 1fr; grid-auto-rows: minmax(0, 1fr); align-items: stretch; }
  .smw-podium-slot, .smw-podium-slot.place-1, .smw-podium-slot.place-2 { flex-direction: row; height: auto; padding-block: calc(var(--smw-base) * .3); text-align: left; }
  .smw-podium-slot .smw-face-lg { width: calc(var(--smw-base) * 2); margin: 0; }
  .smw-podium-medal { position: static; translate: none; flex: 0 0 auto; }
  .smw-podium-slot strong { flex: 1; text-align: left; }
  .smw-podium-slot small { display: none; }
}
@container (max-height: 700px) {
  .smw-board-row:nth-child(n+8) { display: none; }
}
@container (max-height: 460px) {
  .smw-board-row:nth-child(n+8), .smw-news-list .smw-notice:nth-child(n+7), .smw-howto-step:nth-child(n+5) { display: none; }
}
@container (max-height: 360px) {
  .smw-board-row:nth-child(n+7), .smw-news-list .smw-notice:nth-child(n+6) { display: none; }
}
@container (max-height: 300px) {
  .smw-board-row:nth-child(n+6), .smw-news-list .smw-notice:nth-child(n+5), .smw-howto-step:nth-child(n+4) { display: none; }
}
@container (max-height: 240px) {
  .smw-board-row:nth-child(n+5), .smw-news-list .smw-notice:nth-child(n+4) { display: none; }
  .smw-board-name small { display: none; }
  .smw-howto-copy p { display: none; }
  .smw-overview-row > span { display: none; }
}
@container (max-height: 190px) {
  .smw-board-row:nth-child(n+4), .smw-news-list .smw-notice:nth-child(n+3), .smw-howto-step:nth-child(n+3) { display: none; }
  .smw-topchart-legend { display: none; }
  .smw-podium-slot .smw-face-lg { width: calc(var(--smw-base) * 2); margin-top: calc(var(--smw-base) * .6); }
  .smw-hero-title small { display: none; }
}
@container (max-height: 135px) {
  .smw-board-row:nth-child(n+3), .smw-news-list .smw-notice:nth-child(n+2), .smw-howto-step:nth-child(n+2) { display: none; }
  .smw-hero { gap: calc(var(--smw-base) * .5); padding-block: calc(var(--smw-base) * .25); }
  .smw-hero-high > small { letter-spacing: .06em; }
}
@container (max-height: 95px) {
  .smw-board-row:nth-child(n+2) { display: none; }
  .smw-hero-index svg { display: none; }
  .smw-hero-high { display: none; }
}

@media (orientation: landscape) {
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) {
    grid-template-rows: repeat(13, minmax(0, 1fr)) !important;
  }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-hero"] { grid-column: 1 / 13 !important; grid-row: 1 / span 2 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-overview"] { grid-column: 1 / 4 !important; grid-row: 3 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-news"] { grid-column: 1 / 4 !important; grid-row: 7 / span 3 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-board"] { grid-column: 4 / 10 !important; grid-row: 3 / span 7 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-portfolio-league"] { grid-column: 10 / 13 !important; grid-row: 3 / span 7 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-chart"] { grid-column: 1 / 6 !important; grid-row: 10 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-podium"] { grid-column: 6 / 10 !important; grid-row: 10 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-howto"] { grid-column: 10 / 13 !important; grid-row: 10 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]):has(> .w[data-wtype="mx-newswire"]) {
    grid-template-rows: repeat(15, minmax(0, 1fr)) !important;
  }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-newswire"] { grid-column: 1 / 13 !important; grid-row: 14 / span 2 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-market"] { grid-column: 4 / 10 !important; grid-row: 3 / span 7 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]):has(> .w[data-wtype="mx-board"]) > .w[data-wtype="mx-market"] { grid-column: 1 / 6 !important; grid-row: 10 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]):has(> .w[data-wtype="mx-board"]):has(> .w[data-wtype="mx-chart"]) > .w[data-wtype="mx-market"] { grid-column: 6 / 10 !important; grid-row: 10 / span 4 !important; }
}
@media (orientation: portrait) {
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-hero"] { grid-column: 1 / 13 !important; grid-row: 1 / span 2 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-board"] { grid-column: 1 / 13 !important; grid-row: 3 / span 6 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-overview"] { grid-column: 1 / 7 !important; grid-row: 9 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-podium"] { grid-column: 7 / 13 !important; grid-row: 9 / span 4 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-portfolio-league"] { grid-column: 1 / 7 !important; grid-row: 13 / span 6 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-chart"] { grid-column: 7 / 13 !important; grid-row: 13 / span 6 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]) > .w[data-wtype="mx-news"] { grid-column: 1 / 7 !important; grid-row: 13 / span 6 !important; }
  body.canvas-fullscreen.canvas-tv-mode #cvBoard:has(> .w[data-wtype="mx-hero"]):has(> .w[data-wtype="mx-portfolio-league"]) > .w[data-wtype="mx-news"] { grid-column: 7 / 13 !important; grid-row: 9 / span 4 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .smw-news-list .smw-notice { display: grid; }
}

.smw-board-list, .smw-news-list, .smw-howto-list { align-content: start; }
.smw.rows-fill .smw-board-list, .smw.rows-fill .smw-news-list, .smw.rows-fill .smw-howto-list { align-content: stretch; }

html[data-theme] body.canvas-fullscreen.canvas-tv-mode #cvBoard > .w[data-wtype^="mx-"] {
  --smw-ink: #f2f7ff;
  --smw-muted: #8ea0b8;
  --smw-line: rgba(140, 166, 198, .16);
  --smw-up: #3ddc82;
  --smw-down: #ff5d6e;
  --smw-cyan: #53c8ff;
  --smw-gold: #ffc857;
  --smw-violet: #a78bfa;
  --smw-shell: #0a1424;
  --smw-ring: #0e1c31;
  --smw-chip-ink: #071120;
  --smw-card: radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--smw-accent) 10%, transparent), transparent 42%), linear-gradient(150deg, rgba(18, 32, 54, .94), rgba(9, 18, 33, .9));
  --smw-card-flat: rgba(13, 24, 42, .78);
  --smw-scrim: rgba(6, 13, 25, .82);
  color: var(--smw-ink) !important;
  background:
    radial-gradient(circle at 90% 4%, color-mix(in srgb, var(--smw-accent) 13%, transparent), transparent 36%),
    linear-gradient(150deg, #0a1424 0%, #0e1c31 58%, #0a1424 100%) !important;
  background-size: auto !important;
  border-color: color-mix(in srgb, var(--smw-accent) 22%, transparent) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: inset 0 2px 0 color-mix(in srgb, var(--smw-accent) 50%, transparent), inset 0 1px rgba(255, 255, 255, .04), 0 16px 38px rgba(2, 8, 18, .3) !important;
}

.smw-emptycard .smw-empty { flex: 1 1 auto; min-height: 0; }
.smw-emptycard .smw-empty strong { font-size: var(--smw-fs-lead); }
.smw-emptycard .smw-empty p { font-size: var(--smw-fs-small); }