/* =====================================================================
   V139 — Top-aligned interactive detail panels
   Applies the same immediate-reading hierarchy used by the owner-outcome
   panel to the Owner Success Stories and Financing Advantage stages.
   ===================================================================== */

@media (min-width:1181px){
  /* Owner success stories: remove vertical centering and expose the
     selected result immediately at the top of the detail panel. */
  #global-results .ct-exact-stage-detail{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:38px 36px 34px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }

  #global-results .ct-exact-detail-copy{
    width:100%!important;
    margin:0!important;
  }

  #global-results .ct-exact-detail-top{
    margin:0 0 18px!important;
  }

  #global-results .ct-exact-detail-copy h3{
    margin:0!important;
  }

  #global-results .owner-story-body p{
    margin:0!important;
  }

  #global-results .owner-story-highlight{
    margin-top:17px!important;
  }

  /* Financing reasons: start every selected reason at the top and keep a
     guaranteed scroll path only when the full case study exceeds the stage. */
  #financing-advantage .credit-stage-detail{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:38px 40px 34px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }

  #financing-advantage .credit-stage-detail-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  #financing-advantage .credit-stage-label{
    margin:0!important;
  }

  #financing-advantage .credit-stage-metric{
    margin:11px 0 10px!important;
  }

  #financing-advantage .credit-stage-detail h3{
    margin:0 0 15px!important;
    font-size:clamp(32px,3.45vw,50px)!important;
    line-height:1.025!important;
  }

  #financing-advantage .credit-stage-subtitle{
    margin:0 0 15px!important;
    line-height:1.52!important;
  }

  #financing-advantage .credit-stage-body p{
    line-height:1.68!important;
  }

  #financing-advantage .credit-stage-highlight{
    margin-top:16px!important;
  }

  #global-results .ct-exact-stage-detail::-webkit-scrollbar,
  #financing-advantage .credit-stage-detail::-webkit-scrollbar{
    width:10px;
  }

  #global-results .ct-exact-stage-detail::-webkit-scrollbar-track,
  #financing-advantage .credit-stage-detail::-webkit-scrollbar-track{
    background:rgba(255,255,255,.035);
  }

  #global-results .ct-exact-stage-detail::-webkit-scrollbar-thumb,
  #financing-advantage .credit-stage-detail::-webkit-scrollbar-thumb{
    border:3px solid transparent;
    border-radius:999px;
    background:rgba(112,221,255,.44);
    background-clip:padding-box;
  }
}

@media (min-width:1181px) and (max-height:760px){
  #global-results .ct-exact-stage-detail{
    padding:28px 30px 28px!important;
  }

  #global-results .ct-exact-detail-top{
    margin-bottom:13px!important;
  }

  #global-results .ct-exact-detail-copy h3{
    font-size:clamp(27px,2.6vw,37px)!important;
  }

  #global-results .ct-exact-detail-copy .owner-story-body p{
    font-size:12.8px!important;
    line-height:1.58!important;
  }

  #financing-advantage .credit-stage-detail{
    padding:28px 32px 28px!important;
  }

  #financing-advantage .credit-stage-detail h3{
    font-size:clamp(29px,3vw,42px)!important;
    margin-bottom:12px!important;
  }

  #financing-advantage .credit-stage-subtitle{
    font-size:14px!important;
    margin-bottom:12px!important;
  }

  #financing-advantage .credit-stage-body p{
    font-size:14px!important;
    line-height:1.58!important;
  }
}