¿Hay alguna forma de estilizar la página "Más reciente" y la página "Superior" por separado?

Sí, la solución de @manuel es un buen enfoque para lograr las cosas de manera bastante sencilla. Usando window.location.href podrías tener problemas para obtener la URL correcta debido al runloop de Ember de todos modos.

Para ajustar lo que estás haciendo al enfoque más “Ember”, sería hacer algo como esto:

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.querySelectorAll('#main-title')[0].style.display = 'none';
    }
  });
</script>

Sin embargo, probablemente sea mejor si simplemente agregas una clase al body y aplicas estilos a esa clase, lo que también te permitirá realizar cambios de estilo más complejos.

<script type="text/discourse-plugin" version="1.1.0">
  api.onPageChange(() => {
    const router = api.container.lookup('service:router');

    if (router.currentRoute.name === 'discovery.top') {
      document.body.classList.add('route-discovery-top');
    } else {
      document.body.classList.remove('route-discovery-top');
    }
  });
</script>
.route-discovery-top #main-title {
    display: none;
}
3 Me gusta