.market-intelligence-head h2 {
  color: #f5f7ff;
}

.market-native-ticker {
  display: flex;
  gap: 1px;
  width: 100%;
  min-width: max-content;
  background: #27304e;
}

.market-native-quote {
  display: grid;
  flex: 1 0 205px;
  grid-template-columns: auto auto;
  gap: 4px 14px;
  min-width: 205px;
  padding: 13px 16px;
  background: #0d1121;
}

.market-native-quote strong {
  color: #eef2ff;
}

.market-native-quote span {
  grid-row: 2;
  color: #d7deef;
  font-variant-numeric: tabular-nums;
}

.market-native-quote b {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #aab3cf;
  font-variant-numeric: tabular-nums;
}

.market-native-quote[data-tone="up"] b { color: #38d996; }
.market-native-quote[data-tone="down"] b { color: #ff7388; }

.market-ticker-host {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #405071 #0d1121;
}

.market-ticker-meta {
  padding: 7px 3px 0;
  color: #7e8aa8;
  font-size: .68rem;
}

.market-ticker-meta a {
  color: #8edcf1;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.market-news-list,.market-context-list {
  height: min(460px, 50vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #405071 #0d1121;
}

.sentiment-gauge { background: linear-gradient(90deg,#c63d5f 0 25%,#b8745a 25% 40%,#7d879f 40% 60%,#2d9e9b 60% 75%,#20b879 75%); }
.sentiment-scale { gap: 4px; }
.sentiment-scale span { flex: 1; text-align: center; white-space: normal; font-size: .6rem; }
.sentiment-scale span:first-child { text-align: left; }
.sentiment-scale span:last-child { text-align: right; }
.sentiment-components { margin-top: 18px; border-top: 1px solid #27304e; padding-top: 12px; font-size: .72rem; color: #aab3cf; }
.sentiment-components div { display: flex; justify-content: space-between; gap: 10px; padding: 5px 0; }
.sentiment-components strong { color: #eef2ff; font-variant-numeric: tabular-nums; }
.market-detail-tabs { display: flex; gap: 6px; flex-wrap: wrap; border-bottom: 1px solid #27304e; margin-bottom: 16px; }
.market-detail-tabs button { border: 0; border-bottom: 2px solid transparent; padding: 10px 12px; color: #aab3cf; background: transparent; cursor: pointer; }
.market-detail-tabs button[aria-selected="true"] { border-color: #2fb9e8; color: #fff; }
.market-news-item { padding: 0; display: block; }
.market-news-item summary { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; padding: 15px; cursor: pointer; list-style: none; }
.market-news-item summary::-webkit-details-marker { display: none; }
.market-news-item summary:focus-visible,.market-detail-tabs button:focus-visible { outline: 2px solid #8edcf1; outline-offset: -2px; }
.market-news-detail { padding: 0 15px 16px; color: #cbd4ea; line-height: 1.5; }
.market-news-detail p { margin: 0 0 10px; }
.market-news-detail a,.market-context-row a { color: #8edcf1; text-decoration: underline; text-underline-offset: 3px; }
.market-context-list { display: grid; gap: 1px; background: #27304e; border: 1px solid #27304e; }
.market-context-row { min-width: 0; background: #0d1121; padding: 15px; display: grid; grid-template-columns: minmax(0,1fr) 170px auto; gap: 14px; align-items: center; }
.market-context-row div { min-width: 0; display: grid; gap: 4px; }
.market-context-row strong { color: #eef2ff; }
.market-context-row small { color: #8995b2; }
.market-context-row span { font-variant-numeric: tabular-nums; }
.market-context-row b[data-tone="up"] { color: #38d996; }
.market-context-row b[data-tone="down"] { color: #ff7388; }
.market-context-row svg { width: 170px; height: 36px; color: #32bdeb; }
.market-context-row a { font-size: .72rem; }
.market-economic-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 12px 0; }
.market-economic-controls label { display: grid; gap: 5px; min-width: 130px; color: #abb8d1; font-size: .78rem; }
.market-economic-controls select,.market-economic-controls input { min-height: 38px; max-width: 100%; padding: 6px 9px; border: 1px solid #45526f; border-radius: 3px; background: #0d1121; color: #f2f5ff; font: inherit; font-size: .85rem; }
.market-economic-controls input[type="month"] { color-scheme: dark; }
.market-economic-controls input[type="month"]::-webkit-calendar-picker-indicator { filter: invert(1); opacity: .9; cursor: pointer; }
.market-economic-controls button,.market-economic-more { min-height: 38px; padding: 6px 13px; border: 1px solid #4b91a7; border-radius: 3px; background: #103746; color: #eefaff; cursor: pointer; font: inherit; font-size: .82rem; }
.market-economic-controls>span,.market-economic-note { color: #abb8d1; font-size: .78rem; }
.market-economic-note { margin: 9px 0; }
.market-economic-event { display: grid; grid-template-columns: minmax(130px,170px) minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 15px; border-left: 3px solid #d1ac65; background: #0d1121; }
.market-economic-event[data-impact="high"] { border-left-color: #e87568; }
.market-economic-when,.market-economic-main { display: grid; gap: 5px; min-width: 0; }
.market-economic-when time,.market-economic-main strong { color: #f4f6ff; font-size: .89rem; }
.market-economic-when span,.market-economic-when b,.market-economic-main small { color: #abb8d1; font-size: .75rem; font-weight: 400; }
.market-economic-when b { color: #d1ac65; }
.market-economic-event[data-impact="high"] .market-economic-when b { color: #ff9588; }
.market-economic-event>a,.market-economic-observation a { color: #8edcf1; font-size: .78rem; }
.market-economic-observation { background: #0d1121; }
.market-economic-observation summary { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 14px; padding: 14px; cursor: pointer; list-style: none; }
.market-economic-observation summary>span { display: grid; gap: 4px; min-width: 0; }
.market-economic-observation strong { color: #f4f6ff; font-size: .89rem; }
.market-economic-observation small { color: #abb8d1; font-size: .75rem; }
.market-economic-observation summary>b { color: #f4f6ff; font-size: .92rem; }
.market-economic-observation>div { padding: 0 14px 14px; color: #cbd6ea; font-size: .8rem; }
.market-economic-observation p { margin: 5px 0; }
.market-economic-more { margin-top: 10px; }
.market-economic-more[hidden] { display: none; }

@media (max-width: 760px) {
  .market-news-list,.market-context-list { height: 360px; }
  .market-native-quote { min-width: 178px; }
  .market-context-row { grid-template-columns: minmax(0,1fr) auto; }
  .market-context-row svg { grid-column: 1 / -1; width: 100%; height: 48px; }
  .market-economic-controls label { flex: 1 1 140px; }
  .market-economic-event { grid-template-columns: minmax(0,1fr) auto; gap: 9px; }
  .market-economic-when { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 9px; }
  .market-economic-observation summary { grid-template-columns: minmax(0,1fr) auto; }
  .market-economic-observation summary>small { grid-column: 1 / -1; }
  .sentiment-scale span { font-size: .5rem; }
}