Como ocultar a categoria Staff com CSS?

Estou hospedando uma instalação do Discourse que funciona como um wiki para duas pessoas. Não preciso da categoria de equipe para esse fim — ela só está poluindo a tela.

Posso usar o seguinte CSS para ocultá-la no desktop:

// ocultar categoria de equipe
tr[data-category-id="3"] {
    display: none;
}

Isso não funciona no mobile, porém. Alguém sabe como ocultar a categoria de equipe no mobile?

Tente

// ocultar categoria de staff
tr[data-category-id="3"],
category[data-category-id="3"]  {
    display: none;
}

Parece que isso não funcionou. Este sim:

// ocultar categoria de equipe
tr[data-category-id="3"],
.category-list-item[data-category-id="3"]  {
display: none;
}

Infelizmente, ainda há posts de equipe aparecendo na pesquisa. Analisei o CSS e consegui delimitar a seção usando o seguinte:

.fps-result .author a[data-user-card=“system”] {
}

Mas parece que não há atualmente nenhuma maneira de selecionar a classe pai na especificação do CSS (embora isso esteja previsto em uma especificação futura (:has() - CSS | MDN)), então não vejo como seja possível ocultar essas entradas de pesquisa sem alterações na forma como o Discourse estiliza as entradas nas páginas de pesquisa.

Tentar esconder completamente uma categoria não deletável que existe especificamente para a equipe parece difícil.
Se isso te incomoda tanto, imagino que você possa usar uma nova conta com nível de confiança 4 como conta principal e fazer login com sua conta de administrador apenas quando precisar realizar tarefas administrativas.

Talvez fazer com que esses usuários não sejam membros da equipe?