/* Four stages reuse Lesson Map's step, collapse and rail components. */
.motion-step-heading{margin:0}.motion-step .step-title{font:26px/1.45 var(--font-display);color:var(--text)}.motion-step .step-toggle{padding-top:26px;padding-bottom:26px}.motion-step .motion-block{border:0;padding:6px 0 30px}.motion-step .motion-block>p{font:14px/1.85 var(--font-body);color:var(--muted);margin:10px 0 20px}.motion-step .motion-block h3{margin:25px 0 14px;font:600 18px/1.55 var(--font-body)}.motion-step .motion-style h3{font:600 16px/1.5 var(--font-body);margin:15px 0 9px}.motion-step .motion-block .motion-hint{font-size:12px}.motion-completion{margin-top:30px;padding-top:8px;border:0}.motion-completion .done-btn{display:inline-flex;align-items:center;gap:14px}.motion-completion svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.motion-step.completed .motion-completion .done-btn{background:var(--accent);color:var(--bg)}
.motion-links.motion-resource-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.motion-resource-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font:14px/1.6 var(--font-body)}.motion-resource-row:last-child{border-bottom:0}.motion-resource-row a{flex-shrink:0;font-size:11px;padding:6px 11px;border-radius:8px;color:var(--accent-strong)}
.motion-step .motion-channel-list{gap:0}.motion-step .motion-channel-row{display:grid;grid-template-columns:minmax(140px,1fr) auto;align-items:center;gap:14px;margin:0;padding:16px 0 16px 16px;border:0;border-left:2px solid var(--accent);border-bottom:1px solid var(--line);border-radius:0;background:transparent}.motion-channel-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.motion-channel-head strong{font:600 14px/1.5 var(--font-body)}.motion-channel-head a{font-size:11px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;overflow-wrap:normal}.motion-channel-estimate{display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:5px 8px;font-family:var(--font-body)}.motion-income-label{font-size:11px;color:var(--text)}.motion-step .motion-channel-income{font-size:16px;color:#a8ec8a;letter-spacing:.1px;white-space:nowrap}.motion-step .motion-nudge{border:1px solid var(--accent);border-left:3px solid var(--accent-strong);padding:19px 20px;background:var(--accent-tint)}.motion-nudge>span{font-weight:600;color:var(--text)}.motion-nudge .button{background:var(--accent);color:var(--bg);border-color:var(--accent)}
@media(max-width:700px){.motion-step .motion-channel-row{grid-template-columns:minmax(0,1fr);gap:10px}.motion-channel-estimate{justify-content:flex-start}.motion-channel-head{justify-content:space-between}.motion-nudge{display:block}.motion-nudge .button{margin-top:14px}}
@media(max-width:600px){.motion-step .step-title{font-size:21px;line-height:1.5}.motion-step .step-toggle{padding-top:23px;padding-bottom:23px}.motion-step .motion-block{padding-top:3px;padding-bottom:24px}.motion-step .motion-block>p{font-size:13px}.motion-step .motion-block h3{font-size:17px}.motion-step .motion-style h3{font-size:16px}.motion-resource-row{font-size:13px;gap:10px}.motion-resource-row a{padding:6px 9px}.motion-step .motion-channel-row{padding:14px 0 14px 12px}.motion-channel-head strong{font-size:13px}.motion-step .motion-channel-income{font-size:16px}.motion-income-label{font-size:11px}.motion-step .motion-nudge{padding:16px}.motion-completion .done-btn{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){}

.motion-completion{border-top:0!important}.motion-style .copy-btn.copied{color:var(--accent-strong);border-color:var(--accent)}
