* { box-sizing: border-box; }
html { min-width: 320px; background: #E9EEF6; }
body { margin: 0; color: var(--ink); background: #E9EEF6; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { display: block; max-width: 100%; }
.prototype { position: relative; width: min(var(--content-w), 100%); min-height: 844px; margin: 22px auto; overflow: hidden; background: var(--surface); border-radius: 28px; box-shadow: var(--shadow); }
.page { min-height: 844px; padding: 18px 16px 92px; }
.page.no-nav { padding-bottom: 94px; }
.page.page-full { padding: 0 0 20px; }
.eyebrow { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.muted { color: var(--muted); }
.text-blue { color: var(--blue); }
.text-green { color: var(--green); }
.text-red { color: var(--red); }
.mt-12 { margin-top: 12px; }
.mt-16 { margin-top: 16px; }
.mt-20 { margin-top: 20px; }
.center { text-align: center; }
@media (max-width: 480px) {
  html, body { background: var(--surface); }
  .prototype { width: 100%; min-height: 100vh; margin: 0; border-radius: 0; box-shadow: none; }
  .page { min-height: 100vh; }
}