/* LF-SITE-001B — Strategy Lab targeted hero + result visibility repair.
   Scope intentionally limited to strategy-lab.html. */

/* Compact the universal hero for Strategy Lab and keep the approved desktop
   headline on one line. Mobile/tablet are allowed to wrap naturally. */
@media (min-width:1100px){
  body[data-page="strategy-lab"] .mi-universal-hero{
    min-height:0!important;
    padding:12px 0 13px!important;
  }
  body[data-page="strategy-lab"] .mi-hero-inner{
    min-height:104px!important;
    padding:0!important;
    align-items:center!important;
    gap:20px!important;
  }
  body[data-page="strategy-lab"] .mi-hero-copy{
    max-width:none!important;
    width:min(100%,1180px)!important;
  }
  body[data-page="strategy-lab"] .mi-hero-copy h1{
    max-width:none!important;
    width:max-content!important;
    white-space:nowrap!important;
    font-size:clamp(38px,3.05vw,52px)!important;
    line-height:.96!important;
    margin:0!important;
  }
  body[data-page="strategy-lab"] .mi-hero-copy p{
    margin-top:7px!important;
    max-width:760px!important;
    line-height:1.35!important;
  }
}

@media (max-width:1099px){
  body[data-page="strategy-lab"] .mi-universal-hero{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  body[data-page="strategy-lab"] .mi-hero-copy h1{
    max-width:24ch!important;
    white-space:normal!important;
  }
}

/* Hard boundary for the ivory result surface. This prevents generic sitewide
   dark-surface rules from bleaching figures or labels on this light panel. */
body[data-page="strategy-lab"] .sl-app .response-panel{
  color:#172d27!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel :is(h2,h3,p,span,small,strong,em){
  opacity:1!important;
  text-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel :is(h2,h3){
  color:#122d27!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel :is(p,small){
  color:#40564e!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .kicker.dark{
  color:#8b6929!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .metric span{
  color:#3d5049!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .metric strong,
body[data-page="strategy-lab"] .sl-app .response-panel #weightedReturn,
body[data-page="strategy-lab"] .sl-app .response-panel #changeValue{
  color:#08715f!important;
  opacity:1!important;
  visibility:visible!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .metric.major strong,
body[data-page="strategy-lab"] .sl-app .response-panel #endingBalance{
  color:#14241f!important;
  opacity:1!important;
  visibility:visible!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .risk-metric strong,
body[data-page="strategy-lab"] .sl-app .response-panel #riskLabel{
  color:#2b423a!important;
  opacity:1!important;
  visibility:visible!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .risk-scale span,
body[data-page="strategy-lab"] .sl-app .response-panel .legend,
body[data-page="strategy-lab"] .sl-app .response-panel .legend span,
body[data-page="strategy-lab"] .sl-app .response-panel .trajectory-values,
body[data-page="strategy-lab"] .sl-app .response-panel .trajectory-values span{
  color:#4b6158!important;
  opacity:1!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .bar-line em{
  color:#3d5049!important;
  opacity:1!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .bar-line.after em,
body[data-page="strategy-lab"] .sl-app .response-panel #trajectoryDelta{
  color:#086552!important;
  opacity:1!important;
  visibility:visible!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .trajectory-card{
  background:rgba(255,255,255,.42)!important;
  color:#172d27!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .trajectory-card :is(h3,p,small,span){
  color:#40554d!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .horizon button{
  color:#31463e!important;
  opacity:1!important;
}
body[data-page="strategy-lab"] .sl-app .response-panel .horizon button.active{
  background:#06372f!important;
  color:#f6dc98!important;
  -webkit-text-fill-color:#f6dc98!important;
}