/* --- Base Layout --- */
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  justify-content: center;
  padding: 2rem;
  background-color: #f5f5f5;
}

/* --- Horizontal Constraint --- */
.container-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.container {
  max-width: 1280px;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* --- Vertical Positioning --- */
.content {
  margin: auto; /* Center when short */
}

.container.tall .content {
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
}