/* LF-SITE-001B — targeted Strategy Lab content-fill + header nav alignment */

/* Shared desktop nav: direct links and dropdown buttons use one vertical box. */
@media (min-width: 901px){
  .top-stack .nav-shell nav.primary-nav{
    align-items:center!important;
  }
  .top-stack .nav-shell nav.primary-nav> a,
  .top-stack .nav-shell nav.primary-nav>.nav-group>.nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    height:42px!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
  }
  .top-stack .nav-shell nav.primary-nav>.nav-group{
    display:flex!important;
    align-items:center!important;
    height:42px!important;
  }
  .top-stack .nav-shell nav.primary-nav>a.active:after,
  .top-stack .nav-shell nav.primary-nav>.nav-group>.nav-link.active:after{
    bottom:0!important;
  }
  .top-stack .nav-shell .nav-group>.nav-dropdown{
    top:52px!important;
  }
}

/* Strategy Lab: preserve the panel height, but use the lower area as real decision context. */
body[data-page="strategy-lab"] .sl-app .response-panel{
  display:flex;
  flex-direction:column;
}
body[data-page="strategy-lab"] .sl-app .response-grid{
  flex:0 0 auto;
}
body[data-page="strategy-lab"] .sl-app .response-insights{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(25,50,44,.14);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
body[data-page="strategy-lab"] .sl-app .response-insight{
  min-width:0;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(39,72,64,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(245,237,221,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
body[data-page="strategy-lab"] .sl-app .response-insight span{
  display:block;
  color:#7d6130!important;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:1!important;
  margin-bottom:5px;
}
body[data-page="strategy-lab"] .sl-app .response-insight strong{
  display:block;
  color:#0b5f51!important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  font-weight:600;
  line-height:1.15;
  opacity:1!important;
}
body[data-page="strategy-lab"] .sl-app .response-insight small{
  display:block;
  margin-top:4px;
  color:#46534f!important;
  font-size:11px!important;
  line-height:1.3;
  opacity:1!important;
}
@media(max-width:760px){
  body[data-page="strategy-lab"] .sl-app .response-insights{grid-template-columns:1fr;margin-top:14px}
}