/* Questionnaire entry: explain the outcome before asking for answers. */
.app.in-diagnostic:has(.dq-welcome){grid-template-rows:minmax(0,1fr) auto}
.app.in-diagnostic:has(.dq-welcome)>footer{display:block}
#app .dq-welcome{gap:0;padding:12px 24px 20px}
.dq-welcome .dq-brand{min-height:44px;flex-shrink:0}
.dq-welcome .dq-brand .wlf-logo{width:66px;height:32px}
.dq-welcome .dq-brand .text-link{min-width:44px;min-height:44px;font-size:14px}
.dq-welcome-body{display:grid;gap:22px;margin-block:auto;padding-top:24px}
.dq-welcome-heading{display:grid;gap:12px}
.dq-welcome-heading .dq-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.055em}
#app .dq-welcome h1{font-family:var(--wlf-font-body);font-size:38px;line-height:1.1;letter-spacing:-.045em;font-weight:800;text-wrap:pretty}
.dq-welcome h1 span{display:block;color:var(--accent)}
.dq-welcome-lead{margin:0;font-size:16px;line-height:1.5;color:var(--muted);max-width:36ch}
.dq-welcome-outcome{padding:20px;background:#eaf2f6;color:#102839;border:1px solid #cee1eb;border-radius:20px}
#app .dq-welcome-outcome h2{font-family:var(--wlf-font-body);font-size:12px;line-height:1.5;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#37586e;margin:0 0 12px}
.dq-welcome-outcome ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.dq-welcome-outcome li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid #c9dce7}
.dq-welcome-outcome li:first-child{padding-top:0;border-top:0}
.dq-welcome-outcome li:last-child{padding-bottom:0}
.dq-welcome-step{color:#3d718e;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}
.dq-welcome-outcome strong{font-size:16px;line-height:1.4;font-weight:650}
.dq-welcome-outcome p{margin:3px 0 0;color:#456176;font-size:13px;line-height:1.45}
.dq-welcome-pace{font-size:14px;line-height:1.5;color:var(--muted);margin:0}
.dq-welcome-pace strong{color:var(--ink);font-weight:600}
.dq-welcome-resume{display:grid;gap:10px}
.dq-welcome-resume p{margin:0;font-size:15px;color:var(--ink)}
.dq-welcome-resume .dq-progress{height:5px}
#app .dq-welcome-actions{display:grid;gap:12px}
#app #diagnostic-footer:has(.dq-welcome-actions){padding:12px 24px 14px}
#app #diagnostic-footer .dq-welcome-actions .btn{min-height:56px;font-size:17px;font-weight:700;justify-content:space-between;padding:16px 20px;border-radius:14px}
.dq-welcome-actions p{font-size:11px;line-height:1.5;text-align:center;color:var(--muted);margin:0}
.dq-welcome-actions .btn:focus-visible,.dq-welcome .text-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(hover:hover){.dq-welcome-actions .btn:not(:disabled):hover{filter:brightness(1.08)!important}}
@media(max-width:360px){#app .dq-welcome{padding-inline:20px}.dq-welcome-body{gap:20px;padding-top:20px}#app .dq-welcome h1{font-size:33px}.dq-welcome-lead{font-size:15px}.dq-welcome-outcome{padding:17px}.dq-welcome-outcome strong{font-size:15px}#app #diagnostic-footer:has(.dq-welcome-actions){padding-inline:20px}}
@media(max-height:740px){.dq-welcome-body{gap:18px;padding-top:18px}.dq-welcome-heading{gap:10px}#app .dq-welcome h1{font-size:34px}.dq-welcome-outcome{padding:16px 18px}.dq-welcome-outcome li{padding-block:8px}}