ui: Archiv/Library mit Titel oben, Archiv-Atlas zeigt 10 + 'alle →'; Logo +10%, Masthead-Abstände +20%

- Archiv-Root + Library-Übersicht bekommen einen section-title ganz oben.
- Archiv-Atlas: letzte 10 statt 6 pro Kategorie, 'alle in … →' am Block-Ende.
- Subsektionen rendern ihren Intro (.Content) nach dem Header.
- Wordmark clamp 140-200 → 154-220 (+10%); Header-Padding 0.4rem/2px → 0.48rem/2.4px,
  Logo↔Menü 0.1→0.12em (+20%).

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 etwas Luft über dem Logo, unten nur 1–2px unter dem Menü */
-  padding: 0.4rem 0 2px;
+  /* oben Luft über dem Logo, unten knapp unter dem Menü (+20%) */
+  padding: 0.48rem 0 2.4px;
   border-bottom: none;
   margin-bottom: 0;
   /* inner 3-col grid matches body so wordmark/nav align with content column */
@@ -192,7 +192,7 @@ a:hover {
   padding: 0;
   display: block;
   justify-self: center;
-  width: clamp(140px, 18vw, 200px);
+  width: clamp(154px, 19.8vw, 220px);
   aspect-ratio: 1412 / 231;
   height: auto;
   background-image: url("/logo/logo.svg");
@@ -211,8 +211,8 @@ a:hover {
 
 .site-header .site-nav {
   justify-self: center;
-  /* etwas Luft zwischen Logo und Menü. */
-  margin-top: 0.1em;
+  /* Luft zwischen Logo und Menü (+20%). */
+  margin-top: 0.12em;
 }
 
 .wordmark-link:focus-visible { outline: 2px dotted var(--color-text-muted); outline-offset: 4px; }