footer{
  padding:32px 0 38px;
  border-top:1px solid var(--line);
}
.footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  color:var(--muted);
  font-size:14px;
}
.footer-logo{width:118px}
.footer-links{
  display:flex;
  align-items:center;
  gap:18px;
  margin-left:auto;
  font-family:"IBM Plex Mono",monospace;
  font-size:12px;
}
.footer-links a{
  transition:color .2s ease;
}
.footer-links a:hover{color:var(--accent)}
.footer-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

@media (max-width:640px){
  .footer-inner{align-items:flex-start;flex-direction:column}
  .footer-links{margin-left:0;flex-wrap:wrap;gap:10px 16px}
}