.site-nav { display: flex; align-items: center; gap: 24px; border-bottom: 1px solid #304254; padding: 14px 0; margin-bottom: 28px; }
.site-nav a { color: #b8c5d2; text-decoration: none; white-space: nowrap; }
.site-nav .brand { color: #e8edf2; font-size: 24px; letter-spacing: -1px; margin-right: 12px; }
.site-nav a[aria-current] { color: #d9bd89; box-shadow: 0 2px #d9bd89; }
.site-nav form { margin: 0 0 0 auto; }
.site-nav button { color: #b8c5d2; background: transparent; border: 1px solid #456076; padding: 6px 12px; border-radius: 6px; font: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid #d9bd89; outline-offset: 3px; }
@media (max-width: 540px) { .site-nav { gap: 14px; flex-wrap: wrap; } .site-nav .brand { width: 100%; } }