/* Layout for the shared form dialog. Brand tokens and game.css own its controls. */
.learner-profile-form [hidden]{display:none!important}
.learner-profile-form .learner-profile-top{display:flex;align-items:center;justify-content:space-between;gap:var(--movli-space-3);margin-bottom:var(--movli-space-6)}
.learner-profile-form .learner-profile-eyebrow{font-size:13px;font-weight:700;color:var(--movli-text-muted)}
.course-card.learner-profile-form h1{padding-right:0}
.learner-profile-form .learner-profile-steps{display:flex;align-items:center;list-style:none;padding:0;margin:var(--movli-space-6) 0;gap:var(--movli-space-2)}
.learner-profile-steps li{display:flex;align-items:center;gap:var(--movli-space-2);font:700 12px var(--movli-font-body);color:var(--movli-text-muted);flex:1}
.learner-profile-steps li:last-child{flex:0 0 auto}
.learner-profile-steps span{white-space:nowrap}
.learner-profile-steps li:not(:last-child)::after{content:'';height:2px;min-width:4px;flex:1;background:var(--movli-mist-300)}
.learner-profile-steps b{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:var(--movli-radius-round);background:var(--movli-mist-200)}
.learner-profile-steps [aria-current=step]{color:var(--movli-text)}
.learner-profile-steps [aria-current=step] b{background:var(--movli-progress)}
.learner-profile-steps .is-complete b{background:var(--movli-sky-700);color:var(--movli-cloud-000)}
.learner-profile-fields{min-width:0}
.learner-profile-fields fieldset{border:0;min-width:0;padding:0;margin:0}
.learner-profile-form .learner-profile-label,.learner-profile-form h2.learner-profile-question{display:block;font:750 18px/1.4 var(--movli-font-display);margin:0 0 var(--movli-space-3);padding:0;color:var(--movli-text)}
.learner-profile-form .learner-profile-help{font-size:14px;margin:var(--movli-space-2) 0 var(--movli-space-4)}
.learner-profile-options{display:grid;gap:var(--movli-space-3)}
.learner-profile-form label.learner-profile-option{display:flex;align-items:center;gap:var(--movli-space-3);padding:var(--movli-space-4);margin:0;min-height:56px;border:1px solid var(--movli-mist-300);border-radius:var(--movli-radius-control);background:var(--movli-surface);font-size:16px;font-weight:600}
.learner-profile-option:has(input:checked){outline:2px solid var(--movli-sky-700);outline-offset:-2px}
.learner-profile-option input[type=radio]{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--movli-sky-700)}
.learner-profile-follow:not(:empty){margin-top:var(--movli-space-6)}
.learner-profile-age{display:flex;align-items:center;gap:var(--movli-space-3)}
.learner-profile-age input{max-width:128px}
.learner-profile-attempts{display:grid;grid-template-columns:1fr 1fr;gap:var(--movli-space-4)}
.learner-profile-form .dialog-actions .course-button{margin:0}
.learner-profile-form .dialog-utilities details.learner-profile-why{display:block;width:100%;border:0;padding:0}
.learner-profile-why summary{font-size:14px}
.learner-profile-form .learner-profile-why p{font-size:14px;margin:0 0 var(--movli-space-3)}
@media(max-width:520px){.learner-profile-form .learner-profile-steps,.learner-profile-steps li{gap:var(--movli-space-1)}.learner-profile-steps li{font-size:11px}.learner-profile-attempts{grid-template-columns:1fr}}