/* model: openai; role: delegated-implementation; homepage chart studies only */
.showcase-chart{--sc-ink:#edf0f5;--sc-muted:#9ca5b5;--sc-line:#29303c;min-width:0;color:var(--sc-ink);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}
.showcase-chart .sc-svg{display:block;width:100%;height:auto;overflow:visible}
.showcase-chart .sc-svg text{font-family:inherit}
.showcase-chart .sc-svg{fill:var(--sc-ink)}
.showcase-chart .sc-axis{font-size:11px;fill:var(--sc-muted)!important;font-weight:400}
.showcase-chart .sc-market-name{font-size:13px;font-weight:500}
.showcase-chart .sc-row-direction{font-size:15px;fill:#c6cbd5!important}
.showcase-chart .sc-row-outline{fill:none;stroke:transparent;stroke-width:.8}
.showcase-chart .sc-market-row.is-selected .sc-row-outline{stroke:#d4d7e26b;fill:#f4f5f703}
.showcase-chart .sc-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:9px;min-height:19px;font-size:10px;line-height:1.7;color:#b5bdcb}
.showcase-chart .sc-key{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.showcase-chart .sc-key i{display:inline-block;flex:none;background:var(--key-color)}
.showcase-chart .sc-key-square{width:7px;height:7px;border-radius:1.5px}
.showcase-chart .sc-key-circle{width:7px;height:7px;border-radius:50%}
.showcase-chart .sc-key-line{width:13px;height:1.5px}
.showcase-chart .sc-legend-note{color:#919aab;font-size:10px;line-height:1.7}
.showcase-chart .sc-chart-note,.showcase-chart .sc-selection-note{color:#929dad;font-size:10px;line-height:1.85;margin:12px 0 0}
.showcase-chart .sc-selection-note{min-height:38px;margin-top:11px}
.showcase-chart .sc-market-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.showcase-chart .sc-market-button{display:inline-flex;align-items:center;gap:7px;min-height:35px;padding:7px 12px;border:1px solid #343c4a;background:transparent;border-radius:4px;color:#aeb8c9;font:inherit;font-size:11px;line-height:1.3;cursor:pointer;transition:background .15s,border-color .15s}
.showcase-chart .sc-market-button img{width:18px;height:18px;border-radius:50%;display:block}
.showcase-chart .sc-market-button:hover{border-color:#b0b9c8;color:#f4f5f7}
.showcase-chart .sc-market-button[aria-pressed="true"]{background:#e8eaf00c;border-color:#aeb7c7;color:#f4f5f7}
.showcase-chart .sc-market-button:focus-visible{outline:2px solid #f4f5f7;outline-offset:3px}
.showcase-chart .sc-quadrant{font-size:11px;fill:#8e99ab!important;letter-spacing:1px}
.showcase-chart .sc-sector-label{font-size:11px;font-weight:500}
.showcase-chart .sc-sentiment-state{font-size:21px;font-weight:500;letter-spacing:2px}
@media(max-width:600px){
  .showcase-chart .sc-market-button{min-height:39px;padding:7px 11px;font-size:11px}
  .showcase-chart .sc-market-controls{gap:6px;margin-top:12px}
  .showcase-chart .sc-legend{font-size:10px;gap:7px 13px;margin-top:11px}
  .showcase-chart .sc-chart-note,.showcase-chart .sc-selection-note,.showcase-chart .sc-legend-note{font-size:10px}
  .showcase-chart .sc-selection-note{min-height:0}
  #showcase-global .sc-axis,#showcase-flow .sc-axis{font-size:20px}
  #showcase-global .sc-market-name{font-size:23px}
  #showcase-global .sc-row-direction{font-size:19px}
  #showcase-rotation .sc-axis,#showcase-sentiment .sc-axis{font-size:12px}
  .showcase-chart .sc-sector-label,.showcase-chart .sc-quadrant{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.showcase-chart *{transition:none!important}}
