/* The one footer every page uses: the initiative line, then legal links,
   contact and the DE/EN switch. Always two rows, so it looks the same in both
   languages and at every width. Pages set --footer-width to the width of
   their content column (640px by default). */
.site-footer { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; width: 100%; max-width: var(--footer-width, 640px); font-family: 'IBM Plex Mono', monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.site-footer a { color: var(--muted); text-decoration: none; }
.site-footer a:hover { color: var(--ac); text-decoration: none; }
.site-footer [aria-current] { color: var(--ink); }