/* Main spacing */
main.site{
  padding: 16px 0 24px;
}

/* Footer */
.footer{
  background: var(--dark);
  color: var(--dark-ink);
  margin-top: 24px;
}
.footer-inner{
  padding: 22px 0;
  display:grid;
  gap: 16px;
}
.footer .muted{color: var(--dark-muted)}
.footer a{color: var(--dark-ink)}
.footer hr{border-top: 1px solid var(--dark-line); margin: 10px 0}

/* Footer columns en desktop */
@media (min-width: 900px){
  .menu-btn{display:none}
  .nav{display:flex}
  .footer-inner{
    grid-template-columns: 1.2fr 1fr 1fr;
    align-items:start;
  }
}