#onboarding{padding:16px 0 4px}
.onboarding-frame > *, .onboarding-lesson, .onboarding-rail, .onboarding-points li > div { min-width:0; }
.onboarding-lesson { overflow-wrap:anywhere; }
.onboarding-lesson [data-lesson-heading] { scroll-margin-top:90px; }
.onboarding-frame{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:18px;align-items:start}
.onboarding-status{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px;background:var(--void-2);border:1px solid var(--border-dim);border-left:3px solid var(--gold);margin-bottom:18px}
.onboarding-status p{margin:5px 0 0}.onboarding-status strong{display:block;color:var(--gold);font:600 .72rem Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.onboarding-meter{min-width:148px}.onboarding-meter label{display:block;color:var(--text-secondary);font:600 .78rem Rajdhani,sans-serif;text-align:right;margin-bottom:6px}.onboarding-meter progress{width:100%;height:7px;accent-color:var(--gold)}
.onboarding-lesson{background:var(--void-3);border:1px solid var(--border-dim);border-radius:var(--radius-mid);padding:clamp(18px,3vw,30px);min-height:420px}
.onboarding-kicker{display:flex;justify-content:space-between;gap:12px;color:var(--gold-dim);font:600 .72rem Orbitron,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.onboarding-lesson h2{max-width:760px;margin-bottom:12px}.onboarding-intro{font-size:1.07rem;max-width:760px;margin:0 0 24px}
.onboarding-points{list-style:none;padding:0;margin:0;border-top:1px solid var(--border-dim)}
.onboarding-points li{padding:15px 0;border-bottom:1px solid var(--border-dim);display:grid;grid-template-columns:27px minmax(0,1fr);gap:12px}
.onboarding-point-number{color:var(--gold);font:600 .8rem Orbitron,sans-serif;padding-top:2px}.onboarding-points strong{color:var(--text-primary);display:block;font-family:Rajdhani,sans-serif;font-size:1.03rem}.onboarding-points p{margin:3px 0 0}
.onboarding-caution{margin:22px 0 0;padding:12px 14px;background:var(--void-4);border-left:3px solid #d6a81a;color:var(--text-secondary)}.onboarding-caution strong{color:var(--gold)}
.onboarding-tool{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--border-dim)}.onboarding-tool small{display:block;margin-top:8px;color:var(--text-muted)}
.onboarding-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid var(--border-dim)}.onboarding-controls div{display:flex;gap:9px;flex-wrap:wrap}.onboarding-controls .btn{min-width:100px}
.onboarding-review-label{display:block;flex-basis:100%;color:var(--text-muted);font:500 .88rem/1.25 Rajdhani,sans-serif}
.onboarding-rail{position:sticky;top:86px;background:var(--void-2);border:1px solid var(--border-dim);border-radius:var(--radius-mid);padding:14px}.onboarding-rail h2{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;margin:2px 4px 10px;color:var(--gold)}
.onboarding-jump{width:100%;display:grid;grid-template-columns:22px 1fr 17px;gap:8px;align-items:center;text-align:left;padding:10px 6px;background:transparent;border:0;border-bottom:1px solid var(--border-dim);color:var(--text-secondary);font:600 .95rem Rajdhani,sans-serif;cursor:pointer}.onboarding-jump:hover,.onboarding-jump:focus-visible{color:var(--text-primary);background:var(--void-4);outline:0}.onboarding-jump[aria-current="step"]{color:var(--gold)}.onboarding-jump-index{font:600 .67rem Orbitron,sans-serif;color:var(--gold-dim)}.onboarding-check{width:15px;height:15px;border:1px solid var(--border-mid);display:block}.onboarding-jump.is-reviewed .onboarding-check{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 4px var(--void-2)}
.onboarding-rail-actions{padding-top:13px;display:grid;gap:8px}.onboarding-rail-actions .btn{width:100%;font-size:.75rem;padding:8px}
.onboarding-complete{border-color:var(--gold-dim);background:linear-gradient(135deg,var(--void-3),var(--void-4))}.onboarding-complete h2{color:var(--gold)}.onboarding-complete .onboarding-intro{max-width:620px}.onboarding-review{margin:22px 0;padding:0;list-style:none;border-top:1px solid var(--border-dim)}.onboarding-review li{padding:10px 0;border-bottom:1px solid var(--border-dim);color:var(--text-secondary)}.onboarding-review .onboarding-check{display:inline-block;vertical-align:-2px;margin-right:9px;background:var(--gold);border-color:var(--gold);box-shadow:inset 0 0 0 4px var(--void-3)}
.onboarding-utility{margin-top:18px}.onboarding-utility p{margin:0}.onboarding-reference{margin-top:38px;padding-top:30px;border-top:1px solid var(--border-dim)}.onboarding-reference h2{margin-bottom:8px}
.onboarding-intro-card{padding:24px;margin:26px 0 8px;background:var(--void-3);border:1px solid var(--border-dim);border-left:3px solid var(--gold)}.onboarding-intro-card h2{margin-bottom:10px}.onboarding-intro-card p{max-width:730px}.onboarding-intro-card .actions{margin-top:18px}
.onboarding-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.onboarding-frame{grid-template-columns:minmax(0,1fr)}.onboarding-rail{position:static}.onboarding-rail nav{display:flex;overflow-x:auto;border-top:1px solid var(--border-dim)}.onboarding-jump{flex:0 0 170px;border-top:0}.onboarding-rail-actions{grid-template-columns:1fr 1fr}.onboarding-status{margin-bottom:14px}}
@media(max-width:560px){.onboarding-status{display:block}.onboarding-meter{margin-top:14px}.onboarding-meter label{text-align:left}.onboarding-controls{align-items:stretch;flex-direction:column}.onboarding-controls>div{display:grid;grid-template-columns:1fr 1fr}.onboarding-controls .btn{min-width:0}.onboarding-controls .onboarding-review-button{grid-column:1/-1}.onboarding-lesson{min-height:auto}.onboarding-rail-actions{grid-template-columns:1fr}}