.learning-step { width:min(920px,calc(100% - 2rem)); margin-inline:auto; padding:2.5rem 0 5rem; }
.learning-step__header { margin-bottom:2rem; }
.learning-step__header h1 { max-width:18ch; font-size:clamp(2.3rem,6vw,4.5rem); }
.learning-progress { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.25rem; margin-top:1.5rem; border:1px solid var(--line); border-radius:.8rem; padding:1.25rem; background:var(--surface-soft); }
.learning-progress > div { flex:1 1 16rem; min-width:0; }
.learning-progress .eyebrow { margin-bottom:.5rem; }
.learning-progress h2 { margin:0; font-size:1.35rem; line-height:1.4; }
.learning-progress form { margin:0; max-width:100%; }
.learning-progress .button { white-space:normal; }
.learning-step__content { border:1px solid var(--line); border-radius:1rem; padding:clamp(1.25rem,4vw,2.5rem); background:#fff; box-shadow:0 1rem 2.5rem rgba(23,32,51,.06); }
.prose { line-height:1.75; }
.prose img,.prose video,.prose iframe { max-width:100%; }
.prose table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.prose th,.prose td { border:1px solid var(--line); padding:.65rem .8rem; text-align:left; }
.prose blockquote { margin-inline:0; border-left:.3rem solid var(--brand); padding:.25rem 1rem; color:var(--muted); }
.learning-activity { margin:2rem 0; border:1px solid var(--line); border-radius:1rem; background:#fff; }
.learning-activity__header { padding:1rem 1.25rem; border-bottom:1px solid var(--line); }
.learning-activity__unavailable { padding:1.5rem; color:var(--muted); }
.step-navigation { display:flex; justify-content:space-between; gap:1rem; margin-top:2rem; }
.step-navigation__next { margin-left:auto; }
.lesson-resources-callout { margin-top:2rem; border-radius:.8rem; padding:1rem 1.25rem; background:var(--surface-soft); }
@media (max-width:38rem) { .step-navigation { align-items:stretch; flex-direction:column; } .step-navigation__next { margin-left:0; } }