body {
  display: flex;
  flex-direction: column;
}

.site-footer {
  align-items: center;
  border-top: 1px solid var(--line);
  color: var(--muted);
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  margin-top: auto;
  min-height: 48px;
  padding: 10px clamp(18px, 4vw, 46px);
  width: 100%;
}

.site-footer span:last-child {
  font-family: 'DM Mono', monospace;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 480px) {
  .site-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
  }
}