/* UP1870.4 — Company detail stabilization after profile layout redesign.
   Fixes the related-list grid pseudo-element issue and keeps the public header from
   being stitched into the middle of full-page captures on company detail pages. */

/* The previous related-row icon used ::before as a grid item. That forced the
   metadata span into the tiny icon column on some browsers/CSS stacks. Use an
   absolute icon tile instead so title/meta have the full row width. */
.fij-company-detail-context .fij-related-row-v186274{
  position:relative!important;
  display:block!important;
  min-height:48px!important;
  padding:13px 0 13px 46px!important;
  border-bottom:1px solid #e8efec!important;
  color:#0f172a!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.fij-company-detail-context .fij-related-row-v186274::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:13px!important;
  width:28px!important;
  height:28px!important;
  background:#eef9f6!important;
  border:1px solid #d7e8e3!important;
  display:block!important;
}
.fij-company-detail-context .fij-related-row-v186274 strong,
.fij-company-detail-context .fij-related-row-v186274 span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.fij-company-detail-context .fij-related-row-v186274 strong{
  font-size:15px!important;
  line-height:1.22!important;
  margin:0 0 3px!important;
  color:#0f172a!important;
}
.fij-company-detail-context .fij-related-row-v186274 span{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.fij-company-detail-context .fij-related-row-v186274:hover strong{color:#16966f!important;}

/* Keep the section cards aligned and prevent the related columns from becoming
   visually narrow after older company CSS has loaded. */
.fij-company-detail-context .fij-company-internal-links-section-v186274 .container,
.fij-company-detail-context .fij-company-open-jobs-v1767 .container,
.fij-company-detail-context .fij-company-profile-layout-v18703{
  width:min(100% - 36px,1180px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.fij-company-detail-context .fij-company-related-grid-v186274{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:start!important;
}
.fij-company-detail-context .fij-related-panel-v186274{
  min-width:0!important;
  width:100%!important;
}

/* Company detail is now a directory profile page, not a marketing hero page.
   Disable sticky header only here to avoid full-page screenshot stitching that
   shows the header floating through the content. */
.fij-company-detail-context .fij-public-header{
  position:relative!important;
  top:auto!important;
  z-index:80!important;
}

/* Tighten vertical rhythm after the hero removal. */
.fij-company-detail-context .fij-company-profile-shell-v18703{
  padding-top:clamp(26px,4vw,44px)!important;
  padding-bottom:24px!important;
}
.fij-company-detail-context .fij-company-open-jobs-v1767{
  padding-top:24px!important;
}
.fij-company-detail-context .fij-company-internal-links-section-v186274{
  padding-top:30px!important;
}

@media (max-width:860px){
  .fij-company-detail-context .fij-company-related-grid-v186274{grid-template-columns:1fr!important;gap:14px!important;}
  .fij-company-detail-context .fij-related-row-v186274{padding:12px 0 12px 42px!important;}
  .fij-company-detail-context .fij-related-row-v186274::before{top:12px!important;width:26px!important;height:26px!important;}
  .fij-company-detail-context .fij-company-internal-links-section-v186274 .container,
  .fij-company-detail-context .fij-company-open-jobs-v1767 .container,
  .fij-company-detail-context .fij-company-profile-layout-v18703{width:min(100% - 28px,1180px)!important;}
}