/* =========================================================
   LINK APPROVED PUBLIC CANONICAL SHELL — 2026-09-11
   One universal public navigation. No legacy duplicate bars.
   Approved content below the navigation remains intact.
   ========================================================= */

body.link-canonical-public{
  overflow-x:hidden;
}

/* Defense-in-depth: legacy public shells must never reappear
   on pages that use the canonical universal navigation. */
body.link-canonical-public > .link-standard-header,
body.link-canonical-public > .link-standard-nav,
body.link-canonical-public > .site-header,
body.link-canonical-public > .main-nav,
body.link-canonical-public > .foundation-public-site-header{
  display:none !important;
}

/* Keep the approved universal header above page content. */
body.link-canonical-public .link-universal-nav{
  position:relative;
  z-index:1000;
}

/* Prevent full-width source artwork from visually becoming
   another "header." Preserve approved artwork, but contain it. */
body.link-canonical-public .link-assigned-graphic-hero,
body.link-canonical-public .launch-image-hero,
body.link-canonical-public .link-community-impact-hero,
body.link-canonical-public .hero,
body.link-canonical-public .business-approved-hero{
  width:min(1440px,calc(100% - 40px)) !important;
  max-width:1440px !important;
  margin:28px auto !important;
  overflow:hidden !important;
  border-radius:16px !important;
  background:#fff !important;
}

body.link-canonical-public .link-assigned-graphic-hero > img,
body.link-canonical-public .launch-image-hero > img,
body.link-canonical-public .link-community-impact-hero img,
body.link-canonical-public .hero > img,
body.link-canonical-public .business-approved-hero-image{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:720px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
}

/* Foundation already uses approved image-left / text-right story content.
   Keep that content inside the same public page width. */
body.link-canonical-public.foundation-public-page main,
body.link-canonical-public .foundation-public-main{
  width:min(1440px,calc(100% - 40px)) !important;
  max-width:1440px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keep first content section visually separated from the nav. */
body.link-canonical-public main,
body.link-canonical-public > main{
  position:relative;
}

/* Mobile containment. */
@media(max-width:760px){
  body.link-canonical-public .link-assigned-graphic-hero,
  body.link-canonical-public .launch-image-hero,
  body.link-canonical-public .link-community-impact-hero,
  body.link-canonical-public .hero,
  body.link-canonical-public .business-approved-hero{
    width:calc(100% - 20px) !important;
    margin:14px auto 22px !important;
    border-radius:11px !important;
  }
}