/* 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)}

/* Centered "back" navigation in the header (injected by nav.js on subpages) */
.bar-inner{position:relative}
.backnav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-decoration:none;
  padding:6px 12px;border-radius:5px;transition:color .15s,background .15s}
.backnav:hover{color:var(--accent);background:rgba(143,224,245,.09)}
.backnav .arw{font-size:20px;line-height:1;transform:translateY(-1px);color:var(--accent);
  -webkit-text-stroke:1.1px currentColor;text-stroke:1.1px currentColor;transition:color .15s}
.backnav:hover .arw{color:var(--ink)}
@media (max-width:560px){
  .backnav{gap:0;padding:8px 12px}
  .backnav .lbl{display:none}
  .backnav .arw{font-size:23px;-webkit-text-stroke:1.3px currentColor;text-stroke:1.3px currentColor}
}

.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}