/* Onboarding shares the library's tokens; only the step layout is new. */
.onboarding main{max-width:620px;padding:56px 32px 72px}
.onboarding .top{max-width:620px}
.onboarding .brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.onboarding .brand img{width:28px;height:28px}
.steps{display:flex;gap:18px;list-style:none;margin:0;padding:0;font-size:12px;letter-spacing:1px;color:#aaa;text-transform:uppercase}
.steps li{position:relative;padding-left:16px}
.steps li::before{content:'';position:absolute;left:0;top:50%;translate:0 -50%;width:8px;height:8px;border-radius:50%;background:#dcdcdc}
.steps li.is-current{color:#242424;font-weight:600}
.steps li.is-current::before,.steps li.is-done::before{background:#242424}
.steps li.is-done{color:#777}
.step h1{margin:10px 0 14px}
.lead{color:#666;font-size:17px;margin:0 0 28px}
.points{list-style:none;margin:0 0 34px;padding:0;display:grid;gap:12px}
.points li{border:1px solid #e6e6e6;border-radius:12px;padding:15px 17px;background:white;color:#666;line-height:1.55}
.points strong{color:#222;font-weight:500}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.button-link{text-decoration:none;border:1px solid #242424;border-radius:9px;padding:11px 16px;display:inline-block}
.ghost{color:#555}
#account-form label{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;font-size:14px;color:#555}
#account-form input{width:100%}
.google-btn{gap:10px}
.google-mark{width:18px;height:18px;flex:none}
.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#aaa;font-size:13px}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:#e6e6e6}
.switch-mode{font-size:14px;color:#777;margin-top:18px}
.link{border:0;background:none;padding:0;text-decoration:underline;color:#242424}
.link:hover{background:none;color:#000}
.choices{display:grid;gap:10px;margin-bottom:24px}
.choice-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:16px 18px;border-radius:12px;background:white}
.choice-option[aria-checked="true"]{border-color:#242424;box-shadow:inset 0 0 0 1px #242424}
.choice-option strong{font-weight:500;display:block}
.choice-option small{color:#888;font-size:13px}
.choice-native{color:#999;font-size:15px}
.choice-option .badge{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#777;background:#f0f0f0;border-radius:5px;padding:4px 7px}
@media(max-width:700px){.onboarding main{padding:30px 20px 56px}.steps{gap:12px;font-size:11px}.lead{font-size:16px}}
@media(max-width:520px){.steps li:not(.is-current){display:none}}