/* The visual itself stays still until the reader acts. Every state has a text equivalent. */
.lv-widget{box-sizing:border-box;max-width:100%;min-width:0;margin:20px 0;padding:20px;border:1px solid #46657a;border-radius:16px;background:#0c1a27;color:#e2edf5;font:15px/1.65 system-ui,sans-serif;overflow-wrap:anywhere;color-scheme:dark}
.lv-widget *{box-sizing:border-box}.lv-widget .lv-kicker{display:block;color:#9ae6ca;font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.lv-widget h3{margin:7px 0 9px!important;font-size:1.25rem!important;line-height:1.3;color:#f3f8fb}.lv-widget p{margin:8px 0 14px!important;max-width:80ch}.lv-widget .lv-task{font-size:1rem;color:#d7eaf7}.lv-widget .lv-connection{font-size:.86rem;color:#aebfd0}.lv-widget .lv-figure{background:#102331;border:1px solid #2b465b;border-radius:12px;margin:16px 0;padding:6px;overflow:hidden}.lv-widget svg{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:64/27;overflow:visible}.lv-widget svg text{font-family:system-ui,sans-serif}.lv-widget .lv-controls{display:grid;grid-template-columns:1fr;gap:12px;margin:15px 0}.lv-widget label{display:block;font-size:14px;line-height:1.5;color:#dfeef7;font-weight:600}.lv-widget label>span{display:block}.lv-widget label b{display:inline-block;margin-left:8px;color:#a1e8ce;font-variant-numeric:tabular-nums}.lv-widget input[type=range]{display:block;width:100%;height:44px;min-height:44px;margin:0;accent-color:#9ae6ca;cursor:pointer}.lv-widget .lv-output{display:block;border-left:3px solid #9ae6ca;border-radius:0 6px 6px 0;background:#1b3540;color:#ecfbf6;padding:12px 14px;font-size:1rem;font-variant-numeric:tabular-nums;line-height:1.6}.lv-widget .lv-why{padding:6px 0;color:#ccdde9}.lv-widget .lv-boundary{margin:15px 0!important;padding:0!important;border:1px solid #65583f;border-radius:8px;background:#2a2821}.lv-widget .lv-boundary summary{font-size:14px;min-height:44px;line-height:1.6;padding:12px!important;color:#f0d3a7;cursor:pointer}.lv-widget .lv-boundary p{margin:0!important;padding:0 14px 14px;color:#e5d8bd;font-size:13px}.lv-widget .lv-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.lv-widget .lv-actions span{color:#a8bdce;font-size:12px;flex:1;min-width:160px}.lv-widget button{border:1px solid #5b7a90;border-radius:8px;background:#1b3548;color:#e4f3fb;min-height:44px;padding:9px 14px;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer}.lv-widget button:hover{background:#294e63}.lv-widget :is(button,input,summary):focus-visible,.lv-lesson>summary:focus-visible{outline:3px solid #ffce87;outline-offset:4px}.lv-lesson{margin:22px 0;border:1px solid #3d5c71;border-radius:12px;background:#10202c;color:#e2edf5;padding:0 14px}.lv-lesson>summary{padding:15px 2px;min-height:48px;font:650 15px/1.5 system-ui,sans-serif;cursor:pointer;color:#a3e9d0}.lv-lesson>.lv-widget{margin:0 0 15px}.lv-context-visual{margin-top:20px}.lv-nojs{padding:10px;border:1px solid #658094}.lv-gallery-index{display:flex;gap:8px;flex-wrap:wrap}.lv-gallery-index a{padding:8px 12px;border:1px solid #385568;border-radius:8px}.lv-gallery-section{scroll-margin-top:20px}.lv-gallery-section>h2{margin-top:45px}
@media(max-width:600px){.lv-widget{padding:13px;border-radius:10px}.lv-widget h3{font-size:1.1rem!important}.lv-lesson{padding:0 8px}.lv-widget .lv-figure{padding:1px}.lv-widget .lv-actions{align-items:stretch}.lv-widget .lv-output{font-size:.94rem}.lv-widget .lv-actions button{width:100%}.lv-widget .lv-actions span{flex-basis:100%}}
@media print{.lv-widget{background:#fff;color:#111;border-color:#555;break-inside:avoid}.lv-widget .lv-controls,.lv-widget .lv-actions{display:none}.lv-widget .lv-output,.lv-widget .lv-boundary{background:#fff;color:#111}.lv-widget .lv-task,.lv-widget .lv-why,.lv-widget .lv-connection{color:#222}.lv-widget svg{print-color-adjust:exact}.lv-widget .lv-figure{print-color-adjust:exact}.lv-widget h3{color:#111}}
/* Individualized lesson activities. */
.la-widget .la-figure{overflow:auto;overscroll-behavior:contain}.la-widget svg{aspect-ratio:720/380;overflow:hidden;min-width:0}.la-widget.la-large svg{width:720px;max-width:none;min-width:720px}.la-widget .la-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.la-widget .la-presets button{background:#244c49;border-color:#6baa99;color:#ecfff8}.la-widget select{display:block;width:100%;max-width:100%;min-height:44px;background:#183347;border:1px solid #6b8ba1;color:#eef7ff;border-radius:8px;padding:10px 12px;margin-top:6px;font:inherit;white-space:normal}.la-widget select:focus-visible,.la-widget .la-figure:focus-visible{outline:3px solid #ffce87;outline-offset:3px}.la-widget .la-picture-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;color:#b6cad8}.la-widget .la-picture-tools span{flex:1;min-width:150px}.la-widget [data-la-play]{justify-self:start;background:#284a63}.la-widget [data-la-play][aria-pressed=true]{background:#5c4531}.la-widget .lv-controls{border-top:1px solid #355266;padding-top:16px}.la-widget .lv-output{margin-top:18px}.la-widget .la-presets button:active{transform:translateY(1px)}
@media(max-width:600px){.la-widget .la-presets{display:grid;grid-template-columns:1fr 1fr}.la-widget .la-presets button{padding:8px;min-height:48px}.la-widget .la-picture-tools{align-items:flex-start}.la-widget .la-figure svg{min-width:480px}.la-widget.la-large .la-figure svg{min-width:720px}.la-widget .la-figure{border-bottom:3px solid #52778b}.la-widget .la-picture-tools span::after{content:' Swipe the picture sideways on a narrow screen.'}}
@media(prefers-reduced-motion:reduce){.la-widget *{scroll-behavior:auto!important;transition:none!important}.la-widget .la-presets button:active{transform:none}}
@media print{.la-presets,.la-picture-tools,.la-controls{display:none!important}.la-widget .la-figure svg{width:100%!important;min-width:0!important}}