.stock-ticker{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #dfe7ed;box-shadow:0 2px 5px #14293f04;font-variant-numeric:tabular-nums}
.ticker-inner{max-width:1660px;margin:auto;padding:0 40px;display:flex;align-items:stretch;min-width:0}
.ticker-hynix{display:flex;align-items:center;gap:14px;flex:1.6;min-width:0}
.ticker-hynix-title{font-size:12px;color:#304a62;white-space:nowrap;font-weight:650}
.ticker-fixed{display:grid;grid-template-columns:1fr 1fr;flex:1;min-width:0}
.ticker-quote{min-width:0;display:flex;align-items:center;padding:10px 18px 10px 0}
.ticker-fixed>.ticker-quote+ .ticker-quote{padding-left:12px}
.ticker-quote-content{display:block;min-width:0;width:100%;border-radius:3px}
a.ticker-quote-content:hover .ticker-name{color:var(--teal)}
.ticker-name{display:block;font-weight:650;font-size:12px;line-height:1.5;color:#304a62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticker-market{font-size:10px;color:#687c8e;white-space:nowrap}
.ticker-name small{font-size:10px;font-weight:500;color:#708195;margin-left:4px}
.ticker-values{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.5}
.ticker-values strong{font-size:16px;font-weight:700;white-space:nowrap;color:#263e54;letter-spacing:-.3px}
.ticker-values strong small{font-size:10px;font-weight:500;letter-spacing:0;color:#687c8e}
.ticker-change{font-size:11px;white-space:nowrap;font-weight:600}
.ticker-up{color:#b72d41}.ticker-down{color:#215bbb}.ticker-flat{color:#657386}
.ticker-time{display:block;font-size:9px;color:#6d7d8d;line-height:1.5;white-space:nowrap}
.ticker-unavailable{font-size:12px;color:#718094}
.ticker-rotation{display:flex;align-items:center;gap:4px;flex:1.15;min-width:0;border-left:1px solid #edf0f3;padding-left:18px}
.ticker-slides{flex:1;min-width:0}
.ticker-slide{padding-right:4px}
.ticker-controls{display:flex;flex-shrink:0;gap:0}
.ticker-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:#6b8195;font-size:20px}
.ticker-controls button:hover{background:#f1f6f8;color:#1a8279}
.ticker-controls button[data-ticker-pause]{font-size:14px}
.stock-ticker [hidden]{display:none!important}
@media(min-width:701px){html:has([data-stock-ticker]){scroll-padding-top:100px}}
@media(min-width:701px) and (max-width:1150px){.ticker-inner{padding:0 24px}.ticker-hynix{display:block;flex:1.5}.ticker-hynix-title{display:block;font-size:11px;margin-top:8px}.ticker-rotation{flex:1.15;padding-left:12px}.ticker-fixed>.ticker-quote+ .ticker-quote{padding-left:8px}.ticker-fixed .ticker-quote{padding-top:4px}.ticker-values{gap:3px 5px}.ticker-values strong{font-size:13px}.ticker-market{font-size:9px}}
@media(max-width:700px){
  .stock-ticker{position:static;box-shadow:none}
  .ticker-inner{display:block;padding:0 18px}
  .ticker-hynix{display:block}.ticker-hynix-title{display:block;font-size:11px;margin-top:7px}
  .ticker-quote{padding:4px 10px 7px 0}
  .ticker-fixed>.ticker-quote+ .ticker-quote{padding-left:12px;padding-right:0}
  .ticker-name{font-size:11px}.ticker-name small{font-size:9px;margin-left:3px}
  .ticker-values{gap:3px 5px}.ticker-values strong{font-size:13px}.ticker-change{font-size:10px}.ticker-market{font-size:9px}
  .ticker-time{font-size:8px}
  .ticker-rotation{border-left:0;border-top:1px solid #edf0f3;padding:0;min-height:44px}
  .ticker-slide{padding:6px 0}
  .ticker-slide .ticker-quote-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:0 8px;align-items:center}
  .ticker-slide .ticker-values{justify-content:flex-end}
  .ticker-slide .ticker-time{grid-column:1 / -1}
  .ticker-controls{margin-left:5px}
  .ticker-controls button{min-width:44px;min-height:44px}
}
@media(max-width:359px){.ticker-inner{padding:0 12px}.ticker-slide .ticker-quote-content{gap:0 5px}.ticker-values strong{font-size:12px}.ticker-change{font-size:9px}.ticker-name{font-size:10px}.ticker-name small{font-size:8px}.ticker-slide .ticker-name small{display:none}}
@media(max-width:359px){.ticker-fixed .ticker-quote{padding-right:0}.ticker-fixed>.ticker-quote+.ticker-quote{padding-left:6px}.ticker-fixed .ticker-values{column-gap:3px}.ticker-fixed strong small{font-size:9px}}
.stock-ticker[data-ticker-disconnected="true"] .ticker-time{color:#9a6838}
@media print{.stock-ticker{display:none!important}}