:root{
  --max: 1100px;
  --pad: 24px;
  --border: rgba(0,0,0,.12);
  --text: #111;
  --white: #fff;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  color: var(--text);
  background: var(--white);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  box-sizing: border-box;
}

main {
  flex: 1 0 auto;
  box-sizing: border-box;
}