/* Shared navigation styles (dropdown menu + language visibility) — used on subpages */
[data-lang="en"] .de{display:none}
[data-lang="de"] .en{display:none}

.bar-left{display:flex;align-items:center;gap:18px}
.mission-link{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;
  color:var(--dim);text-decoration:none;white-space:nowrap;transition:color .15s}
.mission-link:hover{color:var(--accent)}

.menu-wrap{position:relative;display:inline-flex}
.dots-btn{width:34px;height:30px;background:transparent;border:1px solid var(--line);
  border-radius:3px;color:var(--ink);cursor:pointer;font-size:19px;line-height:26px;text-align:center;padding:0}
.dots-btn:hover{border-color:var(--accent-deep);color:var(--accent)}
.dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:236px;
  background:rgba(10,14,22,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);border-radius:9px;padding:9px;box-shadow:0 22px 55px rgba(0,0,0,.55);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:40}
.menu-wrap.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
@media (hover:hover){ .menu-wrap:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)} }
.dropdown a{display:flex;align-items:baseline;gap:11px;padding:9px 12px;border-radius:5px;
  text-decoration:none;color:var(--ink);font-size:15px;font-weight:500;transition:background .12s,color .12s}
.dropdown a:hover{background:rgba(143,224,245,.10);color:var(--accent)}
.dropdown a .n{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--accent-deep);width:18px;flex:none}
.dropdown .dd-sub a{color:var(--dim);font-size:13px;font-weight:400;
  font-family:"JetBrains Mono",monospace;letter-spacing:.03em}
.dropdown .dd-sub a:hover{color:var(--accent)}
.dd-div{height:1px;background:var(--line);margin:8px 6px}
