/* Base reset matching whippy.ai computed defaults */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: auto; }
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 24px;
  color: var(--ink-900);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; border: 0; background: none; padding: 0; cursor: pointer; }
h1, h2, h3, h4, p { margin: 0; }
.container { max-width: var(--container); margin: 0 auto; padding: 0 15px; }
@media (min-width: 769px) { .container { padding: 0; } }