header li { position: relative; }
header .fork-menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  padding: 8px;
  border-radius: 14px;
  background: #121214;
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 16px 40px rgba(0,0,0,0.45);
  z-index: 60;
  flex-direction: column;
  gap: 2px;
}
header li:hover > .fork-menu,
header li:focus-within > .fork-menu,
header .fork-menu.open { display: flex; }
header .fork-menu a {
  color: #ececee;
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.3;
}
header .fork-menu a:hover { background: rgba(255,255,255,0.06); }
#fork-mobile-panel {
  display: none;
  flex-direction: column;
  gap: 2px;
  padding: 8px 16px 16px;
  background: #0c0c0e;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
#fork-mobile-panel.open { display: flex; }
#fork-mobile-panel a {
  color: #ececee;
  text-decoration: none;
  padding: 10px 8px;
  border-radius: 8px;
  font-size: 15px;
}
#fork-mobile-panel a:hover { background: rgba(255,255,255,0.06); }
@media (min-width: 960px) {
  #fork-mobile-panel { display: none !important; }
}