/* /index/market and its reading aliases only. The adopted global navigation is untouched. */
#indexHourImpactWorkbench.reading-a {
  --reading-ink: #142d52;
  --reading-muted: #647a99;
  --reading-line: #dce6f4;
  --reading-blue: #2463d7;
  color: var(--reading-ink);
  padding: 32px 32px 48px;
}
#indexHourImpactWorkbench.reading-a .page-rise-shell { max-width: 1540px; }
#indexHourImpactWorkbench.reading-a .page-rise-shell > * + * { margin-top: 20px; }
#indexHourImpactWorkbench.reading-a .reading-a-heading {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 24px;
}
#indexHourImpactWorkbench.reading-a .reading-a-eyebrow {
  margin: 0 0 8px; color: var(--reading-muted); font-size: 12px; font-weight: 550;
}
#indexHourImpactWorkbench.reading-a .reading-a-heading h1 {
  margin: 0; color: var(--reading-ink); font-size: 32px; line-height: 1.25; font-weight: 800; letter-spacing: -.04em;
}
#indexHourImpactWorkbench.reading-a #hourImpactFetchedAt {
  max-width: 480px; margin: 0 0 4px; color: var(--reading-muted); font-size: 12px;
  font-weight: 500; line-height: 1.8; overflow-wrap: anywhere; text-align: right;
}
#indexHourImpactWorkbench.reading-a .hour-impact-toolbar {
  display: grid; grid-template-columns: minmax(180px,1.2fr) minmax(150px,1fr) minmax(130px,.85fr) auto;
  gap: 12px; align-items: end; padding: 18px 20px; border: 1px solid var(--reading-line);
  border-radius: 12px; background: #fff; box-shadow: none;
}
#indexHourImpactWorkbench.reading-a .hour-impact-toolbar label {
  min-width: 0; gap: 7px; color: var(--reading-muted); font-size: 12px; font-weight: 600;
  letter-spacing: 0; text-transform: none;
}
#indexHourImpactWorkbench.reading-a .impact-control {
  width: 100%; min-width: 0; height: 44px; border: 1px solid #cfddf0; border-radius: 8px;
  background: #fff; color: var(--reading-ink); padding: 0 12px; font-size: 14px; font-weight: 600;
}
#indexHourImpactWorkbench.reading-a #hourImpactReloadBtn {
  min-height: 44px; height: 44px; border: 0; border-radius: 8px; padding: 0 24px;
  background: var(--reading-blue); color: white; font-size: 14px; font-weight: 650; box-shadow: none;
}
#indexHourImpactWorkbench.reading-a #hourImpactReloadBtn:hover { background: #174eae; transform: none; }
#indexHourImpactWorkbench.reading-a #hourImpactReloadBtn:disabled { cursor: wait; opacity: .7; }
#indexHourImpactWorkbench.reading-a :is(button, input, select, a, [tabindex]):focus-visible {
  outline: 2px solid var(--reading-blue); outline-offset: 3px;
}
#indexHourImpactWorkbench.reading-a .reading-a-layout {
  display: grid; grid-template-columns: minmax(0,1fr) 310px; align-items: stretch; gap: 20px;
}
#indexHourImpactWorkbench.reading-a :is(.reading-a-main,.hour-impact-side) {
  min-width: 0; display: flex; flex-direction: column; gap: 20px;
}
#indexHourImpactWorkbench.reading-a :is(.reading-a-main,.hour-impact-side) > * { margin: 0; }
#indexHourImpactWorkbench.reading-a .impact-panel {
  padding: 24px; border: 1px solid var(--reading-line); border-radius: 12px;
  background: #fff; box-shadow: none; backdrop-filter: none;
}
#indexHourImpactWorkbench.reading-a .hour-impact-hero { overflow: hidden; }
#indexHourImpactWorkbench.reading-a .hour-impact-hero::before { display: none; }
#indexHourImpactWorkbench.reading-a .reading-a-chart-heading p:first-child {
  color: var(--reading-muted); font-size: 10px; letter-spacing: .16em; font-weight: 700;
}
#indexHourImpactWorkbench.reading-a .reading-a-chart-heading h2 {
  max-width: none; color: var(--reading-ink); font-size: 19px; line-height: 1.4; letter-spacing: -.02em;
}
#indexHourImpactWorkbench.reading-a .reading-a-chart-heading h2 + p {
  display: block; margin-top: 6px; color: var(--reading-muted); font-size: 12px; line-height: 1.8;
}
#indexHourImpactWorkbench.reading-a .kline-chart-shell {
  border: 0; border-radius: 0; padding: 0; margin: 16px 0 0; background: #fff;
  box-shadow: none; scrollbar-gutter: auto;
}
#indexHourImpactWorkbench.reading-a .kline-svg { height: 280px; }
#indexHourImpactWorkbench.reading-a .kline-axis { fill: var(--reading-muted); font-weight: 500; }
#indexHourImpactWorkbench.reading-a .kline-label { fill: var(--reading-muted); font-weight: 650; }
#indexHourImpactWorkbench.reading-a .kline-selected-band { fill: #eaf2ff; stroke: #c6d9fa; }
#indexHourImpactWorkbench.reading-a .hour-impact-swipe-hint {
  display: block; margin: 4px 0 0; padding: 0; background: transparent;
  color: var(--reading-muted); font-size: 11px; font-weight: 500;
}
#indexHourImpactWorkbench.reading-a .hour-impact-swipe-hint::after { display: none; }
#indexHourImpactWorkbench.reading-a .hour-strip {
  grid-auto-columns: 100px; gap: 8px; padding: 8px 0 10px; margin-top: 8px;
  overscroll-behavior-inline: contain; scrollbar-gutter: auto;
}
#indexHourImpactWorkbench.reading-a .hour-candle {
  padding: 10px; border: 1px solid var(--reading-line); border-radius: 8px; background: #fff; box-shadow: none;
}
#indexHourImpactWorkbench.reading-a .hour-candle:hover { transform: none; border-color: #8faee0; box-shadow: none; }
#indexHourImpactWorkbench.reading-a .hour-candle.is-active {
  background: #eaf2ff; border-color: var(--reading-blue); box-shadow: none;
}
#indexHourImpactWorkbench.reading-a .hour-candle > div:first-child {
  font-size: 10px; color: var(--reading-muted); letter-spacing: 0; font-weight: 550;
}
#indexHourImpactWorkbench.reading-a .hour-candle > div:nth-child(2) { font-size: 19px; font-weight: 750; }
#indexHourImpactWorkbench.reading-a .hour-candle > div:nth-child(3) { font-size: 10px; font-weight: 550; }
#indexHourImpactWorkbench.reading-a .hour-candle > div:last-child { height: 3px; margin-top: 9px; }
#indexHourImpactWorkbench.reading-a .hour-impact-selected > div:first-child { gap: 14px; }
#indexHourImpactWorkbench.reading-a .hour-impact-selected > div > div > p:first-child {
  color: var(--reading-muted); font-size: 11px; font-weight: 600; letter-spacing: .06em;
}
#indexHourImpactWorkbench.reading-a #hourImpactTitle {
  margin-top: 7px; color: var(--reading-ink); font-size: 21px; line-height: 1.5; font-weight: 750; overflow-wrap: anywhere;
}
#indexHourImpactWorkbench.reading-a #hourImpactSummaryText {
  color: var(--reading-muted); font-size: 14px; line-height: 1.95; margin-top: 12px;
}
#indexHourImpactWorkbench.reading-a #hourImpactDirectionBadge {
  padding: 7px 10px; border-radius: 6px; flex: 0 0 auto; font-size: 12px; font-weight: 600; white-space: nowrap;
}
#indexHourImpactWorkbench.reading-a .hour-impact-metrics {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0;
  margin-top: 22px; border-top: 1px solid var(--reading-line); border-bottom: 1px solid var(--reading-line);
}
#indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card {
  min-width: 0; padding: 16px 12px; border: 0; border-right: 1px solid var(--reading-line);
  border-radius: 0; box-shadow: none; background: transparent;
}
#indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card:last-child { border-right: 0; }
#indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card > p:first-child {
  color: var(--reading-muted); font-size: 11px; font-weight: 500; letter-spacing: 0;
}
#indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card > div[id] {
  margin-top: 8px; font-size: 26px; line-height: 1.25; font-weight: 750; font-variant-numeric: tabular-nums;
}
#indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card > p:last-child {
  color: var(--reading-muted); font-size: 11px; font-weight: 500; line-height: 1.8; overflow-wrap: anywhere;
}
#indexHourImpactWorkbench.reading-a .hour-impact-movers {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;
}
#indexHourImpactWorkbench.reading-a .hour-impact-movers article {
  display: flex; flex-direction: column; padding: 20px; min-width: 0;
}
#indexHourImpactWorkbench.reading-a .hour-impact-movers h3 { font-size: 17px; font-weight: 750; }
#indexHourImpactWorkbench.reading-a .hour-impact-movers h3 .material-symbols-outlined { display: none; }
#indexHourImpactWorkbench.reading-a :is(#hourImpactDownCount,#hourImpactUpCount) { font-size: 11px; font-weight: 500; }
#indexHourImpactWorkbench.reading-a .impact-scroll-list {
  height: 520px; max-height: 520px; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable;
}
#indexHourImpactWorkbench.reading-a .item-row {
  margin: 0; padding: 16px 0; border: 0; border-bottom: 1px solid var(--reading-line);
  border-radius: 0; background: transparent; box-shadow: none;
}
#indexHourImpactWorkbench.reading-a .item-row:last-child { border-bottom: 0; }
#indexHourImpactWorkbench.reading-a .item-row:hover { background: #f5f8fe; transform: none; box-shadow: none; }
#indexHourImpactWorkbench.reading-a .item-image {
  width: 54px; height: 58px; flex: 0 0 54px; border: 0; border-radius: 8px; background: #f1f6fc;
}
#indexHourImpactWorkbench.reading-a .item-row .truncate:first-child {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  white-space: normal; font-size: 12px; line-height: 1.7; font-weight: 650;
}
#indexHourImpactWorkbench.reading-a .item-row .truncate + .truncate {
  font-size: 11px; white-space: normal; color: var(--reading-muted); font-weight: 500;
}
#indexHourImpactWorkbench.reading-a .item-row .text-right { flex-shrink: 0; }
#indexHourImpactWorkbench.reading-a .item-row .text-right > div:first-child { font-size: 19px; font-weight: 750; }
#indexHourImpactWorkbench.reading-a .item-row .text-right > div:last-child { font-size: 10px; font-weight: 500; }
#indexHourImpactWorkbench.reading-a .item-row .mt-3.grid { display: flex; flex-wrap: wrap; gap: 3px 10px; margin-top: 8px; }
#indexHourImpactWorkbench.reading-a .item-row .mt-3.grid > div {
  padding: 0; border-radius: 0; background: transparent; font-size: 11px; font-weight: 500; line-height: 1.8;
}
#indexHourImpactWorkbench.reading-a .reading-a-sectors { padding: 24px; }
#indexHourImpactWorkbench.reading-a .reading-a-sectors h3,
#indexHourImpactWorkbench.reading-a .reading-a-method h3 { color: var(--reading-ink); font-size: 18px; font-weight: 750; }
#indexHourImpactWorkbench.reading-a :is(.reading-a-sectors,.reading-a-method) > p,
#indexHourImpactWorkbench.reading-a .reading-a-sectors > div > p { display: none; }
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows { margin-top: 12px; }
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows > div {
  margin: 0; padding: 18px 0; border: 0; border-bottom: 1px solid var(--reading-line); border-radius: 0; background: transparent;
}
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows > div:last-child { border-bottom: 0; }
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows .text-right > div:first-child { font-size: 22px; font-weight: 750; }
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows .text-right > div:last-child { font-size: 11px; font-weight: 500; }
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows .text-\[11px\] { font-weight: 500; letter-spacing: .04em; }
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows .h-2 { height: 4px; }
#indexHourImpactWorkbench.reading-a #hourImpactSectorRows > div > div:last-child { color: var(--reading-muted); font-size: 11px; font-weight: 500; line-height: 1.8; }
#indexHourImpactWorkbench.reading-a .reading-a-method { display: block !important; flex: 1; }
#indexHourImpactWorkbench.reading-a .reading-a-method > div { color: var(--reading-muted); font-size: 13px; line-height: 1.95; }
@media (max-width: 1250px) and (min-width: 768px) {
  #indexHourImpactWorkbench.reading-a { padding-right: 24px; padding-left: 24px; }
  #indexHourImpactWorkbench.reading-a .reading-a-layout { grid-template-columns: minmax(0,1fr) 285px; }
  #indexHourImpactWorkbench.reading-a .impact-panel { padding: 20px; }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card:nth-child(2) { border-right: 0; }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card:nth-child(-n+2) { border-bottom: 1px solid var(--reading-line); }
  #indexHourImpactWorkbench.reading-a .hour-impact-movers { grid-template-columns: 1fr; }
  #indexHourImpactWorkbench.reading-a .impact-scroll-list { height: 420px; max-height: 420px; }
}
@media (max-width: 1023px) {
  #indexHourImpactWorkbench.reading-a .reading-a-layout { grid-template-columns: 1fr; }
  #indexHourImpactWorkbench.reading-a .hour-impact-side { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; }
  #indexHourImpactWorkbench.reading-a .hour-impact-movers { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  #indexHourImpactWorkbench.reading-a {
    padding: 24px 16px calc(var(--csbot-mobile-nav-h,4.6rem) + env(safe-area-inset-bottom) + 32px) !important;
  }
  #indexHourImpactWorkbench.reading-a .page-rise-shell > * + * { margin-top: 16px; }
  #indexHourImpactWorkbench.reading-a .reading-a-heading { display: block; }
  #indexHourImpactWorkbench.reading-a .reading-a-eyebrow { font-size: 11px; margin-bottom: 7px; }
  #indexHourImpactWorkbench.reading-a .reading-a-heading h1 { font-size: 27px; }
  #indexHourImpactWorkbench.reading-a #hourImpactFetchedAt {
    display: block; width: auto; max-width: none; margin: 8px 0 0; padding: 0;
    border-radius: 0; background: transparent; color: var(--reading-muted); font-size: 11px;
    white-space: normal; overflow: visible; text-overflow: clip; text-align: left;
  }
  #indexHourImpactWorkbench.reading-a .hour-impact-toolbar {
    grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 10px; padding: 16px !important;
    border: 1px solid var(--reading-line); border-radius: 12px !important; background: white !important; box-shadow: none;
  }
  #indexHourImpactWorkbench.reading-a .hour-impact-toolbar label:first-child,
  #indexHourImpactWorkbench.reading-a #hourImpactReloadBtn { grid-column: 1 / -1; }
  #indexHourImpactWorkbench.reading-a .impact-control { font-size: 16px; min-height: 44px; border-radius: 8px; }
  #indexHourImpactWorkbench.reading-a #hourImpactReloadBtn { min-height: 44px; }
  #indexHourImpactWorkbench.reading-a :is(.reading-a-layout,.reading-a-main,.hour-impact-side,.hour-impact-movers) { gap: 16px; }
  #indexHourImpactWorkbench.reading-a :is(.hour-impact-side,.hour-impact-movers) { display: grid; grid-template-columns: 1fr; }
  #indexHourImpactWorkbench.reading-a .impact-panel { padding: 17px !important; border-radius: 12px; }
  #indexHourImpactWorkbench.reading-a .hour-impact-hero { border: 1px solid var(--reading-line); background: #fff; }
  #indexHourImpactWorkbench.reading-a .reading-a-chart-heading h2 { font-size: 18px !important; line-height: 1.4 !important; }
  #indexHourImpactWorkbench.reading-a .reading-a-chart-heading h2 + p { font-size: 11px; }
  #indexHourImpactWorkbench.reading-a .kline-chart-shell { padding: 0; margin: 12px 0 0; border-radius: 0; background: white; }
  #indexHourImpactWorkbench.reading-a .kline-svg { height: 230px; }
  #indexHourImpactWorkbench.reading-a .kline-axis { font-size: 14px; }
  #indexHourImpactWorkbench.reading-a .hour-strip { grid-auto-columns: 100px; margin-top: 6px; padding: 8px 0 10px; }
  #indexHourImpactWorkbench.reading-a .hour-candle { padding: 10px; box-shadow: none; border-radius: 8px; }
  #indexHourImpactWorkbench.reading-a .hour-impact-selected > div:first-child { flex-direction: column; align-items: flex-start; }
  #indexHourImpactWorkbench.reading-a #hourImpactTitle { font-size: 20px !important; line-height: 1.5 !important; }
  #indexHourImpactWorkbench.reading-a #hourImpactSummaryText { font-size: 13px; }
  #indexHourImpactWorkbench.reading-a #hourImpactDirectionBadge { border-radius: 6px; }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 !important; margin-top: 18px; }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card { padding: 13px 10px !important; border-radius: 0; }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card:nth-child(2) { border-right: 0; }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card:nth-child(-n+2) { border-bottom: 1px solid var(--reading-line); }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card > div[id] { font-size: 24px !important; line-height: 1.25 !important; letter-spacing: -.02em; }
  #indexHourImpactWorkbench.reading-a .hour-impact-metrics .impact-card > p { font-size: 11px; }
  #indexHourImpactWorkbench.reading-a .impact-scroll-list { height: auto; max-height: 490px; }
  #indexHourImpactWorkbench.reading-a .item-row { padding: 16px 0; min-height: 115px; }
  #indexHourImpactWorkbench.reading-a .item-row .truncate:first-child { font-size: 13px; }
  #indexHourImpactWorkbench.reading-a .item-image { width: 52px; height: 56px; flex-basis: 52px; }
  #indexHourImpactWorkbench.reading-a .item-row .text-right > div:first-child { font-size: 18px; }
  #indexHourImpactWorkbench.reading-a .reading-a-method { flex: initial; }
}
@media (prefers-reduced-motion: no-preference) {
  #indexHourImpactWorkbench.reading-a :is(.hour-candle,.item-row,#hourImpactReloadBtn) { transition: background-color .16s,border-color .16s; }
}
@media (prefers-reduced-motion: reduce) {
  #indexHourImpactWorkbench.reading-a * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}