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>

layouts/archiv/list.html

@@ -1,7 +1,9 @@
 {{ define "main" }}
   {{ if eq .Path "/archiv" }}
       {{/* Archiv root: Titel + Intro + Atlas (je Kategorie die letzten 10) */}}
+      <div class="collection" style="--section-color: var(--palette-kusa)">
       <h1 class="collection-title">{{ .Title }}</h1>
+      <div class="collection-inner">
       {{ .Content }}
       <section class="atlas">
         {{ range .Sections.ByWeight }}
@@ -35,6 +37,8 @@
           </article>
         {{ end }}
       </section>
+      </div>
+      </div>
     {{ else if eq .Path "/archiv/software" }}
       {{/* Software: kuratierte Landing — Werkzeuge (mit externem Link) getrennt
            von Texten & Anleitungen. */}}