/* Original promo utilities absent from the preview's older Tailwind bundle. */
a[aria-label="Renovation Upgrade Credit — Learn More"].fixed {
  left: 0; right: 0; min-height: 3.5rem; background: #2b2b2b;
}
a[aria-label="Renovation Upgrade Credit — Learn More"].fixed:hover { background: #353535; }

@media (min-width: 640px) {
  a[aria-label="Renovation Upgrade Credit — Learn More"].fixed > .border-l {
    display: block; height: 1.75rem;
  }
}

/* Retained menu sits above the original header (30) and promo (40). */
.hr-app-menu { z-index: 50; }
.hr-app-menu-enter { animation: hr-menu-slide .3s ease-out both; }
.hr-app-menu-leave { animation: hr-menu-slide .22s ease-in reverse both; }
@keyframes hr-menu-slide {
  from { opacity: 0; transform: translateX(-100%); }
  to { opacity: 1; transform: none; }
}
@media (max-width: 767px) {
  .hr-app-menu {
    top: 12px; left: 12px; right: 12px; bottom: var(--menu-bottom, 110px);
    width: auto; height: auto; border-radius: 26px; overflow: hidden;
    background: linear-gradient(145deg, #292b2e, #111214 42%, #090a0c);
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.15), 0 24px 60px rgba(0,0,0,.7);
    transform-origin: var(--menu-origin-x, 90%) var(--menu-origin-y, 110%);
  }
  .hr-app-menu > div:first-child { padding: 22px 20px; }
  .hr-app-menu > div:first-child > div { gap: 10px; font-size: 13px; letter-spacing: .04em; }
  .hr-app-menu > div:first-child > button { padding: 10px; border-radius: 50%; background: rgba(255,255,255,.07); }
  .hr-app-menu > div:nth-child(2) { padding: 0 22px 24px; overscroll-behavior: contain; }
  .hr-app-menu > div:nth-child(2) > ul { gap: 0; }
  .hr-app-menu > div:nth-child(2) > ul > li { border-bottom: 1px solid rgba(255,255,255,.09); }
  .hr-app-menu > div:nth-child(2) > ul > li > a,
  .hr-app-menu > div:nth-child(2) > ul > li > button { display: flex; width: 100%; padding: 15px 0; font-size: 19px; }
  .hr-app-menu a:hover, .hr-app-menu button:hover { color: #ff773c; }
  .hr-app-menu :focus-visible { outline: 2px solid #ff773c; outline-offset: 3px; }
  .hr-app-menu-enter { animation: hr-menu-stretch-open .95s both; }
  .hr-app-menu-leave { animation: hr-menu-stretch-close .78s both; }
  @keyframes hr-menu-stretch-open {
    0% { opacity: 0; transform: scale(.075,.055); animation-timing-function: cubic-bezier(.22,.75,.25,1); }
    20% { opacity: 1; }
    66% { transform: scale(.985,1.012); animation-timing-function: ease-in-out; }
    83% { transform: scale(1.008,.996); animation-timing-function: ease-in-out; }
    100% { opacity: 1; transform: scale(1); }
  }
  @keyframes hr-menu-stretch-close {
    0% { opacity: 1; transform: scale(1); animation-timing-function: ease-in-out; }
    18% { transform: scale(.985,1.008); animation-timing-function: cubic-bezier(.55,0,.3,1); }
    80% { opacity: 1; }
    100% { opacity: 0; transform: scale(.075,.055); }
  }
  .hr-assistant__dock [data-action="menu"][aria-expanded="true"] { color: #ff773c; }
}
@media (prefers-reduced-motion: reduce) {
  .hr-app-menu-enter, .hr-app-menu-leave { animation: none; }
}