/* One viewport per step, with readable type and fixed action areas. */
.onboarding-panel{height:min(790px,calc(100dvh - 110px));padding:18px;display:flex;flex-direction:column;gap:12px}
.onboarding-panel header{flex:none}.onboarding-panel h2{font-size:26px;line-height:1.25;margin:5px 0}.onboarding-panel header p{font-size:14px;line-height:1.4;margin:4px 0}.onboarding-kicker{color:#31564c}
.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:7px;flex:1;min-height:0}
.context-choice{min-width:0;min-height:0;padding:7px;border:2px solid #11130f;background:#fffdf7;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;justify-content:center;text-align:left;gap:3px;cursor:pointer}
.context-choice strong{font-size:16px;line-height:1.25}.context-choice small{font-size:14px;line-height:1.25;color:#536057}.context-choice[aria-pressed="true"]{background:#f4bd3c}.context-choice:focus-visible{outline:3px solid #31564c;outline-offset:2px}
.onboarding-nav{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;flex:none}.onboarding-nav button{font:inherit;font-size:15px;min-height:44px;border-radius:12px;padding:5px 9px;box-shadow:none}.onboarding-nav .skip-context{border:0;background:transparent;color:#536057}.onboarding-nav button:disabled{opacity:.4}
#bonusWish{width:100%;font:inherit;font-size:16px;line-height:1.4;border:2px solid #11130f;border-radius:10px;padding:8px;margin:8px 0 0;resize:none;min-height:60px}
#quiz .nav{flex-wrap:wrap;gap:6px}#skipBonus{width:100%;padding:3px;text-align:center;min-height:28px;font-size:14px}
.result-slide{overflow:hidden}.result-slide[data-result-slide="0"].on{grid-template-rows:minmax(0,1fr) auto}.result-slide[data-result-slide="0"] .portrait{min-height:0}.result-slide[data-result-slide="0"] .hero .name{font-size:32px}.result-slide[data-result-slide="0"] .hero .code{font-size:32px}.result-slide[data-result-slide="0"] .hero .sub{font-size:17px;line-height:1.5}.result-slide[data-result-slide="0"] .score-label{font-size:14px}.result-slide[data-result-slide="0"] .famous{font-size:15px}
.result-slide[data-result-slide="1"] .profile{flex:1 1 0;min-height:0;display:flex;align-items:center}.result-slide .profile p,.result-slide #missing{font-size:16px;line-height:1.6}.result-slide .profile strong{font-size:21px;line-height:1.35;margin-bottom:6px}.result-slide[data-result-slide="1"] .tag{font-size:15px;padding:9px 3px}.result-slide .card h3{font-size:16px}
.result-slide[data-result-slide="2"] .axis-card{flex:1 1 0;min-height:0;padding:14px 10px}.result-slide[data-result-slide="2"] .bars{gap:18px}.result-slide .barrow{font-size:14px;grid-template-columns:72px 1fr 72px}.result-slide .quote{font-size:20px;line-height:1.4}.result-slide .quote p{font-size:16px;line-height:1.55;margin:8px 0 0}
.result-slide[data-result-slide="3"] .next{flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:space-between}.result-slide .next h2{font-size:22px;line-height:1.4}.result-slide[data-result-slide="3"] .steps{font-size:16px;line-height:1.5}.result-slide[data-result-slide="3"] .steps li{padding:3px 0;margin:6px 0}.result-slide .tools{grid-template-columns:repeat(3,minmax(0,1fr))}.result-slide .tool small{font-size:14px}.result-slide .tool{font-size:15px;padding:7px}
.population-visual{flex:1 1 0;min-height:0}.population-heading strong{font-size:36px}.population-heading h2{font-size:24px}.population-legend{font-size:14px}.population-source{font-size:12px}
.reveal-final .reveal-name{font-size:32px}.reveal-final .reveal-code{font-size:30px;margin:5px 0 10px}.reveal-final .reveal-strength{font-size:18px;line-height:1.45;margin-bottom:10px}.reveal-final .reveal-position strong{font-size:40px}.reveal-final .reveal-position small{font-size:15px}.reveal-final .reveal-upgrade{font-size:22px;margin:12px 0 8px}.reveal-final .reveal-task{font-size:16px}.reveal-final .reveal-challenge{margin-top:10px;padding-top:8px}.reveal-final .reveal-disclaimer{margin-top:7px}
@media(max-width:720px){
 .onboarding-panel{padding:12px 10px calc(10px + env(safe-area-inset-bottom));gap:8px}.onboarding-panel h2{font-size:24px}.onboarding-grid{gap:5px}.context-choice{padding:5px 7px}.context-choice strong{font-size:15px}.context-choice small{font-size:13px}
 .tile{display:grid;grid-template-rows:minmax(0,1fr) auto}.tile .face{min-height:0}.tile-label{position:static;display:block;text-align:center;padding:6px 2px;margin:0}.tile-label span{font-family:inherit;font-size:19px;line-height:1.25;font-weight:800;background:none;border:0;padding:0}.tile-label small{display:none}
 .intro .lead{font-size:15px;line-height:1.5}.quiz .meta{font-size:14px;margin:14px 0 7px}.quiz .question{font-size:23px;line-height:1.35;margin-bottom:12px}.quiz .hint{font-size:14px;line-height:1.4;margin:0 0 10px}.quiz .hint:empty{display:none}.quiz .choices{gap:9px}.quiz .choice{font-size:16px;line-height:1.4;min-height:54px;padding:11px 10px 11px 47px}.quiz .goalgrid{gap:7px}.quiz .goalgrid .choice{font-size:15px;min-height:55px;padding:8px 6px 8px 38px}.quiz .goalgrid .choice b{left:6px}.quiz .nav .back{font-size:15px}
 .result-slide{padding:12px}.result-slide .slide-title h2{font-size:25px}.result-slide .card{padding:11px}.result-actions{min-height:64px}.reveal-final{padding:14px!important}
}
@media(max-width:720px) and (max-height:700px){
 .onboarding-panel header p{margin:2px 0}.onboarding-panel h2{font-size:22px}.onboarding-kicker{display:none}.onboarding-panel{gap:6px}.context-choice strong{font-size:14px}.context-choice small{font-size:12px}.context-choice{gap:1px;padding:3px 5px}.onboarding-nav button{font-size:14px;padding:4px;min-height:40px}
 .quiz .meta{margin:7px 0 4px}.quiz .question{font-size:21px;margin-bottom:8px}.quiz .hint{font-size:13px;margin-bottom:7px}.quiz .choices{gap:6px}.quiz .choice{min-height:46px;padding-top:8px;padding-bottom:8px;font-size:15px}.quiz .goalgrid .choice{min-height:46px;font-size:14px}#bonusWish{min-height:52px;height:52px;margin-top:6px}
 .result-slide .profile p,.result-slide #missing{font-size:15px;line-height:1.45}.result-slide .profile strong{font-size:19px}.result-slide[data-result-slide="1"] .tag{font-size:14px;padding:6px 2px}.result-slide .quote p{font-size:15px;line-height:1.45}.result-slide[data-result-slide="2"] .bars{gap:12px}.result-slide .barrow{font-size:13px;grid-template-columns:65px 1fr 65px}.result-slide .quote{font-size:18px}.result-slide .slide-title h2{font-size:23px}
 .reveal-final .reveal-name{font-size:27px}.reveal-final .reveal-code{font-size:26px;margin:4px 0 6px}.reveal-final .reveal-strength{font-size:16px}.reveal-final .reveal-position{padding:7px 10px}.reveal-final .reveal-position strong{font-size:32px}.reveal-final .reveal-upgrade{font-size:19px;margin:8px 0 5px}.reveal-final .reveal-task{font-size:14px}.reveal-final .reveal-eyebrow{font-size:15px;margin-bottom:4px}.reveal-final .reveal-challenge{margin-top:6px;padding-top:5px}
}