/* Existing links inherit the exact styles of each current HP navigation. */
.hp-header .hp-nav .hp-career-menu-added:focus-visible,
.hp-demand-header .hp-demand-nav .hp-career-menu-added:focus-visible,
.hp-footer .hp-career-menu-added:focus-visible{outline:2px solid #25b4ef;outline-offset:4px}
.hp-career-demand-footer{background:#030507;color:#b8c2cc;border-top:1px solid rgba(21,146,199,.25);padding:28px 20px;font-family:Roboto,Arial,sans-serif}
.hp-career-demand-footer>div{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px}
.hp-career-demand-footer a{display:inline-flex;align-items:center;min-height:44px;color:#25b4ef;text-decoration:none;font-weight:700}
.hp-career-demand-footer a:focus-visible{outline:2px solid #25b4ef;outline-offset:4px}

/* 1.1: preserve existing layouts and backgrounds, improve text contrast. */
.hp-header .hp-nav .hp-nav-cta,
.hp-demand-header .hp-demand-nav .hp-demand-nav-cta,
:is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage) .hp-btn-primary,
body:has(.hp-demand-page) .wpforms-container .wpforms-submit{color:#030507!important}

/* Visible keyboard focus, scoped to HP page content. */
:is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy,.hp-demand-page,#hp-careers) :is(a,button,summary):focus-visible,
body:has(.hp-demand-page) .wpforms-container :is(input,select,textarea,button):focus-visible{outline:2px solid #25b4ef!important;outline-offset:4px!important}

/* Long addresses must not force a wider mobile layout. */
:is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy,.hp-demand-page) a[href^="mailto:"],
.hp-footer a{overflow-wrap:anywhere}
.hp-contact :is(.hp-main-contact-row,.hp-company-item,.hp-info-item),
.hp-footer .hp-footer-grid>div{min-width:0}

/* Department numbers are decorative; ordered processes remain unchanged. */
.hp-contact .hp-org-heading>.hp-org-number[data-hp-decorative-marker]{width:24px!important;min-width:24px!important;height:2px!important;min-height:0!important;flex:0 0 24px!important;align-self:flex-start;margin-top:15px;border:0!important;border-radius:0!important;box-shadow:none!important;background:#25b4ef!important;color:transparent!important;font-size:0!important;line-height:0!important;padding:0!important}

/* Larger touch areas in the existing mobile navigation. Career has its own menu. */
@media(max-width:640px){
  :is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy) .hp-header .hp-nav>a,
  .hp-demand-header .hp-demand-nav>a{display:flex;align-items:center;min-height:44px;padding-top:10px;padding-bottom:10px}
  :is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy) .hp-header .hp-nav>.hp-nav-cta,
  .hp-demand-header .hp-demand-nav>.hp-demand-nav-cta{justify-content:center}
}

/* Extend existing reduced-motion support without changing default animations. */
@media(prefers-reduced-motion:reduce){
  :is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy,.hp-demand-page,#hp-careers),
  :is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy,.hp-demand-page,#hp-careers) *,
  :is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy,.hp-demand-page,#hp-careers) *:before,
  :is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy,.hp-demand-page,#hp-careers) *:after,
  body:has(.hp-demand-page) .wpforms-container *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  :is(.hp-redesign,.hp-contact,.hp-page,.hp-os,.hp-facility,.hp-about,.hp-stage,.hp-privacy) :is(.hp-btn,.hp-card):hover,
  #hp-careers :is(.hpc-btn,.hpk-btn):hover,
  body:has(.hp-demand-page) .wpforms-submit:hover{transform:none!important}
}