css로 Staff 카테고리를 숨기는 방법?

2명이 위키로 사용 중인 discourse 인스턴스를 운영 중입니다. 이 용도에는 staff 카테고리가 필요하지 않는데, 화면을 어지럽게 만드는 것뿐입니다.

데스크톱에서는 다음 CSS를 사용하여 이를 숨길 수 있습니다:

// hide staff category
tr[data-category-id="3"] {
    display: none;
}

하지만 모바일에서는 작동하지 않습니다. 모바일에서 staff 카테고리를 숨기는 방법을 아시는 분 계신가요?

시도해 보세요

// 스태프 카테고리 숨기기
tr[data-category-id="3"],
category[data-category-id="3"]  {
    display: none;
}

그 방법은 작동하지 않았습니다. 이 방법이 성공했습니다:

// 직원 카테고리 숨기기
tr[data-category-id="3"],
.category-list-item[data-category-id="3"]  {
display: none;
}

불행히도 검색 결과에 여전히 스태프 게시물이 표시됩니다. CSS를 확인해 보았고, 다음 코드로 해당 섹션을 좁혀 보았습니다:

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

하지만 현재 CSS 사양에서는 부모 클래스를 선택하는 방법이 없습니다(향후 사양에는 포함될 예정입니다). 따라서 검색 페이지에서 항목을 스타일링하는 방식을 변경하지 않는 한, 이러한 검색 항목을 숨기는 것이 불가능해 보입니다.

스태프 전용으로만 존재하는 삭제 불가 카테고리를 완전히 숨기려는 것은 꽤 어렵습니다.
그것이 그렇게 거슬린다면, 신뢰 수준 4의 새 계정을 메인 계정으로 사용하고, 관리자 작업이 필요할 때만 관리자 계정으로 로그인하는 방법을 사용할 수 있을 것입니다.

그 사용자들을 스태프에서 제외하는 건 어떨까요?