.site-nav .nav { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; }
.site-nav .nav li { position: relative; }
.site-nav .nav a { text-decoration: none; }

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  min-width: 240px;
  background: white;
  border: 1px solid rgba(0,0,0,0.15);
  z-index: 999;
}

.dropdown:hover > .dropdown-menu { display: block; }

.dropdown-menu li { position: relative; }
.dropdown-menu a { display: block; padding: 0.4rem 0.8rem; }

.dropdown-menu .dropdown-menu {
  top: 0;
  left: 100%;
}