/* P.D. Technology V23.2 — visual frontend correction.
   Purpose: fix the Journal shell tone and restore the proven compact public Message launcher.
   No public-chat.js, API, form, CMS, or backend behavior is changed. */

/* JOURNAL — match the light public header used across the normal public shell.
   public-system-v22.js may still report the hero as "night"; this page-level visual rule
   intentionally keeps Journal's navigation shell light, as in the rest of the public UI. */
body[data-page="journal"].pd-site-sync .pd-system-header{
  --pd-hbg:rgba(247,249,252,.97)!important;
  --pd-hink:#102039!important;
  --pd-hmuted:#64778e!important;
  --pd-hline:rgba(31,67,109,.12)!important;
  background:var(--pd-hbg)!important;
  color:var(--pd-hink)!important;
  border-bottom-color:var(--pd-hline)!important;
  box-shadow:0 8px 26px rgba(35,63,94,.07)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
}
body[data-page="journal"].pd-site-sync .pd-system-header .brand-name,
body[data-page="journal"].pd-site-sync .pd-system-header .nav-links a{
  color:#102039!important;
}
body[data-page="journal"].pd-site-sync .pd-system-header .brand-sub{color:#64778e!important}
body[data-page="journal"].pd-site-sync .pd-system-header .brand-mark-img{
  background:#0b1728!important;
  border-color:rgba(31,67,109,.18)!important;
  box-shadow:0 7px 20px rgba(12,32,58,.10)!important;
}
body[data-page="journal"].pd-site-sync .pd-system-header .nav-pill:not(.primary){
  color:#17304f!important;
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(31,67,109,.16)!important;
}
body[data-page="journal"].pd-site-sync .pd-system-header .mobile-toggle{
  color:#132843!important;
  background:rgba(255,255,255,.80)!important;
  border-color:rgba(31,67,109,.16)!important;
}

/* CAREERS + CONTACT — restore the proven V15 Home-style launcher.
   The DOM is created by the existing public-chat.js:
   .pd-chat-launch > .pd-chat-launch-orb + .pd-chat-launch-copy + .pd-chat-launch-icon.
   At rest only the orb is visible. Pointer hover / keyboard focus expands the same button. */
body[data-page="careers"] .pd-chat-launch,
body[data-page="contact"] .pd-chat-launch{
  box-sizing:border-box!important;
  width:56px!important;
  min-width:56px!important;
  max-width:56px!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 10px!important;
  gap:0!important;
  justify-content:flex-start!important;
  border-radius:18px!important;
  overflow:hidden!important;
  transform:none!important;
  transition:
    width .36s cubic-bezier(.22,1,.36,1),
    max-width .36s cubic-bezier(.22,1,.36,1),
    padding .36s cubic-bezier(.22,1,.36,1),
    gap .36s cubic-bezier(.22,1,.36,1),
    transform .25s cubic-bezier(.22,1,.36,1),
    border-color .25s ease,
    box-shadow .25s ease!important;
}
body[data-page="careers"] .pd-chat-launch-orb,
body[data-page="contact"] .pd-chat-launch-orb{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
}
body[data-page="careers"] .pd-chat-launch-copy,
body[data-page="contact"] .pd-chat-launch-copy,
body[data-page="careers"] .pd-chat-launch-icon,
body[data-page="contact"] .pd-chat-launch-icon{
  display:grid!important;
  opacity:0!important;
  visibility:hidden!important;
  max-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  transform:translateX(8px)!important;
  transition:
    opacity .18s ease,
    visibility .18s ease,
    max-width .36s cubic-bezier(.22,1,.36,1),
    transform .30s cubic-bezier(.22,1,.36,1),
    margin .30s cubic-bezier(.22,1,.36,1)!important;
}
body[data-page="careers"] .pd-chat-launch-icon,
body[data-page="contact"] .pd-chat-launch-icon{display:block!important}

@media (hover:hover) and (pointer:fine){
  body[data-page="careers"] .pd-chat-launch:hover,
  body[data-page="careers"] .pd-chat-launch:focus-visible,
  body[data-page="careers"] .pd-chat.is-open .pd-chat-launch,
  body[data-page="contact"] .pd-chat-launch:hover,
  body[data-page="contact"] .pd-chat-launch:focus-visible,
  body[data-page="contact"] .pd-chat.is-open .pd-chat-launch{
    width:206px!important;
    min-width:206px!important;
    max-width:206px!important;
    padding:0 14px!important;
    gap:11px!important;
    transform:translateY(-2px)!important;
  }
  body[data-page="careers"] .pd-chat-launch:hover .pd-chat-launch-copy,
  body[data-page="careers"] .pd-chat-launch:focus-visible .pd-chat-launch-copy,
  body[data-page="careers"] .pd-chat.is-open .pd-chat-launch .pd-chat-launch-copy,
  body[data-page="contact"] .pd-chat-launch:hover .pd-chat-launch-copy,
  body[data-page="contact"] .pd-chat-launch:focus-visible .pd-chat-launch-copy,
  body[data-page="contact"] .pd-chat.is-open .pd-chat-launch .pd-chat-launch-copy{
    opacity:1!important;
    visibility:visible!important;
    max-width:122px!important;
    transform:none!important;
  }
  body[data-page="careers"] .pd-chat-launch:hover .pd-chat-launch-icon,
  body[data-page="careers"] .pd-chat-launch:focus-visible .pd-chat-launch-icon,
  body[data-page="careers"] .pd-chat.is-open .pd-chat-launch .pd-chat-launch-icon,
  body[data-page="contact"] .pd-chat-launch:hover .pd-chat-launch-icon,
  body[data-page="contact"] .pd-chat-launch:focus-visible .pd-chat-launch-icon,
  body[data-page="contact"] .pd-chat.is-open .pd-chat-launch .pd-chat-launch-icon{
    opacity:1!important;
    visibility:visible!important;
    max-width:24px!important;
    margin-left:auto!important;
    transform:none!important;
  }
}

/* Touch devices: keep the launcher compact; tapping still uses public-chat.js normally. */
@media (hover:none), (pointer:coarse){
  body[data-page="careers"] .pd-chat-launch,
  body[data-page="contact"] .pd-chat-launch,
  body[data-page="careers"] .pd-chat.is-open .pd-chat-launch,
  body[data-page="contact"] .pd-chat.is-open .pd-chat-launch{
    width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;
    padding:0 10px!important;gap:0!important;transform:none!important;
  }
  body[data-page="careers"] .pd-chat-launch-copy,
  body[data-page="careers"] .pd-chat-launch-icon,
  body[data-page="contact"] .pd-chat-launch-copy,
  body[data-page="contact"] .pd-chat-launch-icon{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  body[data-page="careers"] .pd-chat-launch,
  body[data-page="contact"] .pd-chat-launch,
  body[data-page="careers"] .pd-chat-launch-copy,
  body[data-page="contact"] .pd-chat-launch-copy,
  body[data-page="careers"] .pd-chat-launch-icon,
  body[data-page="contact"] .pd-chat-launch-icon{transition:none!important}
}