.onboarding-body{min-height:100vh;background:#f6e9df}.onboarding-header{width:min(calc(100% - 2rem),78rem);min-height:4.8rem;margin:auto;display:flex;align-items:center;gap:1rem}.onboarding-header>.environment-pill{margin-left:.4rem}.onboarding-header>a:last-child{margin-left:auto;color:var(--muted);font-size:.86rem;font-weight:750}
.onboarding-layout{width:min(calc(100% - 2rem),78rem);min-height:calc(100vh - 5.8rem);margin:0 auto 1rem;display:grid;grid-template-columns:minmax(16rem,.7fr) minmax(0,1.5fr);border:1px solid #dfc6b9;border-radius:1.5rem;background:var(--paper);box-shadow:0 28px 80px rgba(74,37,55,.12);overflow:hidden}.journey-sidebar{padding:clamp(1.5rem,4vw,3rem);color:var(--cream);background:linear-gradient(165deg,var(--plum-dark),var(--plum) 68%,#784049)}.journey-sidebar .eyebrow{color:var(--skin)}.journey-sidebar h1{max-width:9ch;color:var(--white);font-size:clamp(2.3rem,4vw,3.5rem)}.journey-sidebar>p:not(.eyebrow){color:rgba(255,247,237,.72)}.progress-track{height:.3rem;margin:2rem 0 1.4rem;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--apricot);transition:width .2s ease}.journey-sidebar ol{margin:0;padding:0;display:grid;gap:.3rem;list-style:none}.journey-sidebar li{display:grid;grid-template-columns:2rem 1fr;gap:.65rem;padding:.45rem .55rem;border:1px solid transparent;border-radius:.7rem;color:rgba(255,247,237,.52)}.journey-sidebar li[aria-current="step"]{border-color:rgba(238,166,111,.35);color:var(--white);background:rgba(255,255,255,.07)}.journey-sidebar li.complete{color:var(--skin)}.journey-sidebar li>span{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.7rem;font-weight:900}.journey-sidebar li div{display:grid}.journey-sidebar li small{font-size:.69rem}.boundary-card{margin-top:1.6rem;padding:.9rem;border-left:3px solid var(--apricot);background:rgba(255,255,255,.06)}.boundary-card p{margin:.3rem 0 0;color:rgba(255,247,237,.68);font-size:.76rem}
.stage-shell{padding:clamp(1.2rem,5vw,4rem)}.prototype-notice{display:grid;grid-template-columns:1.5rem 1fr;gap:.7rem;margin-bottom:clamp(2rem,5vw,3.5rem);padding:.8rem 1rem;border:1px solid #e1c4b4;border-radius:.8rem;color:#764b39;background:#fff0e3;font-size:.82rem}.prototype-notice>span{width:1.4rem;height:1.4rem;display:grid;place-items:center;border-radius:50%;color:var(--white);background:var(--terracotta);font-size:.7rem;font-weight:900}.prototype-notice p{margin:0}.stage-panel{max-width:46rem}.step-kicker{margin:0 0 .55rem;color:#9e4f37;font-size:.73rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.stage-panel h2{max-width:17ch;font-size:clamp(2.2rem,5vw,3.6rem)}.stage-lead{max-width:42rem;color:var(--muted);font-size:1.03rem}.identity-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.7rem 0;padding:1.1rem;border:1px solid var(--line);border-radius:1rem;background:var(--white)}.identity-card span,.identity-card strong{display:block}.identity-card div span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.status-chip{padding:.3rem .55rem;border-radius:999px;color:#804026;background:#ffe4cf;font-size:.72rem;font-weight:850}.text-action{margin-left:.5rem;border:0;color:#8e432f;background:transparent;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.6rem}.scenario-grid button{min-height:12rem;display:flex;flex-direction:column;align-items:flex-start;padding:1.2rem;border:1px solid var(--line);border-radius:1rem;color:var(--ink);background:var(--white);text-align:left;cursor:pointer}.scenario-grid button:hover{border-color:var(--terracotta);background:#fff3e8}.scenario-grid button>span{width:3.2rem;height:3.2rem;display:grid;place-items:center;margin-bottom:auto;border-radius:50%;color:var(--plum);background:#ffdfc6;font-size:.76rem;font-weight:900}.scenario-grid button strong{margin-top:1rem}.scenario-grid button small{color:var(--muted)}.inline-result{margin-top:1rem;padding:1rem;border:1px solid;border-radius:.9rem}.inline-result p{margin:.3rem 0 .9rem}.inline-result.blocked{border-color:#daa29d;color:#792e31;background:#fff0ef}.inline-result.neutral{border-color:#dab59f;color:#704534;background:#fff2e7}.policy-note{color:var(--muted);font-size:.78rem}.otp-panel{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--white)}.otp-panel>p{color:var(--muted);font-size:.78rem}.otp-panel>div{display:flex;gap:.45rem;margin-bottom:1rem}.otp-panel>div span{width:2.7rem;height:3rem;display:grid;place-items:center;border:1px solid #c9ada0;border-radius:.65rem;color:var(--plum);font-size:1.15rem;font-weight:900}
.stage-panel fieldset{margin:1.4rem 0;padding:0;border:0}.stage-panel legend{margin-bottom:.7rem;color:var(--plum);font-weight:850}.choice-grid{display:flex;flex-wrap:wrap;gap:.45rem}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;padding:.65rem .8rem;border:1px solid #d9c2b6;border-radius:.72rem;cursor:pointer;background:var(--white);font-weight:750}.choice-grid input:checked+span{border-color:var(--terracotta);background:#ffe8d7;box-shadow:inset 0 0 0 1px var(--terracotta)}.choice-grid input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.stage-panel fieldset p{color:var(--muted);font-size:.78rem}.layered-notice{margin:1.2rem 0;border:1px solid var(--line);border-radius:.9rem;background:var(--white)}.layered-notice summary{padding:1rem;cursor:pointer;color:var(--plum);font-weight:850}.layered-notice div{padding:0 1rem 1rem;color:var(--muted)}.consent-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;border-top:1px solid var(--line)}.consent-row input{width:1.25rem;height:1.25rem;accent-color:var(--terracotta)}.consent-row strong,.consent-row small{display:block}.consent-row small{color:var(--muted)}.consent-row.disabled{opacity:.52}.field-error{color:var(--danger);font-weight:750}.complete-panel>img{width:5rem;height:5rem;margin-bottom:1rem}.complete-panel dl{margin:1.4rem 0}.complete-panel dl div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--line)}.complete-panel dt{color:var(--muted)}.complete-panel dd{margin:0;color:var(--plum);font-weight:750;text-align:right}.completion-actions{display:flex;flex-wrap:wrap;gap:.6rem}.live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:850px){.onboarding-layout{grid-template-columns:1fr}.journey-sidebar h1{max-width:none}.journey-sidebar ol{grid-template-columns:repeat(6,1fr)}.journey-sidebar li{display:block;text-align:center}.journey-sidebar li div{display:none}.journey-sidebar li>span{margin:auto}.boundary-card{display:none}}
@media(max-width:620px){.onboarding-header>.environment-pill{display:none}.onboarding-layout{width:100%;min-height:calc(100vh - 4.8rem);margin:0;border:0;border-radius:0}.journey-sidebar{padding:1.2rem}.journey-sidebar h1{margin-bottom:.5rem;font-size:2.2rem}.journey-sidebar>p{font-size:.8rem}.progress-track{margin:.8rem 0}.stage-shell{padding:1.1rem}.prototype-notice{margin-bottom:1.5rem}.scenario-grid{grid-template-columns:1fr}.scenario-grid button{min-height:9rem}.identity-card{align-items:flex-start;flex-direction:column}.text-action{display:block;margin:.7rem 0}.stage-panel h2{font-size:2.3rem}.otp-panel>div span{width:2.3rem}.journey-sidebar ol{gap:0}.journey-sidebar li{padding:.25rem}}

/* Guided onboarding copy · 1.6.1 */
.step-reassurance{max-width:43rem;margin:1.15rem 0;padding:.85rem 1rem;border-left:4px solid var(--terracotta);border-radius:.45rem 1rem 1rem .45rem;color:var(--muted);background:#fff1e5}
.step-reassurance strong{color:var(--plum)}
@media(max-width:620px){.step-reassurance{margin:1rem 0;padding:.8rem .85rem}}
.onboarding-visual{height:8rem;margin:1.2rem 0;overflow:hidden;border-radius:.8rem 2.5rem .8rem .8rem;background:#f0cbb9}.onboarding-visual img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:850px){.onboarding-visual{display:none}}

/* Mobile-first refinement · 1.4 */
.onboarding-header>a:last-child,.scenario-grid button,.choice-grid span,.text-action,.completion-actions .button{min-height:2.75rem;display:inline-flex;align-items:center}
@media(max-width:850px){.onboarding-layout{min-height:0}.journey-sidebar{padding-bottom:1rem}.stage-shell{min-width:0}}
@media(max-width:620px){
  .onboarding-header{width:min(calc(100% - 1rem),78rem);min-height:4.25rem}
  .onboarding-header .brand span{display:none}
  .onboarding-layout{min-height:calc(100vh - 4.25rem)}
  .journey-sidebar{padding:1rem}
  .journey-sidebar h1{font-size:2rem}
  .journey-sidebar ol{overflow:hidden}
  .journey-sidebar li>span{width:1.85rem;height:1.85rem}
  .stage-shell{padding:1rem}
  .stage-panel h2{font-size:clamp(2rem,10vw,2.6rem)}
  .choice-grid{display:grid;grid-template-columns:1fr}
  .choice-grid span{width:100%}
  .consent-row{align-items:flex-start}
  .consent-row input{margin-top:.15rem;flex:0 0 auto}
  .complete-panel dl div{align-items:flex-start;flex-direction:column;gap:.2rem}
  .complete-panel dd{text-align:left;overflow-wrap:anywhere}
  .completion-actions{display:grid}
  .completion-actions .button{width:100%;justify-content:center}
}
.stage-panel h2[tabindex="-1"]:focus{outline:none}
