/* Keep the shared blog navigation within narrow screens. */
@media screen and (max-width: 767px) {
  .navbar_container.blog-pages { display: flex; gap: 8px; }
  .blog-pages .navbar_logo-link { min-width: 0; width: auto; flex: 1; }
  .blog-pages .navbar2_logo { max-width: 100%; margin: 0; padding: 0; }
  .blog-pages .navbar_button-wrapper { flex: none; margin-left: 0; gap: 8px; }
  .blog-pages .menu-icon { width: 40px; }
}