:root {
  color-scheme: light;
}
* {
  box-sizing: border-box;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--foreground);
  background: var(--background);
}
.site-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.container {
  width: min(70rem, calc(100% - 2rem));
  margin-inline: auto;
}
main > section {
  padding: 8rem 0;
}
@media (max-width: 35rem) {
  .container {
    width: min(100% - 1.5rem, 70rem);
  }
  main > section {
    padding: 3.25rem 0;
  }
}