/* Homepage navigation: existing typography and surfaces, functional destinations. */
.nav{gap:32px}.nav nav{gap:32px}.nav-auth{display:flex;align-items:center;gap:22px;font-size:13px;white-space:nowrap}.nav-auth>a:first-child:hover{text-decoration:underline;text-underline-offset:5px}.nav-register{display:inline-flex;align-items:center;gap:18px;padding:9px 16px;border:1px solid #202224;border-radius:5px;color:#fff;background:#202224;line-height:1.4}.nav-register:hover{background:#393c40}.nav nav a{white-space:nowrap}.nav nav a span{font-size:12px;margin-left:5px}@media(max-width:850px) and (min-width:701px){.nav{gap:20px}.nav nav{gap:19px}.nav-auth{gap:15px}.nav-register{padding:8px 12px;gap:10px}}@media(max-width:700px){.nav{gap:14px}.nav-auth{margin-left:auto;gap:14px;font-size:12px}.nav-register{padding:8px 11px;gap:8px}.nav .wordmark{font-size:23px}.mobile-menu{font-size:19px;padding:4px;line-height:1}.nav.open nav{gap:0;padding:10px 20px 16px;box-shadow:0 16px 30px -24px #17253b55}.nav.open nav a{padding:14px 0;border-bottom:1px solid #f0f1f3}.nav.open nav a:last-child{border:0}}


/* Six destinations: keep the existing brand, collapse before links crowd. */
.nav{gap:24px}.nav nav{gap:23px}.nav nav a{white-space:nowrap}
@media(max-width:1100px){.nav{gap:16px}.nav nav{gap:15px;font-size:12px}.nav-auth{gap:12px}}
@media(max-width:960px){.nav nav{display:none}.mobile-menu{display:block}.nav-auth{margin-left:auto}.nav.open nav{display:flex;position:absolute;top:78px;left:0;right:0;z-index:30;flex-direction:column;background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 28px;gap:0}.nav.open nav a{padding:14px 0;border-bottom:1px solid #eee}}
@media(max-width:700px){.nav.open nav{top:68px}}