كيفية إخفاء فئة الطاقم باستخدام CSS؟

أقوم باستضافة تثبيت لـ Discourse يعمل كويكي لشخصين. لا أحتاج إلى فئة الموظفين لهذا الغرض – فهي فقط تملأ الشاشة.

يمكنني استخدام كود CSS التالي لإخفائها على سطح المكتب:

// إخفاء فئة الموظفين
tr[data-category-id="3"] {
    display: none;
}

لكن هذا لا يعمل على الهاتف المحمول. هل يعرف أحد كيفية إخفاء فئة الموظفين على الهاتف المحمول؟

جرّب

// إخفاء فئة الموظفين
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 (على الرغم من أنها موجودة في مواصفات مستقبلية) (:has() - CSS | MDN)، لذا لا أرى كيف يمكن إخفاء هذه الإدخالات من نتائج البحث دون إجراء تغييرات على الطريقة التي يقوم بها نظام Discourse بتنسيق الإدخالات في صفحات البحث.

يبدو أمر إخفاء فئة لا يمكن حذفها، والتي وُجدت خصيصًا للموظفين، أمرًا صعبًا للغاية.
إذا كان هذا الأمر يزعجك كثيرًا، فربما يمكنك استخدام حساب جديد بمستوى ثقة 4 كحساب رئيسي، وتسجيل الدخول بحساب المسؤول فقط عندما تحتاج إلى القيام بأعمال إدارية.

ربما تجعل هؤلاء المستخدمين ليسوا من الموظفين؟