ui: Übersichten wie Artikelseiten geboxt (Lesespalte), Oberabstand wie .single; Archiv grün / Library rot (Fuji)

- .collection wrappt Titel + Inhalt in die Lesespalte (≈48.5rem, zentriert);
  margin-top spacing-sm = identischer Oberabstand wie Artikel.
- Titel-Unterstrich + Kategorie-Linien in der Sektionsfarbe: Archiv kusa (grün),
  Library ichigo (rot).

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

assets/css/custom.css

@@ -1116,14 +1116,13 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
   max-width: 60ch;
 }
 
-/* Übersichts-Titel (Archiv/Library): wie ein Artikel-Heading, aber mit Linie
-   darunter — im selben Stil wie die Kategorie-Überschriften. */
+/* Übersicht (Archiv/Library): wie eine Artikelseite — Inhalt in der Lesespalte
+   (≈55ch, zentriert), gleicher Oberabstand wie .single, Titel mit Linie darunter
+   in der Sektionsfarbe (Archiv grün, Library rot). */
+.collection { margin-top: var(--spacing-sm); }
+.collection-title,
+.collection-inner { max-width: 48.5rem; margin-inline: auto; }
 .collection-title {
-  width: 100%;
-  /* rem-basiert (nicht ch): die geerbte ch-max-width skaliert mit der grossen
-     Titelschrift und würde die Linie über die volle Viewport-Breite ziehen.
-     52rem ≈ Inhaltsspalte → Titel + Linie fluchten mit Text/Kategorien. */
-  max-width: 52rem !important;
   text-align: left;
   font-family: var(--font-family-serif);
   font-size: clamp(1.7rem, 3vw, 2.2rem);
@@ -1131,7 +1130,7 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
   letter-spacing: -0.015em;
   line-height: 1.12;
   color: var(--color-text-primary);
-  border-bottom: 3px solid var(--accent);
+  border-bottom: 3px solid var(--section-color, var(--accent));
   padding-bottom: var(--spacing-xs);
   margin: 0 0 var(--spacing-md);
 }