/* HE Supply Client Home responsive v2
   Canonical rule: Scroll before overlap; stack before squeeze.
   Full-command is based on usable CSS viewport width, never browser zoom detection. */

.home-signed-in .client-pane[data-client-pane="home"]{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

@media (min-width:1760px){
  .home-signed-in .client-pane[data-client-pane="home"].active.client-home-wide-structured{
    display:grid!important;
    grid-template-columns:clamp(220px,13vw,300px) minmax(0,1fr) clamp(250px,15vw,330px)!important;
    column-gap:clamp(28px,2.2vw,54px)!important;
    align-items:start!important;
    width:100%!important;
    max-width:2500px!important;
    min-height:100%!important;
    height:auto!important;
    margin:0 auto!important;
    padding:clamp(32px,3vw,64px) clamp(26px,2.6vw,64px) clamp(70px,7vh,110px)!important;
  }

  .home-signed-in .client-home-wide-structured .client-ecosystem-edge{
    display:block!important;
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    overflow:visible!important;
    text-align:left!important;
    align-self:start!important;
  }

  .home-signed-in .client-home-wide-structured .client-ecosystem-edge.left{grid-column:1;grid-row:1}
  .home-signed-in .client-home-wide-structured .client-editorial-wrap{
    grid-column:2;
    grid-row:1;
    min-width:0!important;
    width:100%!important;
    max-width:1500px!important;
    justify-self:center!important;
  }
  .home-signed-in .client-home-wide-structured .client-ecosystem-edge.right{grid-column:3;grid-row:1}

  .home-signed-in .client-home-wide-structured .client-ecosystem-edge:after{display:none!important}
  .home-signed-in .client-home-wide-structured .client-edge-label{justify-content:flex-start!important}
  .home-signed-in .client-home-wide-structured .client-edge-label:before{order:0!important;transform:none!important}
  .home-signed-in .client-home-wide-structured .client-edge-signal:before{margin-left:0!important;background:linear-gradient(90deg,#263238,transparent)!important}
  .home-signed-in .client-home-wide-structured .client-edge-footer{background:linear-gradient(90deg,#263238,transparent) top/70% 1px no-repeat!important;background-position:left top!important}

  .home-signed-in .client-home-wide-structured [data-he-current-slot],
  .home-signed-in .client-home-wide-structured [data-he-fromhe-slot],
  .home-signed-in .client-home-wide-structured .client-edge-opportunity-slot{
    width:100%!important;
    min-width:0!important;
    margin-top:clamp(24px,2.2vw,38px)!important;
    padding-top:clamp(22px,2vw,34px)!important;
    border-top:1px solid #263239!important;
  }

  .home-signed-in .client-home-wide-structured [data-he-current-slot] .client-current-brief,
  .home-signed-in .client-home-wide-structured [data-he-fromhe-slot] .client-home-band,
  .home-signed-in .client-home-wide-structured .client-opportunity-section.edge-mode{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
    background:none!important;
  }

  .home-signed-in .client-home-wide-structured .client-home-hero{
    display:flex!important;
    align-items:center!important;
    min-height:clamp(480px,55vh,650px)!important;
    height:auto!important;
    padding-block:clamp(20px,2vh,38px)!important;
  }
  .home-signed-in .client-home-wide-structured .client-home-hero>div:first-child{max-width:980px!important}
  .home-signed-in .client-home-wide-structured .client-home-hero h2{font-size:clamp(72px,6vw,124px)!important}
  .home-signed-in .client-home-wide-structured .client-home-hero p{max-width:820px!important;font-size:clamp(14px,.9vw,18px)!important;line-height:1.65!important}

  .home-signed-in .client-home-wide-structured [data-he-current-slot] h3,
  .home-signed-in .client-home-wide-structured [data-he-fromhe-slot] h3,
  .home-signed-in .client-home-wide-structured .client-edge-item b,
  .home-signed-in .client-home-wide-structured .client-opportunity-copy strong{overflow-wrap:anywhere}

  .home-signed-in .client-home-wide-structured [data-he-current-slot] .client-current-brief>small,
  .home-signed-in .client-home-wide-structured [data-he-fromhe-slot] small,
  .home-signed-in .client-home-wide-structured .client-edge-item small,
  .home-signed-in .client-home-wide-structured .client-opportunity-copy span{font-size:clamp(9px,.58vw,12px)!important}

  .home-signed-in .client-home-wide-structured [data-he-current-slot] h3{font-size:clamp(20px,1.25vw,28px)!important;text-align:left!important}
  .home-signed-in .client-home-wide-structured [data-he-current-slot] p,
  .home-signed-in .client-home-wide-structured [data-he-fromhe-slot] p,
  .home-signed-in .client-home-wide-structured .client-edge-item span,
  .home-signed-in .client-home-wide-structured .client-opportunity-copy p{font-size:clamp(11px,.68vw,14px)!important;line-height:1.58!important;text-align:left!important}

  .home-signed-in .client-home-wide-structured [data-he-fromhe-slot] h3,
  .home-signed-in .client-home-wide-structured .client-edge-item b{font-size:clamp(17px,1.05vw,23px)!important;line-height:1.15!important}
  .home-signed-in .client-home-wide-structured .brief-state div{padding:10px 0!important}
  .home-signed-in .client-home-wide-structured .brief-state span,
  .home-signed-in .client-home-wide-structured .brief-state strong{font-size:clamp(10px,.62vw,12px)!important}

  .home-signed-in .client-home-wide-structured .client-opportunity-section-head{display:block!important;padding-bottom:18px!important}
  .home-signed-in .client-home-wide-structured .client-opportunity-section-head h3{font-size:clamp(20px,1.25vw,28px)!important;margin-top:7px!important}
  .home-signed-in .client-home-wide-structured .client-opportunity-section-head p{margin-top:10px!important;font-size:clamp(11px,.68vw,13px)!important;line-height:1.55!important}
  .home-signed-in .client-home-wide-structured .client-opportunity{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:18px 0!important}
  .home-signed-in .client-home-wide-structured .client-opportunity-mark{font-size:clamp(24px,1.55vw,34px)!important}
  .home-signed-in .client-home-wide-structured .client-opportunity-copy strong{font-size:clamp(15px,.9vw,19px)!important}
  .home-signed-in .client-home-wide-structured .client-opportunity-actions{justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:8px!important}
  .home-signed-in .client-home-wide-structured .client-opportunity-actions a{min-width:46px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}
}

@media (min-width:2200px){
  .home-signed-in .client-pane[data-client-pane="home"].active.client-home-wide-structured{
    grid-template-columns:clamp(270px,12vw,350px) minmax(0,1fr) clamp(300px,13vw,390px)!important;
    column-gap:clamp(42px,2.4vw,72px)!important;
    max-width:2850px!important;
  }
  .home-signed-in .client-home-wide-structured .client-editorial-wrap{max-width:1650px!important}
}

@media (min-width:3000px){
  .home-signed-in .client-pane[data-client-pane="home"].active.client-home-wide-structured{
    grid-template-columns:clamp(340px,12vw,430px) minmax(0,1850px) clamp(380px,13vw,470px)!important;
    column-gap:clamp(62px,2.4vw,92px)!important;
    justify-content:center!important;
    max-width:3300px!important;
  }
}

/* Standard desktop: no side-rail squeeze. Real content is restored to the main flow. */
@media (max-width:1759px){
  .home-signed-in .client-pane[data-client-pane="home"].active{
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  .home-signed-in .client-editorial-wrap{width:min(100%,1280px)!important;margin-inline:auto!important}
  .home-signed-in .client-home-hero{min-height:auto!important}
}

/* Compact and heavy zoom: one dominant content flow. */
@media (max-width:1179px){
  .home-signed-in .client-pane[data-client-pane="home"].active{padding:24px clamp(18px,3vw,34px) 64px!important}
  .home-signed-in .client-home-hero{display:block!important;padding:30px 0 38px!important}
  .home-signed-in .client-home-band,.home-signed-in .client-opportunity-section,.home-signed-in .client-story-grid{margin-top:28px!important}
}

/* Mobile is a deliberate one-column experience. */
@media (max-width:799px){
  .home-signed-in{overflow:hidden!important}
  .home-signed-in .client-pane[data-client-pane="home"].active{padding:22px 16px 72px!important;overflow-y:auto!important}
  .home-signed-in .client-home-hero h2{font-size:clamp(46px,14vw,72px)!important;line-height:.92!important}
  .home-signed-in .client-home-hero p{font-size:14px!important;line-height:1.6!important}
  .home-signed-in .client-home-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .home-signed-in .client-home-action{min-height:46px!important}
  .home-signed-in .client-current-brief,.home-signed-in .client-home-band,.home-signed-in .client-opportunity-section{width:100%!important;min-width:0!important}
  .home-signed-in .client-opportunity{grid-template-columns:1fr!important;gap:12px!important}
  .home-signed-in .client-opportunity-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
}

@media (max-width:480px){
  .home-signed-in .client-pane[data-client-pane="home"].active{padding-inline:12px!important}
  .home-signed-in .client-home-actions{grid-template-columns:1fr!important}
  .home-signed-in .client-home-hero h2{font-size:clamp(42px,15vw,62px)!important}
}