.onboarding-workspace{--ob-wine:#792424;--ob-wine-dark:#4c1114;--ob-paper:#f7f3ea;--ob-brass:#b17a33;--ob-green:#24724f;--ob-ink:#21201d;--ob-muted:#6f6860;color:var(--ob-ink);max-width:1180px;margin:0 auto}.onboarding-workspace *{box-sizing:border-box}.onboarding-workspace button,.onboarding-workspace input{font:inherit}.onboarding-workspace button{min-height:44px}.onboarding-workspace button:focus-visible,.onboarding-workspace input:focus-visible,.onboarding-workspace summary:focus-visible{outline:3px solid #176f9f;outline-offset:3px}.onboarding-hero{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:28px;padding:30px;border:1px solid #ddcfbd;border-left:7px solid var(--ob-wine);border-radius:18px;background:var(--ob-paper);box-shadow:0 16px 34px rgba(76,17,20,.08)}.onboarding-hero h1{max-width:850px;margin:7px 0 10px;color:var(--ob-wine-dark);font:500 clamp(28px,4vw,46px)/1.06 Georgia,serif}.onboarding-hero p{max-width:760px;margin:0;color:#514b45;font-size:15px;line-height:1.65}.onboarding-section-label{display:block;color:var(--ob-brass);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.onboarding-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.onboarding-meta span{padding:7px 10px;border:1px solid #d8c7b3;border-radius:999px;background:#fff;color:#5b5046;font-size:11px;font-weight:750}.onboarding-gauge{position:relative;width:132px;height:132px;justify-self:center}.onboarding-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.onboarding-gauge circle{fill:none;stroke:#e2d5c5;stroke-width:9}.onboarding-gauge circle.value{stroke:var(--ob-wine);stroke-linecap:round}.onboarding-gauge>span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.onboarding-gauge b{color:var(--ob-wine-dark);font:600 29px/1 Georgia,serif}.onboarding-gauge small{margin-top:5px;color:var(--ob-muted);font-size:10px;font-weight:800;text-transform:uppercase}.onboarding-score-strip{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:0;margin:16px 0 22px;border:1px solid #ded4c7;border-radius:14px;background:#fff;overflow:hidden}.onboarding-score-strip>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;min-height:92px;padding:16px 20px;border-right:1px solid #e7ded3}.onboarding-score-strip>div:last-child{border-right:0}.onboarding-score-strip span{color:var(--ob-muted);font-size:12px;font-weight:750}.onboarding-score-strip b{color:var(--ob-wine-dark);font-size:22px}.onboarding-score-strip progress{grid-column:1/-1;width:100%;height:7px;border:0;border-radius:99px;background:#eee5d9;overflow:hidden}.onboarding-score-strip progress::-webkit-progress-bar{background:#eee5d9}.onboarding-score-strip progress::-webkit-progress-value{background:var(--ob-green)}.onboarding-score-strip progress::-moz-progress-bar{background:var(--ob-green)}.onboarding-score-strip small{grid-column:1/-1;color:#777067;font-size:10px;line-height:1.35}.onboarding-view-switch{display:inline-flex;gap:4px;margin:0 0 18px;padding:4px;border:1px solid #ded3c4;border-radius:12px;background:#eee8de}.onboarding-view-switch button{border:0;border-radius:8px;padding:9px 15px;background:transparent;color:#655e57;font-weight:750}.onboarding-view-switch button.selected{background:#fff;color:var(--ob-wine);box-shadow:0 2px 7px rgba(40,30,22,.09)}.onboarding-layout{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:22px}.onboarding-route{position:sticky;top:18px;display:grid;gap:5px;padding:10px;border:1px solid #ded4c7;border-radius:14px;background:#fff}.onboarding-route button{position:relative;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ob-ink);text-align:left}.onboarding-route button>span:first-child{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8ccbd;border-radius:50%;color:var(--ob-wine);font-size:11px;font-weight:900}.onboarding-route button>span:last-child{display:grid;gap:2px;min-width:0}.onboarding-route b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.onboarding-route small{color:#827970;font-size:10px}.onboarding-route button.selected{border-color:#d0b9a0;background:#fbf4e9}.onboarding-route button.done>span:first-child{border-color:var(--ob-green);background:var(--ob-green);color:#fff}.onboarding-route button.locked{opacity:.52;cursor:not-allowed}.onboarding-lesson{min-width:0;padding:28px;border:1px solid #ddd1c2;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(47,37,30,.055)}.onboarding-lesson>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e5dcd1}.onboarding-lesson h2{margin:6px 0 7px;color:var(--ob-wine-dark);font:500 clamp(26px,3.2vw,36px)/1.1 Georgia,serif}.onboarding-lesson>header p,.onboarding-final>p{max-width:700px;margin:0;color:var(--ob-muted);line-height:1.55}.onboarding-stamp{flex:0 0 auto;padding:8px 11px;border:2px solid var(--ob-green);border-radius:7px;color:var(--ob-green);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transform:rotate(-2deg)}.onboarding-card-stack{counter-reset:cards;display:grid;margin:20px 0}.onboarding-learning-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:19px 4px;border-bottom:1px solid #e8e0d6}.onboarding-learning-card:last-child{border-bottom:0}.onboarding-learning-card>span{color:#c0aa90;font:500 22px Georgia,serif}.onboarding-learning-card h3{margin:0 0 7px;color:var(--ob-ink);font-size:18px}.onboarding-learning-card p{margin:0;color:#554f48;font-size:14px;line-height:1.65}.onboarding-learning-card ul{display:grid;gap:6px;margin:12px 0 0;padding-left:19px;color:#554f48;font-size:14px;line-height:1.5}.onboarding-learning-card aside{margin-top:13px;padding:11px 13px;border-left:4px solid var(--ob-brass);background:#fff7e8;color:#60491f;font-size:13px;line-height:1.5}.onboarding-role-focus{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;margin:20px 0;padding:17px;border:1px solid #d2bda3;border-radius:12px;background:var(--ob-paper)}.onboarding-role-focus>.onboarding-section-label{grid-column:1/-1}.onboarding-role-focus article{padding:14px;border:1px solid #e4d8c9;border-radius:10px;background:#fff}.onboarding-role-focus article>span{color:var(--ob-wine);font-size:10px;font-weight:900;text-transform:uppercase}.onboarding-role-focus h3{margin:5px 0;color:var(--ob-wine-dark);font-size:16px}.onboarding-role-focus p{margin:0;color:#5d554d;font-size:12px;line-height:1.5}.onboarding-read-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px;border:1px solid #dacbb9;border-radius:12px;background:var(--ob-paper)}.onboarding-read-action p{margin:0;color:#5a524a;font-size:13px;line-height:1.45}.onboarding-primary,.onboarding-secondary{border-radius:9px;padding:11px 16px;font-weight:800;cursor:pointer}.onboarding-primary{border:1px solid var(--ob-wine);background:var(--ob-wine);color:#fff}.onboarding-primary:hover{background:var(--ob-wine-dark)}.onboarding-secondary{border:1px solid #cdbdab;background:#fff;color:var(--ob-wine)}.onboarding-checkpoint{margin-top:18px;padding:20px;border:1px solid #d8c8b5;border-radius:13px;background:#fcfaf6}.onboarding-checkpoint h3{margin:5px 0 16px;color:var(--ob-wine-dark);font:500 23px Georgia,serif}.onboarding-question{min-width:0;margin:0 0 20px;padding:0;border:0}.onboarding-question legend{display:flex;align-items:flex-start;gap:8px;width:100%;margin-bottom:10px;color:var(--ob-ink);font-size:14px;font-weight:800;line-height:1.45}.onboarding-critical{flex:0 0 auto;padding:3px 6px;border-radius:5px;background:#fff0d8;color:#8a5011;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.onboarding-options{display:grid;gap:8px}.onboarding-options label{display:block;margin:0;cursor:pointer}.onboarding-options input{position:absolute;width:1px;height:1px;opacity:0}.onboarding-options span{display:flex;align-items:center;min-height:48px;padding:10px 13px;border:1px solid #d7cec3;border-radius:9px;background:#fff;color:#4c4640;font-size:13px;line-height:1.4}.onboarding-options span:before{content:"";flex:0 0 auto;width:16px;height:16px;margin-right:10px;border:2px solid #aaa095;border-radius:50%}.onboarding-options input:checked+span{border-color:var(--ob-wine);background:#f8eeea;color:var(--ob-wine-dark)}.onboarding-options input:checked+span:before{border:5px solid var(--ob-wine);background:#fff}.onboarding-options input:focus-visible+span{outline:3px solid #176f9f;outline-offset:2px}.onboarding-checkpoint .onboarding-primary,.onboarding-final-form>.onboarding-primary{width:100%}.onboarding-feedback{margin-top:18px;padding:17px;border:1px solid;border-radius:12px}.onboarding-feedback.is-pass{border-color:#8ebca7;background:#eef8f3}.onboarding-feedback.is-retry{border-color:#dfbc82;background:#fff8eb}.onboarding-feedback h3{margin:0 0 11px;color:var(--ob-wine-dark);font-size:17px}.onboarding-feedback p{display:grid;gap:3px;margin:0;padding:10px 0;border-top:1px solid rgba(80,65,48,.12)}.onboarding-feedback p:first-child{border-top:0}.onboarding-feedback b{font-size:12px}.onboarding-feedback .correct b{color:var(--ob-green)}.onboarding-feedback .incorrect b{color:#9a4d12}.onboarding-feedback span{color:#57514a;font-size:12px;line-height:1.45}.onboarding-lesson>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e9e1d7;color:#776f67;font-size:11px}.onboarding-final .onboarding-lock{display:grid;place-items:center;width:64px;height:64px;margin-bottom:16px;border:2px solid #d1c2b1;border-radius:50%;color:var(--ob-wine);font-weight:900}.onboarding-final-form{display:grid;gap:3px;margin-top:24px}.onboarding-score-badge{flex:0 0 auto;padding:12px;border:1px solid #d9c7b0;border-radius:10px;background:var(--ob-paper);color:#6d6257;font-size:10px;text-align:center;text-transform:uppercase}.onboarding-score-badge b{color:var(--ob-wine);font-size:21px}.onboarding-ack{margin-top:18px;padding:20px;border:2px solid var(--ob-green);border-radius:12px;background:#f0f8f4}.onboarding-ack h3{margin:0;color:#17573c;font:500 23px Georgia,serif}.onboarding-ack p{color:#4e6358;font-size:13px;line-height:1.5}.onboarding-ack label{display:flex;align-items:flex-start;gap:9px;margin:15px 0;color:#314d3f;font-size:13px;line-height:1.5}.onboarding-ack input{flex:0 0 auto;width:20px;height:20px;margin-top:1px}.onboarding-complete-mark{display:grid;place-items:center;width:76px;height:76px;margin-bottom:15px;border:3px solid var(--ob-green);border-radius:50%;color:var(--ob-green);font-size:38px}.onboarding-final.is-complete{border-color:#91bba7;background:#f8fcfa}.onboarding-privacy{margin-top:17px;padding:10px 13px;border-top:1px solid #e2d9cf;color:#625b54;font-size:12px}.onboarding-privacy summary{min-height:44px;padding:12px 0;color:var(--ob-wine);font-weight:800;cursor:pointer}.onboarding-privacy p,.onboarding-privacy ul{line-height:1.55}.onboarding-boundary{padding:12px 14px;border-left:4px solid var(--ob-brass);background:#fff6e7;color:#654d29;font-size:12px;line-height:1.5}.onboarding-team{padding:26px;border:1px solid #ddd1c2;border-radius:16px;background:#fff}.onboarding-team>header h2{margin:5px 0;color:var(--ob-wine-dark);font:500 32px Georgia,serif}.onboarding-team>header p{margin:0;color:var(--ob-muted)}.onboarding-team-list{display:grid;gap:10px;margin:20px 0}.onboarding-team-list>article{padding:16px;border:1px solid #e2d9cf;border-radius:12px}.onboarding-person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.onboarding-person-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ob-wine);color:#fff;font-size:12px;font-weight:900}.onboarding-person h3{margin:0;color:var(--ob-ink);font-size:15px}.onboarding-person p{margin:3px 0 0;color:var(--ob-muted);font-size:11px}.onboarding-status{padding:6px 9px;border-radius:999px;background:#eee9e2;color:#655e56;font-size:10px;font-weight:800}.onboarding-status.status-completed{background:#e7f5ed;color:#1d6446}.onboarding-status.status-ready_to_acknowledge,.onboarding-status.status-final_ready{background:#fff1d9;color:#855016}.onboarding-person-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #eee6dd}.onboarding-person-stats div{display:grid;gap:4px}.onboarding-person-stats span{color:#827a71;font-size:9px;font-weight:800;text-transform:uppercase}.onboarding-person-stats b{color:#423c36;font-size:13px}.onboarding-empty{padding:26px;border:1px dashed #cdbfab;border-radius:12px;background:#fff;color:#6b6259;text-align:center}
@media(max-width:900px){.onboarding-layout{grid-template-columns:1fr}.onboarding-route{position:static;display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:8px}.onboarding-route button{flex:0 0 220px;scroll-snap-align:start}.onboarding-person-stats{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.onboarding-workspace{margin:0 -4px}.onboarding-hero{grid-template-columns:1fr;gap:15px;padding:21px 18px}.onboarding-gauge{width:112px;height:112px;justify-self:start}.onboarding-hero h1{font-size:29px}.onboarding-score-strip{grid-template-columns:1fr}.onboarding-score-strip>div{min-height:76px;border-right:0;border-bottom:1px solid #e7ded3}.onboarding-score-strip>div:last-child{border-bottom:0}.onboarding-lesson,.onboarding-team{padding:20px 16px}.onboarding-lesson>header{display:grid}.onboarding-stamp,.onboarding-score-badge{justify-self:start}.onboarding-learning-card{grid-template-columns:34px minmax(0,1fr);gap:9px}.onboarding-read-action{align-items:stretch;display:grid}.onboarding-read-action .onboarding-primary{width:100%}.onboarding-lesson>footer{align-items:stretch;display:grid}.onboarding-person{grid-template-columns:auto minmax(0,1fr)}.onboarding-status{grid-column:1/-1;justify-self:start}.onboarding-person-stats{grid-template-columns:1fr 1fr}.onboarding-view-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media(prefers-reduced-motion:reduce){.onboarding-route{scroll-behavior:auto}.onboarding-stamp{transform:none}}
.onboarding-section-label{color:#76501c}.onboarding-route small{color:#655e57}.onboarding-learning-card>span{color:#735f4a}.onboarding-feedback article{display:grid;gap:4px;margin:0;padding:10px 0;border-top:1px solid rgba(80,65,48,.12)}.onboarding-feedback article:first-child{border-top:0}.onboarding-feedback article>b{font-size:12px}.onboarding-feedback article.correct>b{color:var(--ob-green)}.onboarding-feedback article.incorrect>b{color:#8c410d}.onboarding-feedback span strong{color:#3f3934}.onboarding-source{display:block;margin-top:10px;color:#625b54;font-size:10px;line-height:1.45}.onboarding-product-rule{margin:18px 0 0;padding:11px 13px;border-left:4px solid var(--ob-brass);background:#fff8ec;color:#654d29;font-size:12px;line-height:1.5}.onboarding-main{min-width:0}.onboarding-person-stats small{color:#655e57;font-size:10px}
.onboarding-person-stats span{color:#5f574f}.onboarding-options span{border-color:#81776d}.onboarding-options span:before{border-color:#786f66}.onboarding-feedback-summary{margin:0;color:#514a43;font-size:12px;line-height:1.55}
.onboarding-guidance p{margin:0 0 8px;color:#514a43;font-size:12px;line-height:1.55}.onboarding-guidance ul{display:grid;gap:6px;margin:0;padding-left:20px;color:#514a43;font-size:12px;line-height:1.5}
