/* Shared navigation additions, September 2026. */
#site-header {
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:auto;
  font-synthesis:none;
  text-rendering:auto;
}
#site-header .nav-trigger { font-weight:400; color:#fff; }
#site-header .dropdown small { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
@media(min-width:981px) {
  /* Keep legacy inner-page mobile rules from collapsing the desktop header. */
  #site-header .nav-links { position:static; flex-direction:row; max-height:none; overflow:visible; border:0; background:none; backdrop-filter:none; }
  #site-header .nav-links .nav-trigger { padding:0; border:0; font-size:inherit; }
  #site-header .dropdown a { border-top:0; }
}
#site-header .mega-lab .mega-shell,
#site-header .mega-about .mega-shell { display:block; min-height:0; }
#site-header .mega-lab .mega-columns,
#site-header .mega-about .mega-columns { padding:0; align-items:stretch; }
#site-header .mega-lab .mega-columns { grid-template-columns:minmax(0,.6fr) repeat(3,minmax(0,1fr)); }
#site-header .mega-lab .mega-column,
#site-header .mega-about .mega-column { padding:0; transition:background .2s; }
#site-header .mega-lab .mega-column:hover,
#site-header .mega-lab .mega-column:focus-within,
#site-header .mega-about .mega-column:hover,
#site-header .mega-about .mega-column:focus-within { background:#e9ecef; }
#site-header .dropdown.mega-lab,
#site-header .dropdown.mega-about { min-height:0; }
#site-header .dropdown.mega-lab .mega-section-link,
#site-header .dropdown.mega-about .mega-section-link {
  display:flex; flex-direction:column; align-items:flex-start; gap:18px;
  height:100%; min-height:238px; padding:40px 28px; box-sizing:border-box;
}
#site-header .dropdown.mega-lab .mega-section-link { padding-inline:clamp(10px,1.5vw,28px); gap:24px; }
#site-header .dropdown.mega-lab .mega-section-link strong { font-size:clamp(13px,1.12vw,16px); line-height:1.7; min-height:28px; white-space:nowrap; text-wrap:nowrap; max-width:100%; }
#site-header .dropdown.mega-lab .mega-section-link small {
  font-size:13px; line-height:1.85; letter-spacing:0; text-transform:none; margin:0; color:#68717a; white-space:normal; overflow-wrap:anywhere;
}
#site-header .dropdown.mega-about .mega-section-link { min-height:150px; justify-content:center; }
#site-header .dropdown.mega-about .mega-section-link strong { font-size:17px; }
.workbuddy-icon { width:22px; height:22px; object-fit:contain; flex:none; vertical-align:middle; }
#site-header .mega-links .workbuddy-link,
.unified-footer .footer-nav-column .workbuddy-link,
.v84-mobile-nav-links .workbuddy-link { display:flex; align-items:center; gap:8px; }
.v84-mobile-nav-links .mobile-item-title { display:block; }
.v84-mobile-nav-links .mobile-item-description { display:block; margin-top:7px; color:#7c858e; font-size:12px; line-height:1.75; font-weight:400; }
.v84-mobile-nav-links a:has(.mobile-item-description) { position:relative; display:block!important; }
.v84-mobile-nav-links a:has(.mobile-item-description)::after { position:absolute; right:10px; top:20px; }
.overview-dock {
  position:sticky; top:72px; z-index:15; background:rgba(255,255,255,.96);
  border-bottom:1px solid #dfe3e7; backdrop-filter:blur(16px); color:#151a21;
}
.overview-dock>.shell { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:66px; }
.overview-dock-brand { font-size:16px; font-weight:650; white-space:nowrap; }
.overview-dock-links { display:flex; align-items:center; gap:clamp(20px,2vw,32px); min-width:0; }
.overview-dock-links>a,.overview-dock-trigger {
  display:flex; align-items:center; min-height:66px; font-size:13px; line-height:1.5;
  color:#596675; white-space:nowrap; text-decoration:none; cursor:pointer; border:0; padding:0; background:none; font-family:inherit;
}
.overview-dock a:hover,.overview-dock a[aria-current],.overview-dock-trigger:hover,
.overview-dock-group.is-open>.overview-dock-trigger { color:#0071e3; }
.overview-dock a:focus-visible,.overview-dock-trigger:focus-visible { outline:2px solid #0071e3; outline-offset:-4px; }
.overview-dock-group { position:relative; flex:none; }
.overview-dock-menu {
  display:none; position:absolute; right:0; top:100%; min-width:225px; padding:10px;
  border:1px solid #dfe3e7; border-radius:0 0 12px 12px; background:#fff; box-shadow:0 16px 32px #14203015;
}
.overview-dock-group.is-open>.overview-dock-menu { display:block; }
.overview-dock-menu a { display:flex; align-items:center; gap:9px; padding:12px; font-size:13px; color:#596675; white-space:nowrap; }
.overview-dock-menu a:hover { background:#f4f6f8; }
#page-about [id^="about-"] { scroll-margin-top:160px; }
body.support-category-active .support-category-tabs { display:none; }
body.support-category-active .support-category-hero { padding-bottom:28px; }
#page-support .overview-dock+.shell .sp-lanes { margin-top:32px; }
.page.has-section-dock { overflow-x:clip; overflow-y:visible; }
.page.has-section-dock [id] { scroll-margin-top:160px; }
.overview-dock[data-overview="lab"] .overview-dock-links { overflow-x:auto; scrollbar-width:none; }
.overview-dock[data-overview="lab"] .overview-dock-links>a { flex:none; }
.overview-dock [aria-current="page"] { font-weight:600; }
#page-solutions .filter-bar { top:138px; z-index:14; }
#page-solutions #solGrid .agent-card,#page-solutions .agent-alias,
#page-solutions #solutions-directory>.v123-sol-group { scroll-margin-top:240px; }
#page-butterfly { overflow-x:clip; overflow-y:visible; }
#page-butterfly .bf-dock { top:72px!important; z-index:15; }
#page-butterfly .bf-dock-links { gap:clamp(16px,1.6vw,26px); }
/* All Butterfly pages, including LDB, share the same dock dimensions/state. */
#page-butterfly .bf-dock > .shell {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(calc(100% - 48px),1380px);
  max-width:none;
  min-height:66px;
  margin-inline:auto;
  padding:0;
  gap:24px;
}
#page-butterfly .bf-dock-links { min-width:0; }
#page-butterfly .bf-dock-links a[aria-current="page"] { color:#0071e3; font-weight:600; }
#page-butterfly .bf-dock-links a:is(:hover,:focus-visible) { color:#0071e3; }
@media(max-width:800px) {
  #page-butterfly .bf-dock > .shell { width:calc(100% - 32px); min-height:56px; gap:0; }
  #page-butterfly .bf-dock-brand { display:none; }
  #page-butterfly .bf-dock-links { width:100%; justify-content:space-between; }
  #page-butterfly .bf-dock a { min-height:56px; font-size:12px; }
}
#page-lab .lab-hero .h1 { max-width:1120px; font-size:clamp(30px,3.3vw,48px); line-height:1.4; text-wrap:balance; }
#page-lab .lab-hero .lead { max-width:1040px!important; line-height:1.9; }
.coming-soon-page { min-height:calc(100svh - 72px); display:grid!important; place-items:center; background:#f5f7fa; color:#151a21; text-align:center; padding:88px 24px; }
.coming-soon-content { max-width:850px; }
.coming-soon-content .workbuddy-icon { display:block; width:56px; height:56px; margin:0 auto 24px; }
.coming-soon-content h1 { font-size:clamp(22px,3vw,36px); font-weight:600; line-height:1.5; margin:0 0 26px; }
.coming-soon-content p { color:#0071e3; font-size:clamp(42px,7vw,82px); font-weight:600; letter-spacing:-.035em; margin:0; line-height:1.2; }
.coming-soon-page.has-section-dock { display:block!important; padding:0; }
.coming-soon-page.has-section-dock>.coming-soon-content { max-width:none; min-height:calc(100svh - 139px); padding:88px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.coming-soon-page.has-section-dock>.coming-soon-content>h1 { max-width:850px; }
@media(max-width:1180px) {
  #site-header .dropdown.mega-lab .mega-section-link { padding:32px 10px; }
  #site-header .dropdown.mega-lab .mega-section-link strong { font-size:13px; }
  #site-header .mega-lab .mega-columns { grid-template-columns:minmax(0,.45fr) repeat(3,minmax(0,1fr)); }
  .overview-dock>.shell { gap:18px; }
  .overview-dock-links { gap:18px; }
}
@media(max-width:980px) {
  .overview-dock,#page-butterfly .bf-dock { top:var(--v85-mobile-header-height,64px)!important; }
  .overview-dock>.shell { display:block; min-height:56px; }
  .overview-dock-brand { display:none; }
  .overview-dock-links { overflow-x:auto; scrollbar-width:none; gap:24px; }
  .overview-dock-links::-webkit-scrollbar { display:none; }
  .overview-dock-links>a,.overview-dock-trigger { min-height:56px; font-size:12px; }
  .overview-dock-group { position:static; }
  .overview-dock-menu { left:20px; right:20px; min-width:0; max-height:calc(100svh - 150px); overflow:auto; }
  .overview-dock-menu a { white-space:normal; }
  #page-about [id^="about-"] { scroll-margin-top:140px; }
  #page-solutions .filter-bar { top:calc(var(--v85-mobile-header-height,64px) + 56px); }
  #page-solutions #solGrid .agent-card,#page-solutions .agent-alias,
  #page-solutions #solutions-directory>.v123-sol-group { scroll-margin-top:220px; }
  .coming-soon-page { min-height:calc(100svh - 64px); }
  .page.has-section-dock [id] { scroll-margin-top:140px; }
  .coming-soon-page.has-section-dock>.coming-soon-content { min-height:calc(100svh - 121px); }
}