.container{
    max-width: 1200px;
    margin: auto;
}
html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

main.container {
  flex: 1; 
}

footer.site-footer {
  width: 100%;
  background: #ffffff;
  border-top: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  font-family: var(--font-ui);
}