/* ABOUTME: The one top menu of listingleads.com (Jimmy, 2026-10-26: "unify the navigation throughout the site").
   ABOUTME: Every page carries the same <header class="snav"> markup and loads this file. The PRO blog (/posts) copies it. */
.snav { position: sticky; top: 0; z-index: 60; background: var(--snav-bg, #fdfbf2); color: #111; border-bottom: 1px solid rgba(17,17,17,.1); font-family: 'Bricolage Grotesque', system-ui, sans-serif; -webkit-font-smoothing: antialiased; transition: background .25s; }
.snav.is-up { background: var(--snav-bg-up, var(--snav-bg, #fdfbf2)); }
.snav * { box-sizing: border-box; }
.snav a { color: inherit; text-decoration: none; }
.snav-in { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; gap: 16px; padding: 16px 40px; }
.snav-logo { line-height: 1; font-weight: 800; font-size: 21px; letter-spacing: -.03em; white-space: nowrap; }
.snav-logo sup { font-size: 18px; vertical-align: top; position: relative; top: -1px; }
.snav-links { display: flex; align-items: center; gap: 2px; margin: 0 auto; }
.snav-links a, .snav-signin { font-family: 'Geist Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; padding: 8px 12px; border-radius: 999px; white-space: nowrap; transition: background .2s; }
.snav-links a:hover, .snav-signin:hover { background: rgba(17,17,17,.08); }
.snav-links a[aria-current="page"] { background: #111; color: #FFF48D; }
.snav-right { display: flex; align-items: center; gap: 8px; }
.snav-go { display: inline-flex; align-items: center; gap: 8px; background: #111; color: #FFF48D !important; border: 1.5px solid #111; border-radius: 999px; padding: 9px 16px; font-weight: 600; font-size: 14px; white-space: nowrap; transition: background .2s, color .2s; }
.snav-go:hover { background: transparent; color: #111 !important; }
@media (max-width: 860px) {
  .snav-in { flex-wrap: wrap; padding: 12px 16px 0; gap: 8px 12px; }
  .snav-right { margin-left: auto; }
  .snav-links { order: 3; width: 100%; margin: 0 -16px; padding: 4px 10px 8px; overflow-x: auto; scrollbar-width: none; width: calc(100% + 32px); }
  .snav-links::-webkit-scrollbar { display: none; }
}
@media (max-width: 380px) { .snav-signin { display: none; } }