/* LF-SITE-001B — AI MARKET EXPLAINER HERO ALIGNMENT PASS 10
   Scope: AI Market Explainer hero + immediate tool strip only.
   Reference: My Dashboard compact MI hero family.
*/

@media (min-width:1100px){
  body[data-page="market-explainer"] .mi-universal-hero{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
    overflow:hidden!important;
  }
  body[data-page="market-explainer"] .mi-hero-inner{
    height:100%!important;
    padding:14px 0!important;
    gap:24px!important;
    align-items:center!important;
  }
  body[data-page="market-explainer"] .mi-hero-copy{
    max-width:min(1120px,72vw)!important;
  }
  body[data-page="market-explainer"] .mi-hero-copy h1{
    max-width:31ch!important;
    font-size:clamp(36px,2.45vw,46px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }
  body[data-page="market-explainer"] .mi-hero-copy p{
    max-width:860px!important;
    margin-top:5px!important;
    font-size:13.2px!important;
    line-height:1.28!important;
  }
  body[data-page="market-explainer"] .mi-hero-kicker{
    margin-bottom:5px!important;
    font-size:10px!important;
  }
  body[data-page="market-explainer"] .mi-hero-actions{
    align-self:center!important;
    max-width:250px!important;
  }
  body[data-page="market-explainer"] .mi-hero-action{
    padding:9px 14px!important;
    font-size:11px!important;
  }

  /* Compact the search/tools strip directly below the hero. */
  body[data-page="market-explainer"] .mi-explainer-rich .explainer-tools{
    height:44px!important;
    min-height:44px!important;
    padding:4px var(--mi-gutter)!important;
    background:#08231f!important;
  }
  body[data-page="market-explainer"] .mi-explainer-rich .explainer-tools .search{
    width:min(390px,34vw)!important;
    max-width:390px!important;
    height:32px!important;
    border-radius:10px!important;
  }
  body[data-page="market-explainer"] .mi-explainer-rich .explainer-tools .search input{
    font-size:11px!important;
  }
}

@media (min-width:761px) and (max-width:1099px){
  body[data-page="market-explainer"] .mi-hero-copy h1{
    max-width:30ch!important;
    font-size:clamp(33px,4vw,42px)!important;
    line-height:1!important;
  }
  body[data-page="market-explainer"] .mi-hero-copy p{
    max-width:760px!important;
    font-size:13px!important;
  }
  body[data-page="market-explainer"] .mi-explainer-rich .explainer-tools{
    height:44px!important;
    min-height:44px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
  body[data-page="market-explainer"] .mi-explainer-rich .explainer-tools .search{
    height:32px!important;
  }
}