fix: scope and sort franchise relations

static/css/style.css

@@ -257,7 +257,7 @@ main {
 }
 
 .is-hidden {
-  display: none;
+  display: none !important;
 }
 
 .grid-full-width {
@@ -347,6 +347,12 @@ main {
   overflow: hidden;
 }
 
+.relation-type {
+  margin-top: var(--space-1);
+  color: var(--text-faint);
+  font-size: 0.76rem;
+}
+
 .catalog-item:hover .catalog-title,
 .relation-card:hover .relation-title,
 .notification-card:hover .notification-title {
@@ -782,6 +788,12 @@ main {
   line-height: 1.2;
 }
 
+.relations-controls {
+  display: flex;
+  gap: var(--space-2);
+  margin-bottom: var(--space-3);
+}
+
 .anime-side-section h3 {
   margin: 0 0 var(--space-2);
   color: var(--text-faint);