/* LF-SITE-001B — Strategy Lab equal-height natural alignment
   Desktop only. Equalize the two top cards through the grid row, not a fixed px height.
   Any small height difference is distributed across existing content groups rather than
   left as a blank band at the bottom. */
@media (min-width:1181px){
  body[data-page="strategy-lab"] .sl-app .workspace{
    align-items:stretch!important;
  }

  body[data-page="strategy-lab"] .sl-app .builder-panel,
  body[data-page="strategy-lab"] .sl-app .response-panel{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    overflow:visible!important;
  }

  /* Left card: spread only the existing groups, keeping the last balance row anchored. */
  body[data-page="strategy-lab"] .sl-app .builder-panel{
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .control-group.presets{
    margin-top:clamp(12px,1.3vh,18px)!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .allocation-rows{
    flex:1 1 auto!important;
    display:grid!important;
    align-content:space-evenly!important;
    min-height:0!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .divider:last-of-type{
    margin:8px 0!important;
  }
  body[data-page="strategy-lab"] .sl-app .builder-panel .balance-row{
    margin-top:0!important;
  }

  /* Right card: the middle content absorbs the difference; no empty footer band. */
  body[data-page="strategy-lab"] .sl-app .response-panel{
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    align-items:stretch!important;
  }
  body[data-page="strategy-lab"] .sl-app .allocation-compare,
  body[data-page="strategy-lab"] .sl-app .trajectory-card{
    min-height:0!important;
    height:auto!important;
  }
  body[data-page="strategy-lab"] .sl-app .allocation-compare{
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="strategy-lab"] .sl-app .comparison-bars{
    flex:1 1 auto!important;
    display:grid!important;
    align-content:space-evenly!important;
    gap:5px!important;
  }
  body[data-page="strategy-lab"] .sl-app .trajectory-card{
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-page="strategy-lab"] .sl-app .trajectory-card svg{
    flex:1 1 auto!important;
    min-height:100px!important;
    height:auto!important;
    max-height:142px!important;
    margin-top:4px!important;
  }
  body[data-page="strategy-lab"] .sl-app .response-insights{
    margin-top:10px!important;
    padding-top:10px!important;
  }
}