#navigation{gap:20px}.nav-group{position:relative}.nav-group summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;white-space:nowrap;padding:8px 0}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover,.nav-group[open] summary{color:var(--lime)}.nav-group summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.nav-group summary span{transition:transform .15s}.nav-group[open] summary span{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;right:0;min-width:245px;display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 15px 35px #0005;z-index:30}.nav-dropdown a{display:block;padding:12px 14px;border-radius:7px;white-space:nowrap}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:var(--bg);color:var(--lime)}@media(min-width:651px) and (max-width:1150px){.header{flex-wrap:wrap;gap:15px}#navigation{flex-wrap:wrap;gap:18px}}@media(max-width:650px){#navigation{align-items:start;gap:18px}.nav-group{width:100%}.nav-group summary{padding:5px 0}.nav-dropdown{position:static;box-shadow:none;margin-top:10px;width:100%;min-width:0}.nav-dropdown a{white-space:normal}}@media(prefers-reduced-motion:reduce){.nav-group summary span{transition:none}}