.lesson{margin:2rem 0;padding:1.5rem;border:1px solid var(--rule);border-radius:1.25rem;background:var(--blue-tint)}.lesson>figcaption{font-size:1.25rem;font-weight:650;line-height:1.4}.lesson-track{display:block;width:100%;height:auto;margin-block:1rem;color:var(--blue)}.lesson-track .lesson-path{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:5 7}.lesson-track .lesson-disc{fill:var(--paper);stroke:currentColor;stroke-width:2}.lesson-track .lesson-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.lesson-track text{fill:var(--ink);font:600 22px var(--sans);text-anchor:middle}.lesson-track [data-lesson-dot]{fill:var(--blue);stroke:var(--paper);stroke-width:3;transform:translate(560px);visibility:hidden}.lesson[data-autoplay-state=playing] [data-lesson-dot]{visibility:visible}.lesson-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;padding-left:1.25rem}.lesson-steps li{padding-left:.25rem;margin:0}.lesson-steps li::marker{font-weight:700;color:var(--blue)}.lesson-steps summary{cursor:pointer;font-weight:650;min-height:2.75rem;padding-block:.5rem;line-height:1.4}.lesson-steps p{font-size:.9375rem;line-height:1.6;margin-block:.25rem .75rem}.lesson .lesson-note{font-size:.875rem;color:var(--muted)}.lesson-assumptions{border-top:1px solid var(--rule);padding-top:1rem;margin-top:1rem}.lesson-assumptions>summary{cursor:pointer;min-height:2.75rem;font-weight:650}.lesson-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border:0;padding:0;margin:1rem 0;min-width:0}.lesson-controls legend{margin-bottom:.75rem}.lesson-controls label{display:grid;gap:.5rem;font-size:.875rem}.lesson-controls input{width:100%;min-width:0;min-height:2.75rem;padding:.5rem .75rem;font:inherit;background:var(--paper);color:var(--ink);border:1px solid var(--muted);border-radius:.375rem}.lesson-controls:disabled{opacity:.7}.lesson-result{display:grid;gap:.5rem;border-left:3px solid var(--blue);padding:.75rem 1rem;margin-block:1.5rem;background:var(--paper)}.lesson-result output{display:block;font-size:1.375rem;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.lesson-table{margin-block:2rem;overflow-x:auto}.lesson-table table{width:100%;border-collapse:collapse;font-size:.9375rem}.lesson-table caption{text-align:left;font-weight:650;margin-bottom:1rem}.lesson-table th,.lesson-table td{text-align:left;vertical-align:top;padding:.75rem;border-bottom:1px solid var(--rule);min-width:8rem}.lesson-table th{background:var(--panel)}@media(max-width:600px){.lesson{padding:1rem}.lesson-steps,.lesson-controls{grid-template-columns:1fr}.lesson-table th,.lesson-table td{padding:.5rem}}@media(prefers-reduced-motion:reduce),print{.lesson-track [data-lesson-dot]{display:none}}@media print{.lesson{background:transparent;padding:1rem 0;border-radius:0;break-inside:auto}.lesson-steps{display:block}.lesson-assumptions{display:none}.lesson-table{overflow:visible}.lesson-table table{font-size:9pt}}@media print{.lesson [data-reader-error]{display:none}}