ui: Übersichts-Titel als Artikel-Heading mit Unterstrich; Header-Abstände grösser

- Archiv/Library-Titel: .collection-title (Serif, links, 3px-Linie darunter wie
  die Kategorien) statt zentriertem section-header.
- Masthead: padding 0.48rem/2.4px → 0.9rem/0.5rem, Logo↔Menü 0.12→0.45em.

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

assets/css/custom.css

@@ -160,8 +160,8 @@ a:hover {
 .site-header {
   background: var(--color-dark-panel);
   color: var(--color-dark-panel-text);
-  /* oben Luft über dem Logo, unten knapp unter dem Menü (+20%) */
-  padding: 0.48rem 0 2.4px;
+  /* mehr Luft: über dem Logo, und unter dem Menü */
+  padding: 0.9rem 0 0.5rem;
   border-bottom: none;
   margin-bottom: 0;
   /* inner 3-col grid matches body so wordmark/nav align with content column */
@@ -211,8 +211,8 @@ a:hover {
 
 .site-header .site-nav {
   justify-self: center;
-  /* Luft zwischen Logo und Menü (+20%). */
-  margin-top: 0.12em;
+  /* mehr Luft zwischen Logo und Menü. */
+  margin-top: 0.45em;
 }
 
 .wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; }
@@ -1116,6 +1116,20 @@ 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. */
+.collection-title {
+  font-family: var(--font-family-serif);
+  font-size: clamp(1.7rem, 3vw, 2.2rem);
+  font-weight: 700;
+  letter-spacing: -0.015em;
+  line-height: 1.12;
+  color: var(--color-text-primary);
+  border-bottom: 3px solid var(--accent);
+  padding-bottom: var(--spacing-xs);
+  margin: 0 0 var(--spacing-md);
+}
+
 .time-list ul {
   list-style: none;
   margin-left: 0;