/* Ziwei desktop layout override.
   Keep the preferred side-by-side composition, with deliberate outer breathing room.
   The Ziwei tool opens directly into the working surface: no marketing hero or return chrome. */

.ziwei-commercial-page .site-header,
.ziwei-commercial-page .commercial-hero,
.ziwei-commercial-page .engine-notice{
  display:none!important;
}

.ziwei-commercial-page .ziwei-commercial-main{
  padding-top:32px!important;
}

.ziwei-commercial-page .section,
.ziwei-commercial-page .site-footer{
  width:min(1520px,calc(100vw - 96px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.ziwei-commercial-page .nav-shell{
  width:min(1520px,calc(100vw - 88px))!important;
  max-width:none!important;
}

.ziwei-commercial-page .commercial-workspace{
  display:grid!important;
  grid-template-columns:400px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
  width:min(1520px,calc(100vw - 96px))!important;
  max-width:none!important;
  padding-top:20px!important;
}

.ziwei-commercial-page .input-panel,
.ziwei-commercial-page .result-panel{
  min-width:0;
}

.ziwei-commercial-page .input-panel{
  width:100%;
  top:24px!important;
}

.ziwei-commercial-page .result-panel{
  width:100%;
  overflow:visible!important;
}

.ziwei-commercial-page .commercial-result,
.ziwei-commercial-page .chart-section{
  width:100%;
  min-width:0;
}

.ziwei-commercial-page .chart-section{
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable both-edges;
  padding-bottom:10px;
}

.ziwei-commercial-page .traditional-chart{
  box-sizing:border-box;
  width:100%!important;
  min-width:900px!important;
  max-width:none!important;
}

.ziwei-commercial-page .chart-context-bar,
.ziwei-commercial-page .transform-panel{
  min-width:900px!important;
}

@media (min-width:1680px){
  .ziwei-commercial-page .commercial-workspace{
    grid-template-columns:420px minmax(0,1fr)!important;
    gap:34px!important;
  }
}

@media (max-width:1360px){
  .ziwei-commercial-page .section,
  .ziwei-commercial-page .site-footer,
  .ziwei-commercial-page .commercial-workspace{
    width:calc(100vw - 72px)!important;
  }

  .ziwei-commercial-page .nav-shell{
    width:calc(100vw - 68px)!important;
  }

  .ziwei-commercial-page .commercial-workspace{
    grid-template-columns:360px minmax(0,1fr)!important;
    gap:22px!important;
  }

  .ziwei-commercial-page .traditional-chart,
  .ziwei-commercial-page .chart-context-bar,
  .ziwei-commercial-page .transform-panel{
    min-width:820px!important;
  }
}

@media (max-width:1240px){
  .ziwei-commercial-page .commercial-workspace{
    grid-template-columns:1fr!important;
  }

  .ziwei-commercial-page .input-panel{
    position:static!important;
  }

  .ziwei-commercial-page .result-panel{
    min-height:0!important;
  }

  /* The result panel is dynamically populated and can be many viewports tall.
     A percentage-based reveal threshold may never be reached on mobile/tablet,
     leaving the entire generated chart at opacity:0. Keep dynamic results visible. */
  .ziwei-commercial-page .result-panel.reveal{
    opacity:1!important;
    transform:none!important;
  }
}

@media (max-width:900px){
  .ziwei-commercial-page .ziwei-commercial-main{
    padding-top:18px!important;
  }

  .ziwei-commercial-page .section,
  .ziwei-commercial-page .site-footer,
  .ziwei-commercial-page .commercial-workspace{
    width:calc(100vw - 24px)!important;
  }

  .ziwei-commercial-page .nav-shell{
    width:calc(100vw - 24px)!important;
  }

  .ziwei-commercial-page .traditional-chart,
  .ziwei-commercial-page .chart-context-bar,
  .ziwei-commercial-page .transform-panel{
    min-width:760px!important;
  }
}

@media (max-width:640px){
  .ziwei-commercial-page .section,
  .ziwei-commercial-page .site-footer,
  .ziwei-commercial-page .commercial-workspace{
    width:calc(100vw - 16px)!important;
  }

  .ziwei-commercial-page .nav-shell{
    width:calc(100vw - 20px)!important;
  }

  .ziwei-commercial-page .result-panel{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .ziwei-commercial-page .chart-section{
    margin-left:-4px;
    margin-right:-4px;
    padding-left:4px;
    padding-right:4px;
  }
}