Quellenübersicht: Detail-Liste mit Nummer, Datum und Link

Aufklapp-Liste pro Quelle zeigt jetzt:
1. fortlaufende Nummer (gold, monospace)
2. Datum + Uhrzeit (klein, dezent grau, monospace)
3. Headline als Link zum Originalartikel

Drei-Spalten-Grid (Nummer | Datum | Headline). Auf schmalem Viewport
(<600px) klappt das Datum unter die Nummer. Bei research-Lagen wird
published_at bevorzugt, sonst collected_at.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/static/css/style.css

@@ -1755,8 +1755,12 @@ a.dev-source-pill:hover {
 .source-overview-detail-list li {
     font-size: 12px;
     line-height: 1.4;
-    padding: 2px 0;
+    padding: 4px 0;
     border-top: 1px dashed var(--border);
+    display: grid;
+    grid-template-columns: auto auto 1fr;
+    gap: var(--sp-md);
+    align-items: baseline;
 }
 .source-overview-detail-list li:first-child { border-top: none; }
 .source-overview-detail-list li a {
@@ -1767,6 +1771,33 @@ a.dev-source-pill:hover {
     color: var(--accent);
     text-decoration: underline;
 }
+.source-overview-detail-num {
+    font-family: var(--font-mono);
+    font-size: 11px;
+    font-weight: 700;
+    color: var(--accent);
+    min-width: 32px;
+    text-align: right;
+}
+.source-overview-detail-date {
+    font-family: var(--font-mono);
+    font-size: 11px;
+    color: var(--text-tertiary);
+    white-space: nowrap;
+}
+.source-overview-detail-headline {
+    min-width: 0;
+    overflow-wrap: anywhere;
+}
+@media (max-width: 600px) {
+    .source-overview-detail-list li {
+        grid-template-columns: auto 1fr;
+    }
+    .source-overview-detail-date {
+        grid-column: 1 / -1;
+        margin-left: 32px;
+    }
+}
 @media (prefers-reduced-motion: reduce) {
     .source-overview-detail { animation: none; }
     .source-overview-item { transition: none; }