/* Shared Scoop & Dude site menu. Short, and on phones it sits on its own row
   instead of scrolling sideways. The brand badge is the Home link on phones. */
.top .sd-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px 4px; overflow: visible; }
.top .sd-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 10px; border-radius: 8px; color: var(--ink, #2c3034); text-decoration: none; font-weight: 600; white-space: nowrap; }
.top .sd-nav a:hover { background: rgba(127,127,127,.14); }
.top .sd-nav a[aria-current="page"] { background: rgba(127,127,127,.18); }
@media (max-width: 680px) {
  .top .top-in { flex-wrap: wrap; row-gap: 0; padding: 6px 12px 2px; }
  .top .top-in .brand { order: 1; margin-right: auto; }
  .top .top-in > :not(.brand):not(.sd-nav) { order: 2; }
  .top .sd-nav { order: 3; width: 100%; flex-wrap: nowrap; justify-content: space-between; gap: 0; }
  .top .sd-nav .sd-home { display: none; }
  .top .sd-nav a { padding: 4px 5px; font-size: clamp(13px, 3.7vw, 15px); min-height: 44px; }
}
@media (max-width: 340px) { .top .sd-nav { flex-wrap: wrap; justify-content: center; } }