.head-sticky { z-index: 80; }
.nav > a:hover { color: #1a1208; }
.nav > a[aria-current="page"] {
  color: #1a1208;
  font-weight: 800;
  font-size: 0.86rem;
}
.menu { position: relative; z-index: 90; }
.menu-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 220px;
  background: #161012;
  border: 1px solid rgba(255, 214, 130, 0.28);
  border-radius: 12px;
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 100;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
}
.menu-panel a,
.nav .menu-panel a {
  display: block;
  border: 0;
  border-right: 0;
  padding: 0.55rem 0.85rem;
  border-radius: 8px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #ffffff;
  background: transparent;
}
.nav .menu-panel a:hover,
.nav .menu-panel a[aria-current="page"] {
  background: rgba(255, 255, 255, 0.08);
  color: #ffe08a;
  font-size: 0.9rem;
  font-weight: 700;
}
@media (min-width: 961px) {
  .nav > a, .menu summary { color: #ffffff; }
  .nav > a[aria-current="page"] { color: #1a1208; }
}
@media (max-width: 960px) {
  .menu-panel { position: static; box-shadow: none; }
}