/* Chart-only geometry calibrated at the reference's 393 × 852 CSS viewport. */
.screen-chart{--chart-grid:#ededed}
.screen-chart.m-dark{--chart-grid:#333942}
.screen-chart .d-chart-header>div{transform:none}
.screen-chart .d-chart-header>div>button{height:24px;gap:5px}
.screen-chart .d-chart-header b{font-size:18px;line-height:24px;font-weight:600;letter-spacing:0}
.screen-chart .d-chart-header em{font-size:11px;line-height:16px;height:16px;padding:0 4px}
.screen-chart .d-chart-header small{font-size:12px;line-height:16px;margin-top:3px}
.screen-chart .d-chart-header>button{transform:translateY(-2px)}
.screen-chart .d-chart-tabs{border-bottom:.333px solid var(--chart-grid)}
.screen-chart .d-chart-tabs>button{transform:none}
.screen-chart .d-chart-tabs>.active::after{bottom:-.333px}
.screen-chart .d-chart-summary{padding-top:11.667px}
.screen-chart .d-chart-summary>div{transform:none;min-width:0}
.screen-chart .d-chart-summary>div>strong{font-size:28px;line-height:32px;font-weight:600;letter-spacing:0;transform:none}
.screen-chart .d-chart-summary>div>b{font-size:12px;line-height:17px;font-weight:600;margin-top:1px}
.screen-chart .d-chart-summary>div>small{font-size:12px;line-height:20px}
.screen-chart .d-chart-summary>dl{transform:none;column-gap:12px;row-gap:6px;margin-top:16px;font-size:11px}
.screen-chart .d-chart-summary .up{color:#2ebd85}
.screen-chart .d-chart-summary .down{color:#f6465d}
.screen-chart .d-chart-intervals{display:grid;grid-template-columns:34px 42px 46px 45px 34px auto 1fr 32px 32px 16px;gap:0;border-bottom:.333px solid var(--chart-grid)}
.screen-chart .d-chart-intervals>button{justify-self:start;transform:translateY(3px);font-size:12px;line-height:17px}
.screen-chart .d-chart-intervals>button:nth-last-child(-n+3){transform:translateY(3px)}
.screen-chart .d-chart-intervals>button>.m-icon{width:16px;height:16px}
.screen-chart .d-chart-intervals>button:nth-child(6)>.m-icon{width:12px;height:12px}
.d-chart-canvas{--chart-grid:#ededed}
.m-dark .d-chart-canvas{--chart-grid:#333942}
.mobile-app .d-chart-canvas svg{font-family:BinanceNova,'PingFang SC',sans-serif;font-variant-numeric:normal;overflow:hidden}
.d-chart-legend{font-weight:400}
.d-chart-enlarge{cursor:pointer}
.d-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.mobile-app .d-chart-empty>button{padding:8px 16px;border-radius:6px;background:var(--m-fill);color:var(--m-text)}
.screen-chart .d-chart-bottom{padding-top:11px}
@media(max-width:374px){
  .screen-chart .d-chart-intervals{grid-template-columns:30px 36px 42px 42px 30px auto 1fr 28px 28px 16px}
  .screen-chart .d-chart-summary{gap:8px}
  .screen-chart .d-chart-summary>dl{column-gap:8px}
  .screen-chart .d-chart-summary>div>b{font-size:11px}
}
/* Text ink bounds, including the smaller data labels used by the native chart. */
.screen-chart .d-chart-header small{transform:translateY(-1px)}
.screen-chart .d-chart-header>div>button>.m-icon{width:15px;height:15px}
.screen-chart .d-chart-header em{font-size:10.5px}
.screen-chart .d-chart-summary>div>span{font-size:11.2px;line-height:16.8px;transform:translateY(.667px)}
.screen-chart .d-chart-summary>div>strong{transform:translateY(-.667px)}
.screen-chart .d-chart-summary>div>b{transform:translateY(-2px)}
.screen-chart .d-chart-summary>div>small{font-size:11.2px;transform:translateY(-2px)}
.screen-chart .d-chart-summary dd{font-size:11.3px;transform:translateY(-2px)}
.screen-chart .d-chart-bottom>button:not(.d-chart-trade){font-size:10px;transform:translate(-2px,1px)}