/* Shared navigation refinements: cloud icons and joint laboratories. */
.cloud-nav-icon {
  display:block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  object-fit:contain;
  border-radius:50%;
}
/* The supplied JPGs include white outer margins. Crop only those margins in
   the viewport; keep the existing compressed artwork untouched. */
.cloud-nav-icon-frame {
  display:block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  overflow:hidden;
  border-radius:50%;
}
.cloud-nav-icon-frame .cloud-nav-icon {
  width:119.4%;
  height:119.4%;
  max-width:none;
  margin:-9.7%;
}
#site-header .mega-links .cloud-nav-link,
.unified-footer .footer-nav-column .cloud-nav-link,
.v84-mobile-nav-links .cloud-nav-link,
.overview-dock-menu .cloud-nav-link {
  display:flex;
  align-items:center;
  gap:8px;
}
/* The cloud page's button reset must not alter the category label size. */
.overview-dock .overview-dock-links .overview-dock-trigger {
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:normal;
  text-transform:none;
}
.overview-dock .overview-dock-trigger[aria-current] { color:#0071e3; }

#site-header .dropdown.mega-lab {
  --lab-title-size:clamp(13px,1.12vw,16px);
  --lab-title-gap:21px;
}
#site-header .dropdown.mega-lab .mega-joint-lab {
  padding:32px clamp(14px,1.6vw,28px) 30px;
}
#site-header .dropdown.mega-lab .mega-joint-lab .mega-section-link {
  min-height:0;
  height:auto;
  padding:0 0 21px;
  gap:var(--lab-title-gap);
}
.joint-lab-logo-row {
  display:flex;
  align-items:center;
  width:100%;
  height:80px;
}
.joint-lab-logo {
  display:block;
  max-width:100%;
  width:250px;
  height:42px;
  object-fit:contain;
  object-position:left center;
}
/* Color the official horizontal alpha artwork without redrawing its seal or
   lettering. The emblem retains the institution's color; the name is dark. */
.academic-color-logo {
  position:relative;
  display:block;
  width:250px;
  max-width:100%;
  flex:none;
}
.academic-color-logo.is-tsinghua {
  --academic-logo:url('/homepage/navigation-assets/tsinghua-sppm.webp');
  --academic-color:#79388c;
  --academic-seal-end:20%;
  aspect-ratio:400/75;
}
.academic-color-logo.is-cupl {
  --academic-logo:url('/homepage/customers-20260918/school-cupl-criminal-justice.webp');
  --academic-color:#8b2119;
  --academic-seal-end:17.2%;
  aspect-ratio:440/73;
}
.academic-color-logo::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to right,var(--academic-color) 0 var(--academic-seal-end),#25292d var(--academic-seal-end) 100%);
  -webkit-mask:var(--academic-logo) left center/contain no-repeat;
  mask:var(--academic-logo) left center/contain no-repeat;
}
/* The source is a university + school lockup. This viewport retains the school
   seal and complete wordmark (source x=80..480), without changing the asset. */
.academic-color-logo.is-tsinghua::before {
  -webkit-mask-size:120% 100%;
  mask-size:120% 100%;
  -webkit-mask-position:right center;
  mask-position:right center;
}
.academic-color-logo img.joint-lab-logo,
.customer-profile-logo .academic-color-logo img {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  opacity:0;
  filter:none;
}
.customer-profile-logo .academic-color-logo { width:260px; }
/* Recompose the supplied vertical artwork as a horizontal lockup. Both
   viewports retain the original pixels, colors and complete lettering. */
.xiangjiang-horizontal-logo {
  display:flex;
  align-items:center;
  gap:4%;
  width:250px;
  max-width:100%;
}
.xiangjiang-logo-emblem,
.xiangjiang-logo-wordmark {
  display:block;
  flex:none;
  background-image:url('/homepage/navigation-assets/xiangjiang-laboratory.webp');
  background-size:100% auto;
  background-repeat:no-repeat;
}
.xiangjiang-logo-emblem {
  width:24%;
  aspect-ratio:469/337;
  background-position:center top;
}
.xiangjiang-logo-wordmark {
  width:72%;
  aspect-ratio:469/135;
  background-position:center bottom;
}
#site-header .dropdown.mega-lab .mega-joint-lab .mega-section-link strong {
  font-size:var(--lab-title-size);
  line-height:1.7;
  min-height:0;
  white-space:nowrap;
}
#site-header .dropdown.mega-lab .mega-institute .mega-institute-link {
  height:auto;
  justify-content:flex-start;
  padding:0 0 21px;
}
.joint-lab-description {
  margin:0;
  padding:21px 0 0;
  border-top:1px solid #d9dee3;
  color:#606a73;
  font-size:12px;
  font-weight:400;
  line-height:1.75;
  overflow-wrap:anywhere;
}
.joint-lab-points {
  list-style:none;
  padding:13px 0 0;
  margin:0;
  border-top:1px solid #d9dee3;
  color:#606a73;
}
.joint-lab-points li {
  position:relative;
  padding:8px 0 8px 14px;
  margin:0;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.joint-lab-points li::before {
  content:"";
  position:absolute;
  left:0;
  top:15px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#aab4bd;
}
#site-header .dropdown.mega-lab .mega-joint-lab .mega-section-link:hover strong {
  color:#0071e3;
}
.mobile-joint-lab { padding:22px 0; }
.v84-mobile-nav-links .mobile-joint-lab>a {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
  padding:0 28px 16px 0;
}
.v84-mobile-nav-links .mobile-joint-lab>a::after { position:absolute; right:10px; top:63px; }
.mobile-joint-lab strong { font-size:14px; line-height:1.7; font-weight:600; }
.mobile-joint-lab .joint-lab-logo { max-width:250px; height:42px; }
.mobile-joint-lab .joint-lab-points { padding-top:10px; }
.v84-mobile-nav-links .mobile-institute>a {
  min-height:0;
  justify-content:flex-start;
}
.v84-mobile-nav-links .mobile-institute>a::after { top:63px; }
.mobile-institute .joint-lab-description { padding-top:18px; }

/* Use the same restrained hero scale as other information pages. */
#page-lab .lab-hero {
  min-height:50svh;
  height:auto;
  padding:clamp(64px,7vw,96px) 0;
  align-items:center;
}
@media(max-width:1180px) and (min-width:981px) {
  #site-header .dropdown.mega-lab { --lab-title-gap:18px; }
  #site-header .dropdown.mega-lab .mega-joint-lab { padding:28px 12px; }
  .joint-lab-logo { height:38px; }
}
@media(max-width:980px) {
  .overview-dock .overview-dock-links .overview-dock-trigger { font-size:12px; }
  #page-lab .lab-hero { min-height:0; padding:68px 0; }
}

/* The supplied Logos Research artwork uses the same 80px logo row as its peers. */
.joint-lab-logo.logos-research-logo { height:80px; width:230px; mix-blend-mode:multiply; }
.mobile-joint-lab .joint-lab-logo-row { height:42px; }
.mobile-joint-lab .joint-lab-logo.logos-research-logo { height:42px; width:140px; }

/* University-level base identity: display the exact seal and wordmark from
   the supplied plaque photo, without redrawing either. The school-specific
   .is-cupl artwork remains unchanged for customer profiles. */
.academic-color-logo.is-cupl-university {
  aspect-ratio:680/182;
  background:url('/homepage/updates-20260928/cupl-university-logo-source.jpg') 16.879% 10.270% / 226.3235% auto no-repeat;
  filter:brightness(1.15) contrast(1.45);
  mix-blend-mode:multiply;
}
.academic-color-logo.is-cupl-university::before { display:none; }