.onboarding-card{margin:16px 0;padding:20px;border:1px solid #5c7b56;border-radius:20px;background:var(--panel,#183528);color:var(--cream,#f5f1e5)}
.onboarding-card[hidden],.onboarding-card [hidden]{display:none!important}
.onboarding-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.onboarding-label{font-size:12px;font-weight:750;color:var(--lime,#d9f4a5)}
.onboarding-progress{font-size:12px;color:var(--muted,#a9bbaa);white-space:nowrap}
.onboarding-steps{display:flex;gap:5px;margin:12px 0 18px}
.onboarding-steps span{height:3px;flex:1;background:#36563f;border-radius:3px}
.onboarding-steps .is-current{background:var(--lime,#d9f4a5)}
.onboarding-card h2{font-size:clamp(20px,3vw,24px);line-height:1.2;margin:0 0 12px;letter-spacing:-.035em}
.onboarding-card h2:focus{outline:3px solid var(--amber,#f4c685);outline-offset:5px;border-radius:3px}
.onboarding-card p{font-size:14px;line-height:1.6;margin:0 0 12px}
.onboarding-card .onboarding-note{padding-left:12px;border-left:2px solid #6b8967;color:var(--light,#d5e0d1);font-size:13px;margin-bottom:18px}
.onboarding-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.onboarding-actions button{min-height:44px;min-width:0;white-space:normal;line-height:1.35;padding:11px 12px}
#onboardingBack{grid-column:1;grid-row:1}
#onboardingNext,#onboardingStart{grid-column:2;grid-row:1}
.onboarding-actions .onboarding-skip{grid-column:1/-1;background:transparent;border-color:transparent;color:var(--light,#d5e0d1)}
@media(max-width:380px){.onboarding-card{padding:16px}}