.movement-unit { display: grid; gap: 1.5rem; margin: 2rem 0; }
.o-reference, .o-practice { display: grid; gap: 1.35rem; }
.o-heading { max-width: 54rem; }
.o-heading h2 { margin: .25rem 0 .6rem; }
.o-heading p, .o-card p, .o-activity p { line-height: 1.6; }
.o-visual-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.o-figure { position: relative; margin: 0; overflow: hidden; border: 1px solid #cbe0ec; border-radius: 1rem; background: #eaf4f8; }
.o-figure img { display: block; width: 100%; height: auto; object-fit: contain; }
.o-figure figcaption { padding: .8rem 1rem; color: #254960; background: rgb(255 255 255 / 94%); line-height: 1.4; }
.o-rule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.o-card, .o-activity { padding: clamp(1rem, 3vw, 1.5rem); border: 1px solid #cbe0ec; border-radius: 1rem; background: #fff; box-shadow: 0 .5rem 1.5rem rgb(9 44 70 / 6%); }
.o-card h3, .o-activity h3 { margin: 0 0 .6rem; color: #0e4164; }
.o-word-bank { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.o-word-bank span { padding: .35rem .65rem; border-radius: 999px; color: #0e4164; background: #eaf6fb; font-weight: 750; }
.o-context-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: 1rem; }
.o-context-figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid #cbe0ec; border-radius: .8rem; background: #f7fbfd; }
.o-context-figure img { display: block; width: 100%; height: auto; object-fit: contain; }
.o-context-figure figcaption { padding: .6rem .7rem; color: #315a70; text-transform: capitalize; }
.o-task-grid { display: grid; gap: .75rem; margin: 1rem 0; }
.o-task { display: block; padding: .85rem 1rem; border: 1px solid #d2e1e9; border-radius: .75rem; background: #f9fcfd; line-height: 1.65; }
.o-select { min-width: min(100%, 13rem); margin: .15rem .25rem; padding: .45rem .65rem; border: 1px solid #9fc2d7; border-radius: .55rem; color: #123551; background: #fff; font: inherit; font-weight: 700; }
.o-correct { border-color: #50b987; background: #eefbf4; }
.o-incorrect { border-color: #df7e73; background: #fff4f1; }
.o-score { min-height: 1.5rem; margin: .75rem 0 0; font-weight: 700; color: #315a70; }
@media (max-width: 800px) { .o-visual-grid { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .o-rule-grid, .o-context-grid { grid-template-columns: 1fr; } .o-select { display: block; width: 100%; margin: .65rem 0 0; } }