/* Site-wide footer (mounted via /js/eze-footer.js into #eze-footer-mount). Single source of truth — keep page-level overrides out of here. */ /* Sticky footer: short pages keep the footer at the bottom of the viewport. Pages opt in with class `eze-page` on and wrap main content in #eze-page-shell. */ body.eze-page { min-height: 100dvh; display: flex; flex-direction: column; } #eze-page-shell { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; } #eze-footer-mount { flex-shrink: 0; } .eze-footer { background: var(--color-light); border-top: 1px solid var(--color-layer-02); margin-top: calc(var(--space-base) * 10); } .eze-footer__line { padding: calc(var(--space-base) * 4) 0; text-align: center; font-size: var(--font-size-base); color: color-mix(in srgb, var(--color-foreground) 55%, var(--color-layer-03)); }