
/* Navigation entspricht TopNav und BottomNav der Hauptseite. */
.site-nav{position:fixed;inset:0 0 auto;z-index:1000;min-height:64px;height:64px;padding:0;background:var(--surface);backdrop-filter:blur(24px)}
.site-nav-inner{width:100%;max-width:1280px;margin:auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:24px}
.site-nav .brand{display:flex;align-items:center;gap:8px;font:700 14px 'Syne','Space Grotesk',sans-serif;letter-spacing:1.4px}.site-nav .brand span{font-size:14px}.site-nav svg{width:16px;height:16px;flex-shrink:0}.site-nav .brand svg{width:20px;height:20px;stroke-width:2.2}
.site-nav nav{display:flex;flex:1;gap:4px;justify-content:flex-start;flex-wrap:nowrap;order:0}.site-nav nav>a,.site-nav summary{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;border-radius:8px;white-space:nowrap}.site-nav nav>a:hover,.site-nav summary:hover{background:var(--soft)}.site-nav .header-tools{gap:12px;margin:0}.site-nav .theme-switch{padding:3px}.site-nav .theme-switch button{padding:7px 8px}
.site-nav .more-menu>div{top:100%;margin-top:8px;min-width:220px;max-height:calc(100dvh - 90px);overflow:auto}.site-nav .more-menu a{font-size:14px;font-weight:400}.nav-legal{display:flex;border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.more-menu .nav-legal a{font-size:12px}
.mobile-nav{display:none}body{padding-top:64px}.more-menu summary{list-style:none}.more-menu summary::-webkit-details-marker{display:none}
@media(min-width:1280px){.site-nav-inner{max-width:1440px}}@media(min-width:1536px){.site-nav-inner{max-width:1600px}}
@media(max-width:1023px){.site-nav{display:none}body{padding-top:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-nav{display:block;position:fixed;inset:auto 0 0;z-index:1000;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(24px)}.mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;max-width:672px;margin:auto;padding:6px 0}.mobile-nav-inner>a,.mobile-nav summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;flex:1;min-width:0;padding:4px 0;color:var(--muted);text-decoration:none;font-size:9px;font-weight:500;border-radius:12px}.mobile-nav svg{width:20px;height:20px}.mobile-nav .more-menu{flex:1;min-width:0;position:static}.mobile-nav .more-menu summary{color:var(--red)}.mobile-nav summary svg{transform:rotate(180deg)}.mobile-nav .more-menu[open] summary svg{transform:none}.mobile-nav .more-menu>div{position:absolute;top:auto;bottom:calc(100% + 8px);left:50%;right:auto;transform:translateX(-50%);width:260px;max-height:calc(100dvh - 100px);overflow:auto;background:var(--surface);padding:8px;border:1px solid var(--line);border-radius:16px;box-shadow:0 -4px 24px #183d2920}.mobile-nav .more-menu>div>a{font-size:14px;padding:9px 12px}.mobile-nav .theme-switch{margin:8px}.mobile-nav .more-menu a[aria-current]{color:var(--red)}}
@media(min-width:640px) and (max-width:1023px){.mobile-nav-inner>a,.mobile-nav summary{font-size:12px;padding:6px 0}.mobile-nav svg{width:24px;height:24px}}
