ui: Software-Rubrik als kuratierte Landing (Werkzeuge vs. Texte)

/library/software trennt jetzt 'Werkzeuge' (Beiträge mit externem Link wie
DOSSIER/RAPPORT, als Karten mit ↗ und Farbakzent) von 'Texte & Anleitungen'
(chronologisch). Andere Rubriken bleiben unverändert. dist/ ignoriert.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/css/custom.css

@@ -751,6 +751,20 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
 .wiki-foot a { color: var(--color-text-muted); text-decoration: none; }
 .wiki-foot a:hover { color: var(--accent); }
 
+/* ── Software-Landing: Werkzeuge getrennt von Texten ── */
+.software-h { font-family: var(--font-family-serif); margin: var(--spacing-md) 0 var(--spacing-sm); }
+.software-tools { margin-bottom: var(--spacing-lg); }
+.tool-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.8em; }
+.tool-item { display: flex; align-items: flex-start; gap: 0.5em; background: var(--color-bg-secondary);
+  border: 1px solid var(--color-border); border-left: 4px solid var(--section-color, var(--accent)); border-radius: 12px; padding: 0.9em 1em; }
+.tool-item:hover { border-color: var(--section-color, var(--accent)); }
+.tool-main { flex: 1; text-decoration: none; color: inherit; display: flex; flex-direction: column; gap: 0.2em; min-width: 0; }
+.tool-name { font-family: var(--font-family-serif); font-weight: 600; font-size: 1.05rem; }
+.tool-item:hover .tool-name { color: var(--accent); }
+.tool-sum { font-size: var(--font-size-small); }
+.tool-ext { flex: none; color: var(--color-text-muted); text-decoration: none; font-size: 1.15em; line-height: 1; }
+.tool-ext:hover { color: var(--accent); }
+
 /* ------------------------------------------------------------------------
    Journal entries — three Republik-style layouts (set in front matter
    via `layout: image|icon|text`). Every entry is a full-bleed coloured