/* Site footer. Appears on every page. */

.site-footer { position: relative; padding: var(--space-6) 0; font-size: var(--text-sm); color: var(--color-ink-2); }
.site-footer::before { content: ""; position: absolute; left: var(--gutter); right: var(--gutter); top: 0; height: 1px; background: var(--color-line); }
@media (min-width: 1280px) { .site-footer::before { left: calc((100% - var(--page-max)) / 2 + var(--gutter)); right: calc((100% - var(--page-max)) / 2 + var(--gutter)); } }
.site-footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-4); }
.site-footer a { display: inline-block; padding: 0.35em 0; color: var(--color-ink); }   /* padding: 24px+ tap target */