story-summary: facts UI split + relationships from facts

modules/story-summary/story-summary.css

@@ -21,7 +21,7 @@
 }
 
 .fact-group {
-    margin-bottom: 16px;
+    margin-bottom: 12px;
 }
 
 .fact-group:last-child {
@@ -29,65 +29,43 @@
 }
 
 .fact-group-title {
-    font-size: 0.6875rem;
+    font-size: 0.75rem;
     font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    color: var(--txt3);
-    margin-bottom: 8px;
-    padding-bottom: 6px;
-    border-bottom: 1px solid var(--bdr2);
+    color: var(--hl);
+    margin-bottom: 6px;
+    padding-bottom: 4px;
+    border-bottom: 1px dashed var(--bdr2);
 }
 
 .fact-item {
     display: flex;
     align-items: center;
-    gap: 6px;
-    padding: 8px 10px;
-    margin-bottom: 6px;
+    gap: 8px;
+    padding: 6px 10px;
+    margin-bottom: 4px;
     background: var(--bg3);
     border: 1px solid var(--bdr2);
-    border-radius: 6px;
+    border-radius: 4px;
     font-size: 0.8125rem;
-    flex-wrap: wrap;
-}
-
-.fact-item:hover {
-    border-color: var(--bdr);
-    background: var(--bg2);
-}
-
-.fact-subject {
-    font-weight: 600;
-    color: var(--txt);
 }
 
 .fact-predicate {
-    color: var(--txt3);
-    font-size: 0.75rem;
+    color: var(--txt2);
+    min-width: 60px;
 }
 
-.fact-predicate::before {
-    content: '→';
-    margin-right: 4px;
+.fact-predicate::after {
+    content: '：';
 }
 
 .fact-object {
-    color: var(--hl);
-    font-weight: 500;
-}
-
-.fact-trend {
-    font-size: 0.6875rem;
-    padding: 2px 8px;
-    border-radius: 10px;
-    white-space: nowrap;
+    color: var(--txt);
+    flex: 1;
 }
 
 .fact-since {
     font-size: 0.625rem;
     color: var(--txt3);
-    margin-left: auto;
 }
 
 @media (max-width: 768px) {