.market-bar{box-sizing:border-box;position:relative;z-index:30;height:30px;min-height:30px;overflow:hidden;border-top:1px solid #D71920;background:#10243A;color:#fff}
.top-info-band-inner{height:29px;margin-inline:auto;padding-inline:0!important;display:flex;align-items:center;gap:12px}
.top-info-meta{display:flex;flex:0 0 auto;align-items:center;gap:7px;white-space:nowrap;color:#c1ccd5;font-size:11px;font-variant-numeric:tabular-nums}
.top-info-meta time{color:#fff}.top-meta-separator{color:#D71920;font-weight:800}.top-location{color:#c1ccd5}
.market-scroll-area{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}
.market-bar-inner{width:100%;height:29px;min-width:0;margin:0;display:flex;align-items:center;overflow:hidden;scrollbar-width:none}
.market-bar-inner::-webkit-scrollbar{display:none}
.market-item,.weather-item{position:relative;flex:0 0 auto;min-width:max-content;height:18px;padding:0 8px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.market-item+ .market-item::before,.market-item+ .weather-item::before,.weather-item+ .market-item::before{content:"·";margin-right:2px;color:#ffffff80;font-weight:700}
.market-item:first-child{padding-left:0}
.market-name,.weather-name{color:#c1ccd5;font-size:11px;font-weight:600;letter-spacing:.01em}
.market-price,.weather-temperature{color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.weather-item{gap:5px}.weather-icon{color:#f2d278;font-size:11px;line-height:1}
.market-bar-inner:focus-visible{outline:2px solid #fff;outline-offset:-2px}
@media(max-width:1100px){.top-info-band-inner{gap:10px}.market-bar-inner{width:max-content;min-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x}.market-bar-inner::-webkit-scrollbar{display:none}.market-item,.weather-item{padding-inline:8px}}
@media(max-width:600px){.top-info-band-inner{gap:8px}.top-info-meta{gap:5px;font-size:9px}.market-item,.weather-item{padding-inline:7px}.market-name,.weather-name{font-size:10px}.market-price,.weather-temperature{font-size:11px}}
@media(max-width:360px){.top-info-band-inner{gap:6px}.top-info-meta{gap:4px;font-size:8px}.market-item,.weather-item{padding-inline:6px}.market-name,.weather-name{font-size:9px}.market-price,.weather-temperature{font-size:10px}}
@media(prefers-reduced-motion:reduce){.market-bar-inner{scroll-behavior:auto}}