.learning-workshop{--learning-ink:var(--color-forest-800,#245342);--learning-surface:var(--color-surface,#fffdf9);--learning-soft:var(--color-sage-100,#eef8ef);--learning-card:var(--color-surface,#fffdf9);--learning-edge:var(--color-line,#cfc8bb);--learning-text:var(--color-ink,#1b1c19);--learning-muted:var(--color-ink-secondary,#39423c);container:workshop/inline-size;display:grid;gap:1rem;min-width:0;padding:0 clamp(1rem,3vw,1.3rem) clamp(1rem,3vw,1.3rem);border:1px solid var(--learning-edge);border-radius:var(--radius-surface,1rem);background:var(--learning-card);color:var(--learning-text)}.learning-workshop ::selection{color:var(--learning-surface);background:var(--learning-ink)}.learning-workshop :is(button,input,select):focus-visible{outline:3px solid var(--learning-ink);outline-offset:3px}.learning-workshop :is(h2,h3,p){margin:0}.learning-workshop p{line-height:1.65;max-width:70ch}.learning-workshop h3{font-size:1.0625rem;line-height:1.6}.learning-workshop .learning-button{white-space:normal;width:fit-content}.learning-workshop .learning-button:hover:not(:disabled){border-color:var(--learning-ink)}.learning-workshop button:disabled{opacity:.55;cursor:not-allowed}.workshop-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.workshop-heading h2{font-size:1.125rem;line-height:1.4}.learning-workshop>.workshop-heading{align-items:baseline;padding:.9rem 0 .6rem;border-bottom:2px solid var(--color-forest-900,#14382b)}.learning-workshop>.workshop-heading h2{font-size:1.3rem;font-weight:800;letter-spacing:-.01em;color:var(--color-forest-950,#102b22)}.workshop-kicker{order:3;margin-left:auto;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--color-earth-700,#6a452b)}.workshop-note{font-size:.875rem;color:var(--learning-muted)}.workshop-choices{display:grid;gap:.5rem;margin:0;padding:0;border:0;min-width:0}.workshop-choices legend{padding:0 0 .5rem;font-weight:700}.workshop-choices label{display:flex;gap:.7rem;align-items:center;min-height:48px;padding:.55rem .85rem;border:1px solid var(--learning-edge);border-radius:var(--radius-control,.75rem);background:var(--learning-surface);cursor:pointer}.workshop-choices label:hover{border-color:var(--learning-ink)}.workshop-choices label[data-selected=true]{border-color:var(--learning-ink);background:var(--color-sage-200,#d4ead8);box-shadow:inset 0 0 0 1px var(--learning-ink)}.workshop-choices input{margin:0;width:18px;height:18px;accent-color:var(--learning-ink);flex-shrink:0}.workshop-choices label>span{min-width:0;overflow-wrap:anywhere;line-height:1.6}.learning-workshop .workshop-primary{background:var(--learning-ink);color:var(--learning-surface);border-color:var(--learning-ink)}.learning-workshop .workshop-primary:hover:not(:disabled){background:var(--color-forest-950,#102b22)}.learning-workshop .workshop-ghost{border-color:transparent;background:transparent;padding-inline:.4rem;text-decoration:underline;text-underline-offset:3px}.learning-workshop .workshop-ghost:hover:not(:disabled){border-color:transparent;background:var(--learning-soft)}.workshop-feedback{display:grid;gap:.5rem;padding-block:.5rem}.workshop-aside{display:grid;gap:.3rem;padding:.8rem 1rem;border-radius:var(--radius-control,.75rem);background:var(--color-paper-100,#f3efe6)}.workshop-aside h3{font-size:.95rem}.learning-workshop .workshop-aside p{font-size:.95rem;line-height:1.55;color:var(--learning-muted)}.workshop-controls{display:grid;gap:1rem;min-width:0}.workshop-control{display:grid;gap:.35rem}.workshop-control label{display:flex;justify-content:space-between;align-items:center;gap:.75rem;font-weight:700}.workshop-control input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--learning-ink)}.workshop-stepper{display:flex;align-items:center;gap:.6rem}.workshop-stepper .learning-button{min-width:44px;min-height:44px}.workshop-control output{min-width:3rem;text-align:right;font-variant-numeric:tabular-nums}.learning-workshop .workshop-control output{min-width:3.2em;padding:.1em .5em;border-radius:.5rem;background:var(--learning-soft);color:var(--learning-ink);text-align:center}.learning-workshop .workshop-stepper .learning-button{width:44px;padding:0;font-size:1.15rem}.learning-workshop .workshop-control input[type=range]{flex:1;min-width:0;height:44px;background:transparent;-webkit-appearance:none;appearance:none}.learning-workshop .workshop-control input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--learning-ink) var(--fill,50%),var(--learning-surface) var(--fill,50%));box-shadow:inset 0 0 0 1px var(--learning-edge)}.learning-workshop .workshop-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border:3px solid var(--learning-ink);border-radius:50%;background:var(--learning-surface);box-shadow:0 1px 3px rgb(16 43 34/30%)}.learning-workshop .workshop-control input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--learning-surface);box-shadow:inset 0 0 0 1px var(--learning-edge)}.learning-workshop .workshop-control input[type=range]::-moz-range-progress{height:8px;border-radius:4px;background:var(--learning-ink)}.learning-workshop .workshop-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid var(--learning-ink);border-radius:50%;background:var(--learning-surface)}.workshop-plot{width:100%;height:auto;max-height:24rem;overflow:visible}.learning-workshop .workshop-plot{border:1px solid color-mix(in srgb,var(--color-sage-500,#7fae83) 45%,transparent);border-radius:var(--radius-control,.75rem);background:var(--learning-surface)}.learning-workshop .workshop-stage-group,.learning-workshop .workshop-stage-paper,.learning-workshop :is(div,figure).workshop-stage{min-width:0;padding:.8rem;border:1px solid var(--notebook-edge,rgb(127 174 131/55%));border-radius:var(--radius-control,.75rem);background-color:var(--notebook-surface,#fffdf9);background-image:var(--notebook-squares);background-position:-1px -1px;background-size:var(--notebook-cell,1.125rem) var(--notebook-cell,1.125rem)}.learning-workshop .workshop-stage-group .workshop-stage{padding:0;border:0;background:none}.workshop-vector-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .75rem;margin:.5rem 0 1rem;padding:0;list-style:none;font-size:.875rem;line-height:1.4}.workshop-vector-key li{display:flex;align-items:center;gap:.5rem}.workshop-vector-key svg{flex-shrink:0}.workshop-equation{font-size:clamp(1.2rem,4vw,1.7rem);text-align:center;padding-block:.5rem;color:var(--color-forest-950,#102b22)}.learning-inline-math{display:inline-block;max-width:100%;vertical-align:baseline}.learning-inline-math .katex{white-space:normal}.learning-math-glue{white-space:nowrap}.learning-math-glue>.learning-inline-math{white-space:normal}.workshop-layout{display:grid;gap:1rem}@container workshop (min-width: 700px){.workshop-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1.5rem;align-items:start}.workshop-layout>.workshop-controls{padding-left:1.4rem;border-left:1px dashed var(--learning-edge)}}@media (max-width:699px){.workshop-layout>.workshop-stage-group{display:contents}}.workshop-stage-scope{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}@media (max-width:699px){.workshop-stage-scope>.workshop-layout{display:contents}}@media (max-width:699px) and (min-height:600px){.workshop-stage{position:sticky;top:calc(var(--mobile-curriculum-header-height, 0px) + .5rem);z-index:2;background-color:var(--learning-card,var(--learning-soft));box-shadow:0 -.5rem 0 .5rem var(--learning-card,var(--learning-soft)),0 .5rem .5rem -.5rem var(--learning-card,var(--learning-soft))}:is(.workshop-stage.workshop-plot,.workshop-stage .workshop-plot){max-height:min(24rem,38vh)}}.workshop-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.workshop-readout{display:grid;align-content:start;gap:.15rem;min-width:0;padding:.75rem .9rem;border:1px solid var(--notebook-edge,rgb(127 174 131/55%));border-radius:var(--radius-control,.75rem);background:var(--learning-surface)}.workshop-readout-label{display:flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-muted,#566257)}.workshop-readout-label i{width:10px;height:10px;border-radius:3px;background:var(--color-earth-700,#6a452b)}.workshop-readout[data-marker=observed] .workshop-readout-label i{border-radius:50%;background:var(--learning-ink)}.workshop-readout-value{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--color-forest-950,#102b22)}.workshop-readout-detail{font-size:.86rem;line-height:1.5;color:var(--learning-muted)}.workshop-readout-detail .katex{font-size:1.15em}.workshop-meter{position:relative;height:34px;margin:.2rem .4rem 0}.workshop-meter-track{position:absolute;inset:12px 0 auto;height:8px;border-radius:4px;background:var(--learning-surface);box-shadow:inset 0 0 0 1px var(--learning-edge)}.workshop-meter-mark{position:absolute;top:4px;width:0;transition:left .35s var(--ease-feedback,ease)}.workshop-meter-mark:before{content:"";position:absolute;left:-2px;top:0;width:4px;height:24px;border-radius:2px;background:var(--color-earth-700,#6a452b)}.workshop-meter-mark[data-marker=observed]:before{left:-9px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--learning-ink);box-shadow:0 0 0 3px var(--learning-surface)}.workshop-meter-ticks{position:absolute;inset:26px 0 auto;display:flex;justify-content:space-between;font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--color-ink-muted,#566257)}.workshop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.workshop-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem}.workshop-die{display:block;width:20px;height:20px;flex:0 0 auto}.workshop-die rect{fill:var(--learning-surface);stroke:var(--learning-ink);stroke-width:1.4}.workshop-die circle{fill:var(--learning-ink)}.workshop-dice{display:flex;gap:3px;flex:0 0 auto}@container workshop (max-width: 420px){.workshop-readouts{grid-template-columns:minmax(0,1fr)}.workshop-readout-value{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.workshop-meter-mark{transition:none}}