.onboarding-app .ay-icon-badge{display:grid;place-items:center;width:44px;height:44px;margin:0;border-radius:14px;font-size:20px;line-height:1;letter-spacing:0}.onboarding-app .ay-icon-badge svg{display:block;width:22px;height:22px}.onboarding-app .ay-icon-badge--blue{color:#315bd1}.onboarding-app .ay-icon-badge--green{color:var(--ay-green-700)}.onboarding-app .ay-icon-badge--pink{color:var(--ay-pink-700)}.onboarding-app .ay-icon-badge--purple{color:var(--ay-purple-700)}.onboarding-app .ay-icon-badge--amber{color:var(--ay-amber-700)}.onboarding-benefits .ay-card,.onboarding-notifications>button{grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px;border-radius:20px}.onboarding-notifications>button{grid-template-columns:44px minmax(0,1fr) 24px;min-height:84px;transition:background-color .15s,border-color .15s,box-shadow .15s}.onboarding-notifications>button.active{background:#f5f8ff;border-color:#aebfe8;box-shadow:inset 0 0 0 1px #e4eafa}.onboarding-exit:focus-visible,.onboarding-notifications>button:focus-visible{outline:3px solid #647de0;outline-offset:3px}.onboarding-benefits .ay-card>div>b,.onboarding-notifications>button>div>b{font-size:15px;line-height:1.35}.onboarding-benefits .ay-card>div>span,.onboarding-notifications>button>div>span{font-size:14px;line-height:1.5;margin-top:4px;color:#61738a}.onboarding-top form{flex-shrink:0}.onboarding-exit{min-height:44px}.onboarding-step-heading{grid-template-columns:44px minmax(0,1fr);gap:16px}.onboarding-step-heading h1{overflow-wrap:break-word}.onboarding-notifications{gap:12px}.onboarding-progress-track{height:5px}.onboarding-actions .ay-button{min-height:48px}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav .nav-item{min-width:0}.bottom-nav .nav-item small{white-space:nowrap;line-height:1.3}@media(max-width:700px){body input,body select,body textarea{font-size:16px!important}.onboarding-app{min-height:100svh;background:#f7f9fd}.onboarding-shell{min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#fff}.onboarding-stage{padding:20px 0 12px}.onboarding-progress{margin-top:24px}.onboarding-complete,.onboarding-welcome{padding:16px 0}.onboarding-complete h1,.onboarding-welcome h1{font-size:clamp(27px,7.5vw,34px);line-height:1.13;margin:14px 0}.onboarding-complete>p,.onboarding-step-heading p,.onboarding-welcome>p{font-size:14px;line-height:1.6}.onboarding-eyebrow{font-size:10px;letter-spacing:.1em;line-height:1.6}.onboarding-benefits{gap:12px;margin:24px 0}.onboarding-start{width:100%;min-height:50px}.onboarding-hint{line-height:1.6;padding:0 8px}.onboarding-actions{padding:18px 0 0;gap:12px}.onboarding-step-heading h1{font-size:clamp(22px,6vw,28px);line-height:1.18}.onboarding-notifications>button{padding:14px;gap:12px}.bottom-nav{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.bottom-nav .nav-item small{font-size:clamp(10px,2.8vw,12px)}.onboarding-activity-row>*,.onboarding-child-form,.onboarding-form-grid>*,.onboarding-guardian-form,.onboarding-school-card{min-width:0}}