.site-footer {
  padding-block: var(--space-7);
  border-top: var(--border-width) solid var(--color-border);
  background: var(--color-canvas);
}

.footer-layout {
  display: grid;
  gap: var(--space-5);
}

.footer-brand {
  color: var(--color-text);
  font-weight: 700;
  text-decoration: none;
}

.powered-by {
  margin-block-start: var(--space-2);
  color: var(--color-neutral);
  font-size: var(--font-size-xs);
}

.site-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

.site-footer nav a {
  min-height: var(--touch-target-min);
  display: inline-flex;
  align-items: center;
  color: var(--color-text-muted);
}

@media (min-width: 768px) {
  .footer-layout {
    grid-template-columns: 1fr auto;
    align-items: end;
  }

  .footer-layout > :last-child {
    grid-column: 1 / -1;
  }
}