/* Shared top navigation bar — injected by /nav.js on every searchsmart.hk
   page so the logo and menu sit in exactly the same place site-wide. */
.zodi-nav { position: sticky; top: 0; z-index: 1100; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, .08); font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.zodi-nav-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 16px; padding: 8px 16px; }
.zodi-nav-brand { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; text-decoration: none; flex-shrink: 0; }
.zodi-nav-brand img { height: 34px; width: auto; display: block; }
.zodi-nav-brand small { font-size: 8px; color: #9397ad; letter-spacing: .02em; }
.zodi-nav-links { display: flex; align-items: center; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.zodi-nav-links::-webkit-scrollbar { display: none; }
.zodi-nav-links a { text-decoration: none; color: #454b63; font-size: 13px; padding: 6px 10px; border-radius: 8px; white-space: nowrap; }
.zodi-nav-links a:hover { background: #f1effe; color: #766df4; text-decoration: none; }
/* The hub's theme has a global a:hover underline — never inside the nav. */
.zodi-nav a:hover { text-decoration: none; }
.zodi-nav-links a.active { color: #766df4; font-weight: 600; background: #f1effe; }
.zodi-nav-spacer { flex: 1; }
.zodi-nav-donate { text-decoration: none; background: #A880D9; color: #fff; font-size: 12px; padding: 6px 12px; border-radius: 20px; white-space: nowrap; flex-shrink: 0; }
.zodi-nav-donate:hover { background: #8f63c9; color: #fff; }
.zodi-nav-lang { border: 1px solid #dee2e6; background: #fff; border-radius: 8px; padding: 4px 8px; cursor: pointer; font-size: 14px; line-height: 1; }
.zodi-nav-lang:hover { border-color: #766df4; }
#zodi-nav-extra { font-size: 11px; color: #9397ad; white-space: nowrap; }
#zodi-nav-extra:empty { display: none; }
.zodi-nav.lang-en .zh { display: none; }
.zodi-nav.lang-zh .en { display: none; }
@media (max-width: 640px) {
  .zodi-nav-inner { gap: 8px; padding: 6px 10px; }
  .zodi-nav-links a { font-size: 12px; padding: 5px 7px; }
  .zodi-nav-brand img { height: 28px; }
  #zodi-nav-extra { display: none; }
}