/* Website companion for the shared public trade archive. */
.website-live {
  --live-text: #f2effb;
  --live-muted: #9b97ae;
  --live-line: #938caf36;
  --live-positive: #94dac2;
  --live-negative: #ed9aa8;
  --live-accent: #bd9dec;
  position: relative;
  padding: 64px 0 72px;
  border-bottom: 1px solid #b6a5d61c;
  color: var(--live-text);
  font-variant-numeric: tabular-nums;
}
.website-live > .wrap { width: min(1328px, calc(100% - 96px)); }
.website-live [hidden] { display: none !important; }
.website-live button { cursor: pointer; }
.website-live button:disabled { cursor: default; opacity: .42; }
.website-live :is(button, summary, a):focus-visible { outline: 2px solid #a4c7fa; outline-offset: 3px; }
.website-live .live-page-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.website-live .live-page-head h2 { margin-top: 18px; font-size: clamp(30px, 3vw, 42px); line-height: 1.25; letter-spacing: -.04em; font-weight: 550; }
.website-live .live-eyebrow { font-size: 11px; color: #b7a1d5; letter-spacing: .12em; line-height: 1.6; }
.website-live .live-page-head > div > .live-eyebrow { display: flex; align-items: center; gap: 12px; }
.website-live .live-page-head > div > .live-eyebrow::before { content: ''; width: 24px; height: 1px; background: linear-gradient(90deg, #bc99eb, #7cbde9); }
.website-live .live-demo-notice { color: var(--live-muted); font-size: 12px; line-height: 1.7; margin-top: 14px; }
.website-live .live-period-badge { padding: 9px 14px; border: 1px solid var(--live-line); border-radius: 20px; color: #b8b2ce; font-size: 12px; white-space: nowrap; }
.website-live .live-records-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); align-items: start; gap: 34px; }
.website-live .live-flip-desk {
  --deck-paper: #121725; --deck-paper-back: #101624; --deck-ink: #f0eaf7; --deck-muted: #a49bb4;
  --deck-positive: #9addc5; --deck-negative: #f19dab;
  --receipt-stub: 40px;
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 26px 24px 0;
  border: 1px solid #9ca7c57a;
  border-top-color: #dbe1f4a8;
  border-left-color: #b6c5e39c;
  border-radius: 24px;
  background: linear-gradient(180deg, #bfc9e91d, #35374808 27%, #070914 75%), #0b0d17;
  box-shadow: inset 0 2px 3px #e5e6ff42, inset 0 -2px 3px #82b1e252, 0 14px 40px #00000029;
}
.website-live .live-flip-desk::before,
.website-live .live-flip-desk::after { display: none; }
.website-live .live-deck-overview { align-items: flex-end; }
.website-live .live-deck-overview .live-total-earnings > span { display: block; color: var(--live-muted); font-size: 13px; line-height: 1.6; }
.website-live .live-deck-overview .live-total-earnings small { color: var(--live-muted); font-size: 11px; }
.website-live .live-deck-overview .live-total-earnings > strong { display: block; color: var(--live-text); font-size: clamp(30px, 2.7vw, 41px); letter-spacing: -.055em; line-height: 1.15; margin-top: 10px; }
.website-live .live-deck-overview .live-total-earnings > strong.is-loss { color: var(--live-negative); }
.website-live .live-deck-totals { color: #ccc5da; gap: 7px; }
.website-live .live-deck-totals > span { font-size: 12px; }
.website-live .live-deck-totals > small { color: var(--live-muted); font-size: 10px; }
.website-live .live-deck-stage { height: 290px; max-width: none; margin: 18px -10px 0; }
.website-live .live-deck-card,
.website-live .live-deck-placeholder { height: 226px; width: 82%; max-width: 430px; }
.website-live .live-deck-card.is-current .live-deck-front { background: linear-gradient(135deg, #28283b 0%, #171b2c 46%, #101827 100%); }
.website-live .live-deck-card.is-prev .live-deck-face,
.website-live .live-deck-card.is-next .live-deck-face,
.website-live .live-deck-placeholder { background: linear-gradient(135deg, #171b2a, #0c1220); }
.website-live .live-deck-receipt-meta { top: 20px; color: #c1b4d6; }
.website-live .live-deck-receipt-meta > span { border-color: #8c80a563; }
.website-live .live-deck-receipt-meta > small { color: #9c91ac; }
.website-live .live-deck-coin { top: 20px; }
.website-live .live-deck-coin > b { font-size: 25px; }
.website-live .live-deck-profit { top: 86px; font-size: clamp(30px, 2.7vw, 39px); letter-spacing: -.065em; }
.website-live .live-deck-currency { top: 133px; font-size: 12px; }
.website-live .live-deck-time,
.website-live .live-deck-flip-hint { color: #b4a6c9; }
.website-live .live-deck-back { padding-top: 21px; }
.website-live .live-deck-back dl { gap: 16px; }
.website-live .live-deck-back dt { font-size: 11px; }
.website-live .live-deck-back dd { font-size: 14px; }
.website-live .live-deck-back a { color: #ccb8eb; }
.website-live .live-deck-controls { gap: 7px; margin: 0 0 20px; min-height: 40px; }
.website-live .live-deck-controls > button,
.website-live .live-deck-controls #liveReplay,
.website-live .live-deck-controls #liveCalendarToggle,
.website-live .live-calendar-navigation button,
.website-live .live-more-button {
  min-height: 40px;
  border: 1px solid #b4b6d576;
  border-radius: 999px;
  color: #e6e0f2;
  background: linear-gradient(180deg, #ecddff1c, transparent 36%, #111a352e 76%, #667fcd29), #090c16;
  box-shadow: inset 0 1px 2px #e0dffd54, inset 0 -2px 3px #91b7f976;
}
.website-live .live-deck-controls > .live-deck-arrow { width: 38px; min-width: 38px; min-height: 38px; }
.website-live .live-deck-controls #liveReplay { font-size: 12px; padding-inline: 12px; }
.website-live .live-deck-controls #liveCalendarToggle { font-size: 12px; padding-inline: 10px; }
.website-live .live-deck-controls #liveReplay[aria-pressed="true"],
.website-live .live-deck-controls #liveCalendarToggle[aria-expanded="true"] { border-color: #cda8f4; color: #f0e2ff; background: linear-gradient(135deg, #6340824a, #191e31); }
.website-live #liveDeckPosition { color: var(--live-muted); min-width: 51px; font-size: 11px; }
.website-live .live-deck-controls > button:hover:not(:disabled),
.website-live .live-more-button:hover { border-color: #ceb5ee; color: #fff; background-color: #171523; }
.website-live .live-deck-controls > button:disabled { color: #918aa8; background: #0b0d16; }
.website-live .live-flip-desk .live-day-rail { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin: 0 -24px; padding: 9px; border-top: 1px solid var(--live-line); background: #070a13; }
.website-live .live-flip-desk .live-day-button { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; min-height: 56px; padding: 7px 1px; border: 1px solid #aaa0cf29; border-radius: 8px; gap: 6px; background: #0c0d19; color: #a6a0ba; }
.website-live .live-flip-desk .live-day-button.is-selected { border-color: #b38add; background: #241e36; color: #e6d6fc; box-shadow: inset 0 -2px #b796e9; }
.website-live .live-flip-desk .live-rail-profit { color: var(--live-positive); font-size: 11px; font-weight: 500; }
.website-live .live-flip-desk .live-rail-date { font-size: 11px; }
.website-live .live-day-button.is-loss .live-rail-profit { color: var(--live-negative); }
.website-live .live-flip-desk .live-calendar-panel { padding: 22px 18px; margin: 0 -24px; border-top: 1px solid var(--live-line); background: #0a0c16; }
.website-live .live-section-head,
.website-live .live-calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.website-live .live-section-head h3 { margin: 0; font-size: 17px; font-weight: 550; }
.website-live .live-inline-button { padding: 6px 0; background: transparent; color: #c6a7e8; font-size: 12px; }
.website-live .live-calendar-toolbar { margin-top: 18px; }
.website-live .live-calendar-toolbar h4 { margin: 0; font-size: 16px; font-weight: 500; }
.website-live .live-calendar-navigation { display: flex; gap: 8px; }
.website-live .live-calendar-navigation button { display: grid; place-items: center; padding: 0; width: 34px; height: 34px; min-height: 34px; }
.website-live .live-calendar-navigation svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.website-live .live-calendar-weekdays,
.website-live .live-calendar-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.website-live .live-calendar-weekdays { margin: 20px 0 10px; color: var(--live-muted); text-align: center; font-size: 11px; }
.website-live .live-calendar-day { display: flex; position: relative; flex-direction: column; align-items: center; gap: 5px; min-width: 0; min-height: 62px; padding: 8px 1px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #625f73; }
.website-live .live-calendar-date { font-size: 12px; }
.website-live .live-calendar-profit { color: var(--live-positive); font-size: 10px; white-space: nowrap; }
.website-live .live-calendar-meta { color: var(--live-muted); font-size: 9px; }
.website-live .live-calendar-day.has-records { background: #171521; border-color: #a394cd36; color: #e9e1f4; }
.website-live .live-calendar-day.is-selected { border-color: #bda0e4; background: #292037; }
.website-live .live-calendar-day.is-today { color: #c1adcf; border-color: #a98fc449; }
.website-live .live-calendar-day.is-today::after { content: ''; width: 3px; height: 3px; border-radius: 50%; background: #b79bde; }
.website-live .live-calendar-day.is-blank { visibility: hidden; }
.website-live .live-calendar-profit.is-loss { color: var(--live-negative); }
.website-live .live-calendar-legend { display: flex; gap: 18px; border-top: 1px solid var(--live-line); margin-top: 16px; padding-top: 16px; font-size: 10px; color: var(--live-muted); }
.website-live .live-calendar-legend span { display: flex; align-items: center; gap: 6px; }
.website-live .live-calendar-legend i { width: 5px; height: 5px; border-radius: 50%; background: #b595dc; }
.website-live .live-calendar-legend .is-today { background: transparent; border: 1px solid #b595dc; }
.website-live .live-date-note { margin-top: 11px; color: var(--live-muted); font-size: 10px; line-height: 1.6; }
.website-live .live-trades-panel { min-width: 0; padding-top: 23px; border-top: 1px solid var(--live-line); }
.website-live .live-selected-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.website-live .live-selected-head h3 { margin-top: 6px; font-size: clamp(20px, 2vw, 27px); font-weight: 550; line-height: 1.5; letter-spacing: -.025em; }
.website-live .live-selected-head .live-eyebrow { color: var(--live-muted); font-size: 11px; letter-spacing: .05em; }
.website-live .live-selected-earnings { text-align: right; }
.website-live .live-selected-earnings strong { display: block; color: var(--live-positive); font-size: clamp(22px, 2.4vw, 30px); font-weight: 500; letter-spacing: -.045em; }
.website-live .live-selected-earnings span { display: block; margin-top: 8px; color: var(--live-muted); font-size: 10px; }
.website-live .live-trades-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; padding: 16px 0 13px; border-top: 1px solid var(--live-line); color: var(--live-muted); font-size: 12px; }
.website-live .live-trades-meta b { font-weight: 500; }
.website-live .live-trade-list { display: grid; gap: 9px; }
.website-live .live-trade-card { min-width: 0; border: 1px solid #9e9fbc54; border-top-color: #aaaec078; border-radius: 15px; overflow: hidden; background: linear-gradient(130deg, #d4d9f510, #0b0d17 42%); box-shadow: inset 0 1px 1px #e1deff10; }
.website-live .live-trade-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; gap: 14px; align-items: center; min-height: 76px; padding: 12px 16px; list-style: none; cursor: pointer; }
.website-live .live-trade-summary::-webkit-details-marker { display: none; }
.website-live .live-trade-summary:hover { background: #cbb7f408; }
.website-live .live-trade-disclosure[open] .live-trade-summary { background: #b4a5d20b; }
.website-live .live-trade-symbol { display: flex; align-items: center; min-width: 0; gap: 11px; }
.website-live .live-trade-identity { display: grid; min-width: 0; gap: 5px; }
.website-live .live-trade-symbol b { font-size: 23px; line-height: 1.2; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.website-live .live-trade-symbol small { font-size: 11px; line-height: 1.4; color: var(--live-muted); }
.website-live .live-trade-subtitle,
.website-live .live-deck-coin > .live-deck-subtitle { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 6px; min-width: 0; }
.website-live .live-market-tag { display: inline-block; flex: none; padding: 1px 4px; border: 1px solid #bca0df45; border-radius: 4px; color: #cfb6ea; background: #ae8bda12; font: 9px/1.3 Arial, Helvetica, sans-serif; white-space: nowrap; }
.website-live .live-deck-coin > b.is-long-symbol { font-size: 19px; }
.website-live .live-deck-back .live-deck-explorer { max-width: calc(100% - 104px); overflow-wrap: anywhere; text-align: right; }
.website-live .live-coin-logo { position: relative; display: grid; place-items: center; flex: none; width: 36px; height: 36px; overflow: hidden; border-radius: 50%; background: #c3b4e81c; }
.website-live .live-coin-logo img { position: absolute; width: 100%; height: 100%; object-fit: contain; opacity: 0; }
.website-live .live-coin-logo.has-image img { opacity: 1; }
.website-live .live-coin-logo.has-image .live-coin-initial { visibility: hidden; }
.website-live .live-coin-initial { font-size: 11px; color: #d4c5eb; }
.website-live .live-trade-profit { text-align: right; }
.website-live .live-trade-profit strong { display: block; font-size: 22px; line-height: 1.25; font-weight: 500; color: var(--live-positive); letter-spacing: -.025em; }
.website-live .live-trade-profit small { display: block; color: var(--live-muted); font-size: 10px; margin-top: 5px; }
.website-live .live-trade-profit strong.is-loss,
.website-live .live-selected-earnings strong.is-loss { color: var(--live-negative); }
.website-live .live-trade-chevron { width: 18px; height: 18px; fill: none; stroke: #b69bdb; stroke-width: 1.7; transition: transform .2s ease; }
.website-live .live-trade-disclosure[open] .live-trade-chevron { transform: rotate(180deg); }
.website-live .live-trade-body { padding: 0 16px 15px; }
.website-live .live-trade-route { display: flex; align-items: center; gap: 12px; padding: 15px 0; font-size: 11px; color: #b3a0cf; }
.website-live .live-trade-route i { position: relative; height: 1px; flex: 1; background: linear-gradient(90deg, #a087c566, #8ab9e4); }
.website-live .live-trade-route i::after { content: ''; position: absolute; right: 0; top: -2px; width: 4px; height: 4px; border-top: 1px solid #95b7db; border-right: 1px solid #95b7db; transform: rotate(45deg); }
.website-live .live-trade-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; padding-top: 16px; margin: 0 0 16px; border-top: 1px solid var(--live-line); }
.website-live .live-trade-card dl > div { min-width: 0; }
.website-live .live-trade-card dt { font-size: 11px; color: var(--live-muted); margin-bottom: 7px; }
.website-live .live-trade-card dd { font-size: 13px; line-height: 1.5; color: #d5ccdf; overflow-wrap: anywhere; white-space: pre-line; margin: 0; }
.website-live .live-trade-body > footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 13px; border-top: 1px solid var(--live-line); }
.website-live .live-trade-body > footer small { font-size: 10px; color: var(--live-muted); }
.website-live .live-trade-detail { font-size: 12px; color: #c5a9e1; }
.website-live .live-more-button { display: block; width: 100%; margin-top: 14px; padding: 11px 20px; font-size: 12px; }
.website-live .live-record-message,
.website-live .live-source-status { padding: 18px 22px; border: 1px solid var(--live-line); border-radius: 14px; background: #0d0e18; color: var(--live-muted); font-size: 13px; line-height: 1.7; }
.website-live .live-source-status { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 112px; }
.website-live .live-source-status strong { display: block; color: #e2daee; font-weight: 500; margin-bottom: 6px; }
.website-live .live-source-status p { color: var(--live-muted); }
.website-live .live-deck-empty { border-color: var(--live-line); color: var(--live-muted); background: #0a0d17; }
.website-live .live-deck-retry { border-color: #b8a3d36b; color: #d2b7f2; background: #211a30; }

@media (min-width: 1600px) {
  .website-live .live-records-layout { gap: 42px; }
  .website-live .live-deck-stage { height: 322px; }
  .website-live .live-deck-card, .website-live .live-deck-placeholder { height: 250px; }
  .website-live .live-deck-profit { top: 99px; font-size: 43px; }
  .website-live .live-deck-currency { top: 150px; }
}
@media (max-width: 1100px) {
  .website-live > .wrap { width: calc(100% - 64px); }
  .website-live .live-records-layout { gap: 24px; }
  .website-live .live-deck-overview { align-items: flex-start; flex-direction: column; gap: 12px; }
  .website-live .live-deck-totals { width: 100%; flex-direction: row; justify-content: space-between; }
  .website-live .live-deck-totals > small { max-width: none; }
  .website-live .live-deck-controls { gap: 4px; flex-wrap: wrap; }
  .website-live .live-deck-controls #liveReplay { margin-left: auto; padding-inline: 8px; }
  .website-live .live-selected-head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .website-live .live-selected-earnings { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; text-align: left; width: 100%; }
  .website-live .live-selected-earnings span { margin-top: 0; }
  .website-live .live-trade-summary { gap: 9px; padding-inline: 12px; }
  .website-live .live-trade-symbol b { font-size: 20px; }
  .website-live .live-trade-profit strong { font-size: 20px; }
}
@media (max-width: 900px) {
  .website-live .live-records-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .website-live .live-deck-overview { flex-direction: row; align-items: flex-end; }
  .website-live .live-deck-totals { flex-direction: column; width: auto; }
  .website-live .live-deck-stage { margin-inline: auto; max-width: 580px; }
  .website-live .live-deck-controls { flex-wrap: nowrap; }
  .website-live .live-selected-head { flex-direction: row; align-items: center; }
  .website-live .live-selected-earnings { display: block; width: auto; text-align: right; }
  .website-live .live-selected-earnings span { margin-top: 6px; }
}
@media (max-width: 680px) {
  .website-live { padding: 38px 0 44px; }
  .website-live > .wrap { width: calc(100% - 40px); }
  .website-live .live-page-head { align-items: flex-start; gap: 12px; margin-bottom: 24px; }
  .website-live .live-page-head h2 { margin-top: 15px; font-size: 30px; }
  .website-live .live-page-head .live-eyebrow { font-size: 10px; }
  .website-live .live-demo-notice { max-width: 270px; margin-top: 12px; font-size: 11px; }
  .website-live .live-period-badge { margin-top: 31px; padding: 7px 10px; font-size: 10px; }
  .website-live .live-flip-desk { padding: 20px 16px 0; border-radius: 20px; }
  .website-live .live-deck-overview { align-items: flex-start; flex-direction: column; gap: 12px; }
  .website-live .live-deck-overview .live-total-earnings > span { font-size: 12px; }
  .website-live .live-deck-overview .live-total-earnings > strong { font-size: clamp(31px, 8.4vw, 40px); line-height: 1.1; }
  .website-live .live-deck-totals { width: 100%; flex-direction: row; gap: 12px; }
  .website-live .live-deck-totals > span { font-size: 11px; }
  .website-live .live-deck-totals > small { max-width: none; font-size: 10px; }
  .website-live .live-deck-stage { height: 248px; margin: 13px -8px 0; }
  .website-live .live-deck-card, .website-live .live-deck-placeholder { --receipt-stub: 36px; width: 87%; height: 208px; max-width: 410px; }
  .website-live .live-deck-receipt-meta { top: 15px; right: 14px; }
  .website-live .live-deck-receipt-meta > span,
  .website-live .live-deck-receipt-meta > small { font-size: 9px; }
  .website-live .live-deck-coin { top: 15px; left: 15px; gap: 3px 9px; }
  .website-live .live-deck-coin > b { font-size: 24px; }
  .website-live .live-deck-profit { top: 78px; left: 15px; font-size: 35px; }
  .website-live .live-deck-currency { top: 121px; left: 15px; font-size: 11px; }
  .website-live .live-deck-back { padding: 16px 15px 38px; }
  .website-live .live-deck-back dl { gap: 12px; }
  .website-live .live-deck-back dd { font-size: 12px; }
  .website-live .live-deck-controls { gap: 4px; margin-bottom: 16px; }
  .website-live .live-deck-controls > .live-deck-arrow { min-width: 32px; width: 32px; min-height: 36px; }
  .website-live .live-deck-controls > button { min-height: 36px; }
  .website-live #liveDeckPosition { min-width: 43px; font-size: 10px; }
  .website-live .live-deck-controls #liveReplay { padding-inline: 8px; font-size: 11px; }
  .website-live .live-deck-controls #liveCalendarToggle { padding-inline: 8px; font-size: 11px; }
  .website-live .live-days-shell { margin-inline: -16px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #77618f transparent; }
  .website-live .live-flip-desk .live-day-rail { min-width: 394px; margin: 0; padding: 8px; gap: 4px; }
  .website-live .live-flip-desk .live-day-button { min-height: 51px; }
  .website-live .live-flip-desk .live-calendar-panel { margin-inline: -16px; padding: 18px 12px; }
  .website-live .live-calendar-day { min-height: 60px; gap: 5px; }
  .website-live .live-selected-head { gap: 12px; }
  .website-live .live-selected-head h3 { font-size: 19px; margin-top: 6px; }
  .website-live .live-selected-head .live-eyebrow { font-size: 10px; }
  .website-live .live-selected-earnings strong { font-size: 23px; }
  .website-live .live-selected-earnings span { font-size: 9px; }
  .website-live .live-trades-panel { padding-top: 20px; }
  .website-live .live-trades-meta { font-size: 11px; margin-top: 20px; padding: 13px 0; }
  .website-live .live-trade-summary { min-height: 76px; padding: 11px 12px; gap: 10px; }
  .website-live .live-trade-symbol { gap: 9px; }
  .website-live .live-trade-symbol b { font-size: 22px; }
  .website-live .live-trade-profit strong { font-size: 21px; }
  .website-live .live-trade-symbol small { font-size: 10px; }
  .website-live .live-trade-body { padding-inline: 12px; }
  .website-live .live-more-button { min-height: 42px; }
}
@media (max-width: 374px) {
  .website-live > .wrap { width: calc(100% - 32px); }
  .website-live .live-flip-desk { padding-inline: 12px; }
  .website-live .live-deck-card, .website-live .live-deck-placeholder { width: 88%; }
  .website-live .live-deck-controls { gap: 3px; }
  .website-live .live-deck-controls #liveReplay,
  .website-live .live-deck-controls #liveCalendarToggle { padding-inline: 5px; font-size: 10px; }
  .website-live .live-days-shell { margin-inline: -12px; }
  .website-live .live-selected-head { flex-direction: column; align-items: stretch; }
  .website-live .live-selected-earnings { display: flex; align-items: baseline; gap: 12px; text-align: left; justify-content: space-between; }
  .website-live .live-trade-symbol b { font-size: 20px; }
  .website-live .live-trade-profit strong { font-size: 19px; }
}

/* The website advances visible tickets automatically; DAPP controls remain manual. */
.website-live #liveReplay { display: none !important; }
.website-live .live-deck-controls #liveCalendarToggle { margin-left: auto; }

/* Keep the existing en-US number strings with a clear Latin comma glyph. */
.website-live :is(.live-deck-overview .live-total-earnings > strong, .live-selected-earnings strong, .live-trade-profit strong, .live-deck-profit) {
  font-family: Arial, Helvetica, sans-serif;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.02em;
}
@media (min-width: 350px) and (max-width: 680px) {
  .website-live .live-flip-desk .live-day-rail { min-width: 0; }
  .website-live .live-flip-desk .live-rail-profit { font-size: 10px; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; }
}