/* Onboarding shares the application palette, typography and controls. */
.welcome-page main{max-width:490px;margin:24px auto;padding:24px}
.welcome-page h1{font-size:clamp(24px,6vw,28px);margin:28px 0 12px}
.welcome-page h2{font-size:20px}
.welcome-page p{color:var(--vf-text-soft);line-height:1.6}
.welcome-page label{margin:18px 0 7px}
.welcome-page input{display:block;width:100%;background:var(--vf-cream);color:var(--vf-green);padding:13px;border:1px solid var(--vf-border);border-radius:var(--vf-radius);min-height:52px;font:inherit}
.welcome-page button{margin:16px 0 0;width:100%;min-height:50px;font:inherit;font-weight:700;border:1px solid var(--vf-green);padding:12px;cursor:pointer}
.welcome-page section{margin:28px 0;padding-top:22px;border-top:1px solid var(--vf-border)}
.welcome-page [role="status"]:not(:empty){padding:12px;border-radius:var(--vf-radius);border:1px solid var(--vf-border);background:var(--vf-cream);overflow-wrap:anywhere}
.welcome-page a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:360px){.welcome-page main{padding:18px;margin:12px auto}}