.hpt-nav-parent{position:relative;display:inline-flex;flex-direction:column}
.hpt-nav-parent > a{font-weight:650}
.hpt-nav-sub{display:flex;flex-wrap:wrap;gap:.35rem}
.hpt-nav-sub a{font-size:.9em;opacity:.9}
@media(min-width:761px){
  .hpt-nav-parent{flex-direction:row;align-items:center;gap:.35rem}
  .hpt-nav-sub{display:none;position:absolute;top:100%;left:0;background:var(--nav-bg,#0f172a);padding:.5rem;border-radius:8px;flex-direction:column;min-width:12rem;z-index:30}
  .hpt-nav-parent:hover .hpt-nav-sub,.hpt-nav-parent:focus-within .hpt-nav-sub{display:flex}
}