.situation-shell.has-econ-markets { grid-template-rows: minmax(0,1fr) 142px; }
.econ-markets[hidden] { display: none; }
.econ-markets { grid-column: 1/-1; min-width: 0; padding: 12px 24px 16px; border-top: 1px solid #333b43; background: #080b0e; overflow: hidden; }
.econ-markets>header { display: flex; align-items: center; gap: 20px; margin-bottom: 14px; }
.econ-markets h2 { margin: 0; font-size: 14px; letter-spacing: -.02em; }
.econ-markets h2>span { color: #E31E26; }
.econ-markets>header>a { color: #aeb7bd; text-underline-offset: 3px; font-size: 10px; }
[data-markets-updated] { color: #8c969e; font-size: 9px; margin-left: auto; }
.econ-markets__controls { display: flex; gap: 6px; }
.econ-markets__controls button { width: 32px; height: 26px; border: 1px solid #333b43; background: none; color: white; cursor: pointer; }
.econ-markets__controls button:disabled { opacity: .3; cursor: default; }
.econ-markets__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.econ-markets__track::-webkit-scrollbar { display: none; }
.market-quote { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; flex: 0 0 202px; min-width: 0; color: #edf1f3; text-decoration: none; scroll-snap-align: start; border-right: 1px solid #333b43; padding: 0 20px; }
.market-quote:first-child { padding-left: 0; }
.market-quote>strong { grid-column: 1/-1; font-size: 10px; letter-spacing: .04em; }
.market-quote__value { font-size: 21px; font-weight: 650; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.market-quote>small { align-self: center; font-size: 10px; }
.market-quote>.is-up { color: #4ad1a2; }
.market-quote>.is-down { color: #ff6472; }
.market-quote__source { grid-column: 1/-1; color: #929ca4; font-size: 8px; }
.market-quote:hover>strong { text-decoration: underline; text-underline-offset: 3px; }
.econ-markets :focus-visible { outline: 2px solid #E31E26; outline-offset: -2px; }
@media(max-width:900px) {
  .situation-shell.has-econ-markets { grid-template-rows: minmax(280px,43dvh) minmax(0,1fr) 138px; }
  .econ-markets { padding: 10px 16px 14px; }
  .econ-markets>header { gap: 14px; }
  [data-markets-updated] { display: none; }
  .econ-markets__controls { margin-left: auto; }
  .econ-markets__controls button { height: 30px; width: 32px; }
  .market-quote { flex-basis: 195px; }
}
