/* The three beginner lessons share one frame and one progression component. */
.learning-lesson .foundation-header{padding-bottom:2rem}
.learning-lesson .foundation-header,.learning-lesson .foundation-lesson{max-inline-size:64rem}
.learning-lesson .lesson-intro{max-width:65ch;margin-bottom:2rem}
.learning-lesson .lesson-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;border-top:1px solid var(--line);margin-top:2.5rem;padding-block:1.5rem 3rem}
.learning-lesson .watch-next{max-width:65ch;margin-top:2rem;padding:0;border:0;background:none}
.learning-lesson .watch-next h2{font-size:var(--h3);margin:0 0 1rem}
.learning-lesson .coverage-board{padding-top:0;border:0}
.learning-lesson .coverage-board .field-frame{max-width:42rem}
.learning-lesson .coverage-board p{max-width:65ch}
.movement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.movement-example{margin:0;border:1px solid var(--line);border-radius:.375rem;overflow:hidden;background:var(--warm)}
.movement-example svg{width:100%;height:15rem;background:var(--ink)}
.movement-example figcaption{padding:1.25rem;margin:0;color:var(--ink);font-size:var(--body)}.movement-example h2{font-size:var(--h3);margin:0 0 .75rem}.movement-example p{margin:0}
.movement-key{display:flex;flex-wrap:wrap;gap:1rem 2rem;font-size:var(--meta);margin:1rem 0 0}.movement-key b{margin-right:.5rem}
@media(max-width:48rem){.movement-grid{grid-template-columns:1fr}.movement-example{display:block}.movement-example svg{height:10rem}.movement-example figcaption{padding:1rem}.learning-lesson .lesson-pagination{align-items:flex-start}.learning-lesson .lesson-pagination .button{max-width:100%}}
@media print{.lesson-pagination{display:none!important}.movement-example{break-inside:avoid}.movement-example svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}