/* Deeper levels stay inside the existing dropdown/drawer, without horizontal flyouts. */
#ppTestHeader .pp-test-nav-sub .pp-nav-nested,
#ppTestDrawer .pp-mobile-links .pp-nav-nested {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
  border-left: 1px solid rgba(195, 166, 107, .4) !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: inherit !important;
  overflow: visible !important;
  transform: none !important;
  clip-path: none !important;
}

#ppTestHeader .pp-test-nav-sub a,
#ppTestDrawer .pp-mobile-sub a {
  white-space: normal !important;
  overflow-wrap: anywhere;
}

@media (min-width: 1101px) {
  #ppTestHeader .pp-test-nav-sub {
    max-height: calc(100vh - 88px) !important;
    max-height: calc(100dvh - 88px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  #ppTestHeader .pp-test-nav-item.has-sub:focus-within > .pp-test-nav-sub {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    clip-path: inset(0) !important;
    padding: 12px 0 !important;
  }
}

@media (max-width: 1100px) {
  #ppTestDrawer .pp-mobile-links .pp-acc-check:checked + .pp-acc-label + .pp-mobile-sub {
    max-height: none !important;
    overflow: visible !important;
  }
  #ppTestDrawer .pp-mobile-links .pp-nav-nested a {
    padding-left: 12px !important;
  }
}