.lesson-interactive{clear:both;margin:2rem 0;padding:1rem;border:1px solid #b8cee2;border-top:4px solid #15548a;background:#f8fbfe;line-height:1.65;overflow-wrap:anywhere}.lesson-interactive h2{margin-top:0;color:#15548a}.lesson-interactive fieldset{min-width:0;border:1px solid #b8cee2;padding:1rem;margin:1rem 0;background:white}.lesson-interactive legend{font-weight:bold;padding:0 .3rem}.lesson-prediction{border-left:4px solid #9464a5;padding-left:.8rem}.lesson-control{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:.3rem 1rem;align-items:center;margin:1rem 0}.lesson-control input[type=range]{grid-column:1/-1;width:100%;accent-color:#15548a}.lesson-control input[type=number]{width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:.3rem}.lesson-choice{display:block;margin:.6rem 0}.lesson-choice select{display:block;max-width:100%;font:inherit;padding:.4rem}.lesson-interactive button{font:inherit;padding:.4rem .7rem;margin:.2rem .4rem .2rem 0;background:#15548a;color:white;border:1px solid #15548a;cursor:pointer}.lesson-interactive button:disabled{opacity:.6;cursor:default}.lesson-interactive :focus-visible{outline:3px solid #9464a5;outline-offset:3px}.lesson-interactive figure{margin:1rem 0}.lesson-interactive figure img,.lesson-interactive svg{display:block;width:100%;height:auto;max-width:100%;background:white}.lesson-interactive figcaption,.lesson-motion-help{font-size:.9em;line-height:1.5}.lesson-model-result{background:#e8f2fa;border-left:4px solid #15548a;padding:.8rem;font-variant-numeric:tabular-nums}.lesson-model-result p{margin:.3rem 0}.lesson-model-result[data-invalid=true]{background:#fff2da;border-color:#885700}.lesson-model-explanation{margin-top:1rem;border-top:1px solid #b8cee2;padding-top:.5rem}.lesson-model-explanation summary{cursor:pointer;color:#15548a;font-weight:bold}.lesson-interactive [data-model-feedback]{color:#8b301c;font-weight:bold;margin-bottom:0}.lesson-interactive svg text{font-family:Arial,sans-serif;font-size:17px;fill:#202a35}.lesson-interactive svg .li-axis{fill:none;stroke:#677381;stroke-width:1.5}.lesson-interactive svg .li-grid{fill:none;stroke:#d5dfe8;stroke-width:1}.lesson-interactive svg .li-curve{fill:none;stroke:#15548a;stroke-width:3}.lesson-interactive svg .li-secondary{fill:none;stroke:#a33736;stroke-width:3;stroke-dasharray:8 4}.lesson-interactive svg .li-marker{fill:#a33736;stroke:white;stroke-width:2}.lesson-interactive svg .li-shape{fill:#d7e8f5;stroke:#15548a;stroke-width:3}.lesson-interactive [hidden]{display:none!important}@media(max-width:420px){.lesson-interactive{padding:.65rem}.lesson-interactive fieldset{padding:.6rem}.lesson-control{grid-template-columns:minmax(0,1fr) 85px;gap:.3rem .5rem}.lesson-interactive svg text{font-size:19px}.lesson-interactive button{padding:.45rem .55rem}.lesson-interactive legend{font-size:.95em}}@media print{.lesson-interactive{break-inside:avoid;background:white}.lesson-interactive [data-model-controls],.lesson-interactive .lesson-live-figure{display:none!important}.lesson-interactive .lesson-static-figure[hidden]{display:block!important}.lesson-model-explanation>summary{display:none}.lesson-model-explanation>*{display:block!important}.lesson-model-result{border:1px solid #777}}

.lesson-live-figure{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.lesson-live-figure svg{min-width:540px}.lesson-interactive{min-width:0}
.lesson-interactive[data-lesson-model=physical] [data-model-animation],.lesson-interactive[data-lesson-model=torsion] [data-model-animation]{min-width:0;max-width:400px;margin-inline:auto}
.lesson-scroll-hint{display:none}@media(max-width:600px){.lesson-scroll-hint{display:block;margin-top:.3rem;font-weight:bold;color:#15548a}}