.research-price-chart{--chart-up:#19715d;--chart-down:#ab4c16;--chart-color:var(--chart-up);margin:25px 0 30px;padding:20px 22px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0;font-variant-numeric:tabular-nums}
html[data-theme=dark] .research-price-chart{--chart-up:#8ce7ca;--chart-down:#ffbd85}
.research-price-chart[data-direction=down]{--chart-color:var(--chart-down)}
.research-chart-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.research-price-chart figcaption{font-size:16px;font-weight:700;color:var(--ink);line-height:1.5}.research-price-chart figcaption>span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}
.research-chart-ranges{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.research-chart-ranges[hidden],.research-price-chart [hidden]{display:none!important}.research-chart-ranges button{font:inherit;font-size:11px;line-height:1.5;min-width:42px;min-height:32px;padding:5px 9px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer}.research-chart-ranges button[aria-pressed=true]{color:var(--ink);background:var(--soft);font-weight:700}.research-price-chart :focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.research-chart-readout{display:flex;align-items:baseline;gap:12px;margin-top:19px;flex-wrap:wrap;min-height:25px}.research-chart-readout strong{color:var(--ink);font-size:19px;line-height:1.4}.research-chart-readout time{color:var(--muted);font-size:11px}
.research-chart-frame{position:relative;padding-left:78px;margin:23px 5px 0 0}.research-chart-y{position:absolute;left:0;top:0;width:68px;height:220px;pointer-events:none}.research-chart-y span{position:absolute;right:0;transform:translateY(-50%);color:var(--muted);font-size:10px;line-height:1.3;white-space:nowrap}.research-chart-surface{height:220px;position:relative;touch-action:pan-y;outline-offset:5px}.research-chart-surface svg{display:block;width:100%;height:100%;overflow:visible}.research-chart-grid{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.65}.research-chart-line{stroke:var(--chart-color);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.research-chart-end,.research-chart-dot{fill:var(--chart-color);stroke:var(--surface);stroke-width:1.5;vector-effect:non-scaling-stroke}.research-chart-cross{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.research-chart-x{height:37px;position:relative;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.4}.research-chart-x time{position:absolute;top:0;transform:translateX(-50%);text-align:center;white-space:nowrap}.research-chart-x time span{display:block;opacity:.85}.research-chart-x time[data-edge=start]{transform:none;text-align:left}.research-chart-x time[data-edge=end]{transform:translateX(-100%);text-align:right}
.research-chart-help,.research-chart-note{font-size:11px!important;line-height:1.8!important;color:var(--muted);margin:7px 0!important}.research-chart-help{color:var(--ink)}.research-chart-table{border-top:1px solid var(--line);margin-top:13px;padding-top:4px;font-size:12px}.research-chart-table summary{min-height:38px;display:list-item;padding:8px 0;cursor:pointer;color:var(--link)}.research-chart-table>div{max-height:285px;overflow:auto}.research-chart-table table{width:100%;border-collapse:collapse;font-size:12px}.research-chart-table td,.research-chart-table th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.research-chart-table td{text-align:right}.research-chart-table thead{position:sticky;top:0;background:var(--surface)}.research-chart-empty h3{font-size:16px;margin:0 0 8px}.research-chart-empty p{font-size:13px;color:var(--muted);line-height:1.8}
@media(max-width:600px){.research-price-chart{padding:16px 13px 10px;border-radius:12px}.research-chart-top{gap:9px;align-items:start;flex-wrap:wrap}.research-price-chart figcaption{font-size:15px}.research-chart-ranges button{min-width:38px;padding:5px 7px;min-height:34px}.research-chart-readout{margin-top:15px;gap:5px 10px}.research-chart-readout strong{font-size:18px}.research-chart-readout time{font-size:10px}.research-chart-frame{padding-left:65px;margin-right:2px}.research-chart-y{width:56px;height:190px}.research-chart-surface{height:190px}.research-chart-x .research-tick-secondary{display:none}.research-chart-help,.research-chart-note{font-size:10px!important}}
/* Shared candlestick and volume panes; each column uses the same observation. */
.research-chart-tools{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.research-chart-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.research-chart-switch button{font:inherit;font-size:11px;line-height:1.5;min-width:38px;min-height:32px;padding:5px 8px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer}.research-chart-switch button[aria-pressed=true]{color:var(--ink);background:var(--soft);font-weight:700}
.research-chart-time{display:block;color:var(--muted);font-size:11px;margin-top:17px}.research-chart-readout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:9px 0 3px;min-height:41px}.research-chart-readout>span{min-width:0}.research-chart-readout small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.research-chart-readout strong{color:var(--ink);font-size:12px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.research-chart-surface{height:330px}.research-chart-candles line{stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.research-chart-candles rect,.research-chart-volumes rect{fill:currentColor}.research-chart-volumes{opacity:.6}.research-price-chart [data-bar-direction=up],.research-chart-key.up{color:var(--chart-up)}.research-price-chart [data-bar-direction=down],.research-chart-key.down{color:var(--chart-down)}.research-price-chart[data-chart-mode=candle] .research-chart-line,.research-price-chart[data-chart-mode=line] .research-chart-candles{display:none}.research-chart-volume-label{position:absolute;left:0;top:264px;width:68px;text-align:right;font-size:10px;color:var(--muted);line-height:1.5}.research-chart-volume-label>span{display:block;font-size:9px;overflow-wrap:anywhere}.research-chart-key{font-weight:600}
@media(max-width:600px){.research-chart-tools{justify-content:flex-start}.research-chart-tools button{min-width:36px;padding:5px 7px;min-height:34px}.research-chart-time{margin-top:13px;font-size:10px}.research-chart-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px}.research-chart-readout strong{font-size:11px}.research-chart-frame{padding-left:62px}.research-chart-y{width:54px}.research-chart-surface{height:285px}.research-chart-volume-label{top:228px;width:54px}}

/* Stock articles share the same current chart; dated explanatory figures remain available. */
.stock-article-price{margin:24px 0 30px;min-width:0}.stock-article-price>.research-price-chart{margin:12px 0}.stock-article-price .stock-chart-basis,.stock-article-archive>p{font-size:12px!important;line-height:1.8!important;color:var(--muted);margin:8px 0!important}.stock-article-archive{margin:18px 0;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface);min-width:0}.stock-article-archive>summary{cursor:pointer;color:var(--link);font-size:13px;font-weight:600;line-height:1.7;padding:5px 0}.stock-article-archive>figure{margin:12px 0!important}.stock-article-archive img{max-width:100%;height:auto}.ant-report .stock-article-price p{margin-bottom:8px}

/* Shared in stock/coin details, inline list charts and published articles. */
.research-price-chart{max-width:100%;box-sizing:border-box}
.research-chart-top,.research-chart-top>*,.research-chart-tools,.research-chart-readout,.research-chart-frame,.research-chart-surface{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:760px){
 .research-price-chart{width:100%;margin-inline:0;padding:15px 12px 10px;overflow-wrap:anywhere}
 .research-chart-top{display:flex;flex-wrap:wrap;gap:12px;align-items:start}
 .research-price-chart figcaption{flex:1 1 100%;font-size:15px;line-height:1.6}
 .research-price-chart figcaption>span{font-size:10px;white-space:normal;overflow-wrap:anywhere}
 .research-chart-tools{flex:1 1 100%;width:100%;justify-content:space-between;gap:7px}
 .research-chart-switch,.research-chart-ranges{min-width:0;max-width:100%;flex:1 1 auto;box-sizing:border-box}
 .research-chart-tools button{min-width:0;min-height:40px;padding:6px 7px;font-size:11px;flex:1;white-space:normal}
 .research-chart-time{font-size:10px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;margin-top:13px}
 .research-chart-readout{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:10px 0 0}
 .research-chart-readout>span:last-child{grid-column:1/-1}
 .research-chart-readout strong{font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
 .research-chart-readout small{font-size:10px;line-height:1.5;margin-bottom:2px}
 .research-chart-frame{padding-left:48px;margin:20px 0 0}
 .research-chart-y{width:41px;height:200px}
 .research-chart-y span{max-width:100%;font-size:9px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
 .research-chart-surface{width:100%;height:300px;touch-action:pan-y}
 .research-chart-surface svg{min-width:0;max-width:100%;width:100%;height:100%}
 .research-chart-volume-label{top:240px;width:41px;font-size:9px}
 .research-chart-volume-label>span{font-size:9px}
 .research-chart-x{height:37px;font-size:9px;line-height:1.5;margin-top:9px}
 .research-chart-x .research-tick-secondary{display:none}
 .research-chart-help,.research-chart-note{font-size:10px!important;line-height:1.8!important;overflow-wrap:anywhere}
 /* The optional numeric history also reads downwards on a phone. */
 .research-price-chart .research-chart-table{min-width:0;max-width:100%}
 .research-chart-table>div{width:100%;min-width:0;max-width:100%;max-height:300px;overflow:auto}
 .research-price-chart .research-chart-table table,.research-chart-table tbody{display:block;width:100%;min-width:0;max-width:100%;border:0;box-sizing:border-box}
 .research-chart-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .research-chart-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
 .research-price-chart .research-chart-table tbody tr>*{display:block;min-width:0;max-width:100%;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.6;text-align:left;box-sizing:border-box}
 .research-chart-table tbody th{grid-column:1/-1;color:var(--muted);font-weight:500}
 .research-chart-table tbody td::before{display:block;font-size:9px;color:var(--muted)}
 .research-chart-table tbody td:nth-child(2)::before{content:'시가'}
 .research-chart-table tbody td:nth-child(3)::before{content:'고가'}
 .research-chart-table tbody td:nth-child(4)::before{content:'저가'}
 .research-chart-table tbody td:nth-child(5)::before{content:'종가'}
 .research-chart-table tbody td:nth-child(6)::before{content:'거래량'}
 .research-chart-table tbody td:nth-child(6){grid-column:1/-1}
 .stock-article-price,.stock-article-price>.research-price-chart,.coin-detail-current,[data-current-chart]{min-width:0;max-width:100%;box-sizing:border-box}
 .research-workspace .research-detail-head,.listed-detail-head{align-items:flex-start;gap:12px}
 .research-workspace .research-detail-head>div,.listed-detail-head>div{min-width:0}
 .research-workspace .research-detail-head h2,.listed-detail-head h2{overflow-wrap:anywhere}
 .research-state>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .coin-current-head{flex-wrap:wrap;min-width:0}
 .coin-current-head>div{flex:1 1 180px;min-width:0}
}
@media(max-width:380px){.research-chart-x .research-tick-middle{display:none}}

/* Let the available card width decide whether control groups share a row. */
@media(max-width:760px){
 .research-chart-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:7px}
 .research-chart-switch,.research-chart-ranges{width:100%;flex-wrap:wrap}
 .research-chart-tools button{min-width:max-content;white-space:nowrap;flex:1 1 40px}
}

/* Component-local readable labels on the light surface. */
html[data-theme=light] .research-price-chart{--muted:#61747b}