/* Sidhuvud och sidfot, gemensamt för startsidan och manualen (sätts in av scripts/build-site.mjs) */
/* Sidfotens färger är webbplatsens egna, inte designtokens */
.site-footer { --site-footer-bg: #6e6767; --site-footer-text: #fff; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 16px;
  max-width: 1100px; margin: 0 auto; padding: 18px 16px; font-family: "Archivo", system-ui, "Segoe UI", sans-serif; }
.site-brand { color: var(--text); text-decoration: none; font-weight: 700; font-stretch: 75%; font-size: 22px; letter-spacing: .01em; }
.site-header nav a { color: var(--text); text-decoration: none; padding: 8px 12px; border-radius: 8px; }
.site-header nav a:hover, .site-header nav a:focus-visible { background: rgba(255,255,255,.08); }
.site-footer { background: var(--site-footer-bg); color: var(--site-footer-text); display: flex; align-items: center; justify-content: center; gap: 16px;
  padding: 28px 16px; font: 14px/1.5 "Archivo", system-ui, "Segoe UI", sans-serif; }
.site-footer img { filter: invert(1); }   /* loggan är svart i filen */
.site-footer p { margin: 0; }