/* SpinOut U V16.3.12 — opportunity detail structural safety */
#app>.detail-hero{position:relative!important;display:grid!important;align-items:end!important;min-height:390px!important;height:clamp(390px,48vh,540px)!important;max-height:540px!important;overflow:hidden!important;background:#071b33!important}
#app>.detail-hero>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;display:block!important}
#app>.detail-hero .detail-copy{position:relative!important;z-index:2!important;padding:54px 0 40px!important;min-width:0!important}
#app>.detail-hero .detail-copy h1{font-size:clamp(34px,4.2vw,56px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:620!important;max-width:920px!important;margin:10px 0 14px!important;text-wrap:balance!important}
#app>.detail-hero .detail-copy p{font-size:15.5px!important;line-height:1.55!important;max-width:780px!important;margin:0!important;color:rgba(255,255,255,.9)!important}
#app>.detail-body{display:grid!important;grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;gap:36px!important;align-items:start!important;width:min(1440px,calc(100% - 56px))!important;max-width:1440px!important;margin:0 auto!important;padding:36px 0 76px!important;box-sizing:border-box!important;overflow:visible!important;position:relative!important;transform:none!important;contain:none!important}
#app>.detail-body>main{grid-column:2!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow:visible!important}
#app>.detail-body .detail-nav{grid-column:1!important;align-self:start!important;position:sticky!important;top:calc(var(--su-live-header-stack,136px) + 16px)!important;left:auto!important;width:auto!important;max-width:220px!important;height:auto!important;max-height:calc(100dvh - var(--su-live-header-stack,136px) - 30px)!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important}
/* Neutralize the older JS fixed/bottomed fallback: it could make the entire detail layout jump or stretch. */
#app>.detail-body .detail-nav.su-detail-nav-fixed,
#app>.detail-body .detail-nav.su-detail-nav-bottomed{position:sticky!important;top:calc(var(--su-live-header-stack,136px) + 16px)!important;left:auto!important;width:auto!important;max-width:220px!important}
#app>.detail-body .content-block{width:100%!important;max-width:100%!important;min-width:0!important;padding:28px 0!important;box-sizing:border-box!important;scroll-margin-top:calc(var(--su-live-header-stack,136px) + 20px)!important}
#app>.detail-body .content-block:first-child{padding-top:8px!important}
#app>.detail-body .content-block h2{font-size:clamp(25px,2.6vw,38px)!important;max-width:880px!important;font-weight:620!important;line-height:1.07!important}
#app>.detail-body .content-block>p,#app>.detail-body .content-block>.claim{max-width:900px!important;font-size:15px!important;line-height:1.6!important}
#app>.detail-body .info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-width:100%!important}
#app>.detail-body .info-card{min-width:0!important;overflow-wrap:anywhere!important}
#app>.detail-body .pill-row{max-width:100%!important}
@media(max-width:1100px){
 #app>.detail-body{grid-template-columns:minmax(0,1fr)!important;width:min(100% - 32px,980px)!important;gap:14px!important;padding-top:0!important}
 #app>.detail-body>main{grid-column:1!important}
 #app>.detail-body .detail-nav,#app>.detail-body .detail-nav.su-detail-nav-fixed,#app>.detail-body .detail-nav.su-detail-nav-bottomed{grid-column:1!important;position:sticky!important;top:var(--su-live-header-stack,136px)!important;z-index:90!important;display:flex!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px 0!important;background:rgba(255,255,255,.985)!important;border-bottom:1px solid #ece9e5!important}
 #app>.detail-body .detail-nav a{flex:0 0 auto!important}
 #app>.detail-body .content-block{scroll-margin-top:calc(var(--su-live-header-stack,136px) + 58px)!important}
}
@media(max-width:620px){
 #app>.detail-hero{height:420px!important;min-height:420px!important;max-height:420px!important}
 #app>.detail-hero .detail-copy{padding:38px 0 28px!important}
 #app>.detail-hero .detail-copy h1{font-size:34px!important;max-width:94%!important}
 #app>.detail-hero .detail-copy p{font-size:13.5px!important;max-width:94%!important}
 #app>.detail-body{width:calc(100% - 24px)!important}
 #app>.detail-body .detail-nav,#app>.detail-body .detail-nav.su-detail-nav-fixed,#app>.detail-body .detail-nav.su-detail-nav-bottomed{margin-inline:0!important;width:100%!important;max-width:100%!important;padding:6px 0!important}
 #app>.detail-body .info-grid{grid-template-columns:minmax(0,1fr)!important}
}