/* Original drawn concept stages. Geometry lives in the read-only scene engine. */
.learning-visual{--lv-ink:var(--slate,#30343b);--lv-paper:var(--mist,#f2f2ef);--lv-accent:var(--gold,#b89a5a);position:relative;isolation:isolate;min-width:0;width:100%;margin:28px 0 40px;padding:24px 28px 18px;border:1px solid color-mix(in srgb,var(--lv-ink) 20%,transparent);border-radius:18px;background:color-mix(in srgb,var(--lv-paper) 94%,var(--lv-accent));color:var(--lv-ink);overflow:hidden;contain:inline-size}
.lv-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.lv-heading-copy{min-width:0}.lv-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:inherit;opacity:.72}.learning-visual .lv-title{font:550 clamp(22px,2.5vw,32px)/1.15 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:6px 0 0;text-wrap:balance}.lv-pause{flex-shrink:0;min-width:112px;min-height:44px;padding:9px 13px;border:1px solid currentColor;border-radius:24px;background:transparent;color:inherit;font:500 12px/1.3 'DM Sans',sans-serif;cursor:pointer}.lv-pause:hover:not(:disabled){background:var(--lv-ink);color:var(--lv-paper)}.lv-pause:focus-visible{outline:2px solid var(--lv-accent);outline-offset:4px}.lv-pause:disabled{cursor:default;opacity:.65}
.lv-phase-mark{fill:var(--lv-accent);stroke:var(--lv-ink);stroke-width:1.5}.lv-stage{display:block;width:100%;height:auto;aspect-ratio:920/340;overflow:visible}.lv-grid{stroke:currentColor;stroke-width:.6;opacity:.06}.lv-ground{fill:var(--lv-ink);opacity:.045}.lv-orbit{fill:none;stroke:var(--lv-accent);stroke-width:1;stroke-dasharray:5 9;opacity:.7}.lv-route{fill:none;stroke:var(--lv-accent);stroke-width:2;stroke-linecap:round}.lv-packet rect{fill:var(--lv-accent);stroke:var(--lv-paper);stroke-width:2}.lv-object{fill:var(--lv-paper);stroke:var(--lv-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.lv-main-object{stroke-width:2;filter:drop-shadow(0 12px 8px #30343b12)}.lv-label{font:500 15px 'DM Sans',sans-serif;fill:var(--lv-ink)}.lv-chapter-line{stroke:var(--lv-accent);stroke-width:1;fill:none;opacity:.55}.lv-chapter-node{fill:var(--lv-paper);stroke:var(--lv-accent);stroke-width:2}.lv-chapter-node.is-selected circle{fill:var(--lv-accent);stroke:var(--lv-ink);stroke-width:2}.lv-chapter-node text{stroke:none;fill:var(--lv-ink);font:500 12px 'DM Sans',sans-serif}.lv-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid color-mix(in srgb,var(--lv-ink) 17%,transparent);padding-top:13px;font:400 12px/1.6 'DM Sans',sans-serif}.lv-context{font-weight:600;overflow-wrap:anywhere;min-width:0}.lv-note{opacity:.7;max-width:46%;text-align:right}
.learning-visual[data-learning-surface="journey"] .lv-stage{max-height:330px}.learning-visual[data-learning-surface="lab"]{margin:20px 0;padding:18px 15px 14px;border-radius:12px}.learning-visual[data-learning-surface="lab"] .lv-heading{align-items:flex-start}.learning-visual[data-learning-surface="lab"] .lv-title{font-size:23px}.learning-visual[data-learning-surface="lab"] .lv-caption{display:block}.learning-visual[data-learning-surface="lab"] .lv-note{display:block;text-align:left;max-width:none;margin-top:3px}.learning-visual[data-learning-surface="lab"] .lv-pause{min-width:88px;padding-inline:8px}.learning-visual[data-learning-surface="lab"] .lv-stage{margin:12px 0;min-height:125px}.learning-visual[data-learning-surface="curriculum"]{margin:22px 0 26px}.learning-visual[data-learning-surface="experiment"]{margin-top:0}
html[data-theme="dark"] .learning-visual{--lv-ink:#f2f2ef;--lv-paper:#30343b}
@media(max-width:600px){.lv-main-object>g{transform:scale(1.5)}.lv-object:not(.lv-main-object)>g{transform:scale(.85)}.lv-label{font-size:27px;transform:translateY(18px)}.lv-chapter-node text{font-size:22px}.learning-visual{padding:18px 14px 14px;margin:20px 0 28px;border-radius:12px}.lv-heading{gap:10px;align-items:flex-start}.learning-visual .lv-title{font-size:23px;max-width:230px}.lv-pause{min-width:88px;max-width:110px;padding-inline:8px}.lv-stage{min-height:138px;margin:10px 0}.lv-caption{display:block;font-size:12px}.lv-note{display:block;max-width:none;text-align:left;margin-top:4px}.learning-visual[data-learning-surface="lab"] .lv-title{font-size:21px}.learning-visual[data-learning-surface="lab"] .lv-stage{min-height:115px}}
@media(prefers-reduced-motion:reduce){.learning-visual *{animation:none!important;transition:none!important}}
html[data-motion="reduced"] .learning-visual *,.learning-visual[data-motion="paused"] *,.learning-visual[data-motion="suspended"] *{animation:none!important;transition:none!important}