/* 2026-10-31 How it works 3번 대시보드 안 줄 깨짐 보정(대표님 "가장 최신 실제 랜딩에 반영") — 글자 크기(16px)는 그대로, 칸 배치·줄바꿈만.
   장면용 복사본(body.d3-embedded)·휴대폰 폭(≤420px)에서만. 원래 대시보드 페이지는 안 바뀜 */
@media (max-width:420px){
  body.d3-embedded .revenue-comparison>div>span:first-child{white-space:nowrap!important;flex:none!important}
  body.d3-embedded .revenue-comparison>div>.bar-track{flex:1 1 auto!important;min-width:40px}
  body.d3-embedded .change{grid-template-columns:1fr!important;row-gap:6px}
  body.d3-embedded .change>.column-label,body.d3-embedded .change>.position-meter,body.d3-embedded .change>.period-dates{grid-column:1/-1!important;grid-row:auto!important;grid-area:auto!important}
  body.d3-embedded .position-ticks{display:flex!important;justify-content:space-between!important;gap:8px}
  body.d3-embedded .position-ticks span{white-space:nowrap}
  body.d3-embedded .margin-html-chart{gap:0!important}
  body.d3-embedded .margin-html-chart .bar-value{letter-spacing:-.06em;white-space:nowrap;text-align:center}
}
