/* Product names share a warm ivory suffix; nested STUD marks retain their identity
   colors. Keep this scoped to product titles, not body copy or site navigation. */
:root { --stud-product-suffix: #e8ddc8; }
.portfolio-jump--personalities b,
.shell-mobile-product--personalities .brand-stud { color: #f1b6cb !important; }
.portfolio-jump--personalities { --product-accent: #f1b6cb; }
@media(max-width:600px){body.portfolio-home-page .portfolio-jump--personalities strong{font-size:clamp(14px,3.8vw,20px)!important}}
body.portfolio-home-page .portfolio-jump strong,
body .plan-start-card__copy > strong:has(> b),
body main h1.brand,
body .plan-hero__wordmark,
body .study-wordmark,
body.study-page .study-hero--library h1.study-product-title,
body.drive-page a.drive-wordmark,
body.play-rebuilt #play-main .play-identity span,
body #s3-page-title {
  color: var(--stud-product-suffix);
}
html[data-theme="paper"] body main h1.brand { color: #4f5d6f; }
/* A narrow priority layer beats the legacy shell's broad !important link rule
   without increasing selector specificity or recoloring ordinary links. */
@layer product-identity {
  body.drive-page a.drive-wordmark,
  body.study-page a.study-wordmark { color: var(--stud-product-suffix) !important; }
}
body .plan-hero__wordmark { white-space: nowrap; }
body .plan-hero__wordmark b { font-weight: inherit; }

/* Primary portfolio entries opt in; legacy catalog and Study HTML stay stable. */
body.stud-v3 .site-disclaimer--portfolio .site-disclaimer__scope { align-content: start !important; }

/* Twelve product peers need a wrapping desktop menu and a stable square mark.
   Existing catalog render inputs remain unchanged. */
.portfolio-jump--adventure b,
.shell-mobile-product--adventure .brand-stud { color: #b4d8a4 !important; }
.portfolio-jump--skill b,
.shell-mobile-product--skill .brand-stud { color: #8dbaff !important; }
.portfolio-jump--adventure { --product-accent: #b4d8a4; }
.portfolio-jump--skill { --product-accent: #8dbaff; }
.portfolio-jump--cards b,
.shell-mobile-product--cards .brand-stud { color: #ffb99d !important; }
.portfolio-jump--cards { --product-accent: #ffb99d; }
.portfolio-jump--biohack b,
.shell-mobile-product--biohack .brand-stud { color: #d2e7a8 !important; }
.portfolio-jump--biohack { --product-accent: #d2e7a8; }
#site-header { position: relative; z-index: 200; }
#site-header .brandmark .brand-symbol {
  width: 44px !important; height: 44px !important; min-width: 44px !important; flex: 0 0 44px !important;
}
#site-header .brandmark .brand-symbol img {
  display: block; width: 100% !important; height: 100% !important; object-fit: contain; border-radius: inherit;
}
@media (min-width: 761px) {
  #site-header .shell-nav { flex-wrap: wrap !important; justify-content: center !important; gap: 4px !important; border-radius: 18px !important; }
  #site-header .shell-nav .shell-nav-link { flex: 0 0 auto !important; min-width: 44px !important; min-height: 44px !important; padding: 8px !important; white-space: nowrap !important; }
  #site-header .shell-nav .shell-nav-label { font-size: 14px !important; }
}