html, body { height: 100%; margin: 0; }
.footer {
  height: var(--footer-h);
  display: flex; align-items: center; justify-content: flex-start;
  gap: 10px; padding: 0 10px; font: 12px/1.2 var(--font);
  color: var(--text-muted);
}
.wrap { min-height: 100vh; display: flex; flex-direction: column; }
/* reserve footer space for pages that use <main> */
main { flex: 1 1 auto; min-height: calc(100vh - var(--footer-h)); }