/* App footer */
.footer {
  border-top: 1px solid var(--c-border);
  margin-top: var(--s-6);
  padding-block: var(--s-4);
  font-size: 0.82rem;
  color: var(--c-text-dim);
}

.footer__inner {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  flex-wrap: wrap;
}

.footer__dot {
  color: var(--c-text-faint);
}

.footer__muted {
  color: var(--c-text-faint);
}

.footer__link {
  color: var(--c-brand);
  font-weight: 600;
}

.footer__link:hover {
  text-decoration: underline;
}

@media (max-width: 640px) {
  .footer__muted,
  .footer__dot {
    display: none;
  }
}