.corridor-markets { background: #191b19; color: #f4f1e8; border-block: 1px solid #645839; font-family: var(--ui, Arial, sans-serif); }
.corridor-markets [hidden] { display: none !important; }
.markets-inner { width: 100%; margin: 0; padding: 0; }
.markets-ribbon { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; min-height: 56px; }
.markets-title { margin: 0; padding: 0 24px; border-right: 1px solid #645839; color: #d3b674; font: 600 12px/1.4 var(--ui, Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; }
.markets-stage { min-width: 0; }
.markets-preview { overflow: hidden; min-width: 0; position: relative; }
.markets-track { display: flex; width: max-content; }
.markets-enhanced .markets-track { animation: dmd-market-scroll 48s linear infinite; }
.corridor-markets:not(.markets-enhanced) .markets-track-group[aria-hidden] { display: none; }
.corridor-markets:not(.markets-enhanced) .markets-preview { overflow-x: auto; }
.markets-track-group { box-sizing: border-box; display: flex; align-items: center; justify-content: space-around; flex: 0 0 auto; min-width: 100vw; gap: 34px; padding: 0 28px; white-space: nowrap; min-height: 54px; }
.market-quote,.market-index { display: inline-flex; gap: 10px; align-items: baseline; font: 600 15px/1.3 var(--ui, Arial, sans-serif); letter-spacing: .01em; }
.market-quote b { color: #f4f1e8; font-weight: 500; font-variant-numeric: tabular-nums; }
.market-quote small,.market-index small { color: #c5c4b9; font: 12px/1.3 var(--ui, Arial, sans-serif); letter-spacing: 0; }
/* Quote-board numerals are the default, with no widget or activation required. */
.market-quote [data-rate],.market-quote [data-change],.markets-table td {
  font-family: ui-monospace, "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: 0;
}
.market-quote [data-rate] { font-size: 1rem; font-weight: 600; }
.market-quote .market-up::before,.market-quote .market-down::before {
  content: ""; display: inline-block; width: .45em; height: .5em; margin-inline-end: .35em;
  background: currentColor; clip-path: polygon(50% 0, 100% 100%, 0 100%); vertical-align: .1em;
}
.market-quote .market-down::before { transform: rotate(180deg); }
.market-quote .market-up { color: #acd4af; }
.market-quote .market-down { color: #efb697; }
.corridor-markets a { color: #e0c88e; text-underline-offset: 3px; }
.corridor-markets .market-index { color: #d3b674; text-decoration: none; padding-block: 16px; }
.market-index:hover strong { text-decoration: underline; }
@keyframes dmd-market-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.markets-preview:hover .markets-track,.markets-preview:focus-within .markets-track,.markets-paused .markets-track { animation-play-state: paused; }
.markets-paused .markets-preview { overflow-x: auto; }
.markets-paused .markets-track { animation: none; }
.markets-paused .markets-track-group[aria-hidden] { display: none; }
.markets-actions { padding-inline: 8px 18px; }
.corridor-markets button { min-height: 40px; width: 40px; padding: 0; border: 1px solid #85703e; border-radius: 2px; background: transparent; color: #f4f1e8; font: 18px/1 Arial,sans-serif; cursor: pointer; }
.corridor-markets button:hover { background: #334a3d; color: #fff; }
.corridor-markets button:focus-visible,.corridor-markets a:focus-visible,.markets-preview:focus-visible,.markets-details summary:focus-visible { outline: 2px solid #e0c88e; outline-offset: -2px; }
.markets-preview,.markets-table-wrap { scrollbar-color: #b79750 #2b302c; scrollbar-width: thin; }
.markets-meta { border-top: 1px solid #343b31; padding: 5px 24px; display: flex; align-items: baseline; gap: 5px 18px; flex-wrap: wrap; }
.markets-stamp { margin: 0; font-size: 12px; line-height: 1.6; color: #c7c8bd; }
.markets-status { margin: 0; padding: 6px 24px; color: #ecd19a; font-size: 13px; line-height: 1.5; }
.markets-status:empty { display: none; }
.markets-details { margin-left: auto; font-size: 14px; line-height: 1.6; }
.markets-details summary { cursor: pointer; color: #d4c299; font-size: 12px; padding: 2px 0; }
.markets-details[open] { flex-basis: 100%; }
.markets-details[open] summary { margin-bottom: 8px; }
.markets-details p { max-width: 90ch; margin: 8px 0; }
.markets-table-wrap { max-width: 100%; overflow-x: auto; margin-block: 12px; }
.markets-table { border-collapse: collapse; width: 100%; max-width: 920px; font-size: 14px; font-variant-numeric: tabular-nums; text-align: left; }
.markets-table th,.markets-table td { padding: 10px 16px; border-bottom: 1px solid #465044; white-space: nowrap; }
.markets-table th { color: #d3b674; font-weight: 600; }
.markets-table caption { text-align: left; font-size: 13px; padding-bottom: 6px; }
.markets-links { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 8px 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.6; }
.markets-links a { display: inline-block; padding-block: 8px; }
@media (max-width: 700px) {
  .markets-ribbon { grid-template-columns: minmax(0,1fr) auto; }
  .markets-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .markets-actions { padding-inline: 6px 10px; }
  .markets-track-group { gap: 28px; }
  .markets-meta { padding-inline: 14px; min-width: 0; }
  .markets-details { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .markets-enhanced:not(.markets-user-motion) .markets-track { animation: none; }
  .corridor-markets:not(.markets-user-motion) .markets-preview { overflow-x: auto; }
  .corridor-markets:not(.markets-user-motion) .markets-track-group[aria-hidden] { display: none; }
}
