.site-footer {
  border-top: 1px solid var(--ink-15);
  margin-top: var(--space-20);
  padding: var(--space-8) 0;
}
.site-footer__bar {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-items: flex-start;
}
.site-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  font-size: var(--type-small);
  color: var(--ink-70);
}
.site-footer__nav a { text-decoration: none; border-bottom: 1px solid var(--ink-15); padding-bottom: 1px; }

@media (min-width: 768px) {
  .site-footer__bar {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}