/* Opt-in only: the four SEO review pages carry data-seo-review-nav. */
#navbar[data-seo-review-nav] {
  box-sizing: border-box;
  padding-inline: 24px;
  gap: 16px;
}
#navbar[data-seo-review-nav] .nav-logo {
  flex: 0 0 200px;
  min-width: 0;
}
#navbar[data-seo-review-nav] .nav-logo img {
  width: 200px;
  max-width: 100%;
  height: 60px;
}
#navbar[data-seo-review-nav] .nav-links {
  gap: 14px;
  min-width: 0;
}
#navbar[data-seo-review-nav] .nav-links a,
#navbar[data-seo-review-nav] .nav-actions a {
  white-space: nowrap;
}
#navbar[data-seo-review-nav] .nav-actions {
  flex-shrink: 0;
  gap: 8px;
}
#navbar[data-seo-review-nav] .btn-ghost-sm,
#navbar[data-seo-review-nav] .btn-amber {
  padding-inline: 12px;
}
@media (max-width: 1279px) {
  #navbar[data-seo-review-nav] {
    padding-inline: 20px;
  }
  #navbar[data-seo-review-nav] .nav-links,
  #navbar[data-seo-review-nav] .nav-actions {
    display: none;
  }
  #navbar[data-seo-review-nav] .hamburger {
    display: block;
    flex: 0 0 44px;
    min-height: 44px;
    padding: 0;
  }
  /* No icon-font dependency on the standalone public article templates. */
  #navbar[data-seo-review-nav] .hamburger::before {
    content: "\2630";
    font: 24px/1 system-ui, sans-serif;
  }
  #navbar[data-seo-review-nav] .hamburger i {
    display: none;
  }
  #navbar[data-seo-review-nav] + .mobile-menu {
    box-sizing: border-box;
    max-height: calc(100dvh - 72px);
    overflow-y: auto;
  }
}