.stp-section{padding:var(--spacing-20) 0;color:var(--colors-fg-default);background:var(--colors-bg-default)}.stp-section :where(p,h2,h3,figure,blockquote){margin:0}.stp-section [hidden]{display:none}.stp-container{width:100%;max-width:1120px;padding-inline:var(--spacing-8);margin-inline:auto}.stp-intro{text-align:center;margin:0 auto var(--spacing-10);max-width:760px}.stp-eyebrow{color:var(--colors-amber-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-bold);line-height:1.5}.stp-intro h2{margin-top:var(--spacing-4);font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-5xl);font-weight:var(--font-weights-extrabold);letter-spacing:var(--letter-spacings-tight);line-height:1.12;text-wrap:balance}.stp-intro h2 :where(span){display:block;color:var(--colors-amber-11)}.stp-scene{--stp-path:1;--stp-focus:1;--stp-attachment:1;--stp-outline:1;--stp-leaves:1;--stp-inputs:1;--stp-transfer:1;--stp-arrival:1;--stp-settle:1;position:relative;isolation:isolate}.stp-connections{position:absolute;top:0;left:0;z-index:-1;overflow:visible;pointer-events:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.stp-path-planned,.stp-path-taught{stroke:var(--colors-border-default);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-path))}.stp-path-focus{stroke:var(--colors-amber-8);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-attachment))}.stp-transfer-track{stroke:var(--colors-border-subtle)}.stp-transfer-ink{stroke:var(--colors-amber-9);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-transfer))}.stp-objectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--spacing-10);gap:var(--spacing-10);align-items:start;list-style:none;padding:0 var(--spacing-6);margin:0 0 var(--spacing-12)}.stp-objective{min-width:0}.stp-objective:nth-child(2){padding-top:var(--spacing-6)}.stp-objective-button.button--variant_secondary{--btn-edge:var(--colors-accent-5);background:var(--colors-accent-2);color:var(--colors-accent-text)}.stp-objective-button.button--variant_secondary[aria-pressed=true]{--btn-edge:var(--colors-accent-default);background:var(--colors-accent-3);color:var(--colors-accent-text)}@media (hover:hover){.stp-objective-button.button--variant_secondary:hover{--btn-edge:var(--colors-accent-8);background:var(--colors-accent-3)}.stp-objective-button.button--variant_secondary[aria-pressed=true]:hover{--btn-edge:var(--colors-accent-emphasized);background:var(--colors-accent-4)}}.stp-objective-button{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;height:auto;min-width:0;padding:var(--spacing-4) var(--spacing-3);white-space:normal;text-align:center}.stp-objective-face{display:grid;place-items:center;width:88px;height:54px;flex:none;color:var(--colors-accent-11);transition:color .15s ease}.stp-objective-face svg{width:84px;height:54px}.stp-objective-copy{display:grid;justify-items:center;grid-gap:var(--spacing-1);gap:var(--spacing-1);min-width:0}.stp-objective-name{font-size:var(--font-sizes-md);font-weight:var(--font-weights-semibold);line-height:1.4}.stp-objective-status{color:var(--colors-accent-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-normal);line-height:1.5}.stp-figure-main{stroke:currentColor}.stp-figure-secondary{stroke:var(--colors-border-default)}.stp-figure-point{stroke:currentColor;fill:var(--colors-bg-default)}.stp-objective-face :where(path,circle),.stp-task-figure :where(path,circle),.stp-warmup-figure :where(path,circle){stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.stp-objective-button[aria-pressed=true] .stp-objective-face{color:var(--colors-accent-text)}.stp-objective-face .stp-figure-secondary{stroke:var(--colors-accent-8)}.stp-objective-face .stp-figure-point{fill:var(--colors-accent-2)}.stp-objective-button[aria-pressed=true] .stp-figure-secondary{stroke:currentColor}.stp-objective-button[aria-pressed=true] .stp-figure-main{stroke-dasharray:180;stroke-dashoffset:calc(180 * (1 - var(--stp-focus)))}.stp-objective-button:hover .stp-objective-face{color:var(--colors-accent-text)}.stp-workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);grid-gap:var(--spacing-12);gap:var(--spacing-12);align-items:center;max-width:980px;margin-inline:auto}.stp-material{position:relative;min-width:0;background:var(--colors-bg-default);border-width:2px}.stp-attachment-port,.stp-transfer-port{position:absolute;z-index:2;width:10px;height:10px;border:2px solid var(--colors-amber-8);border-radius:var(--radii-full);background:var(--colors-bg-default);pointer-events:none}.stp-attachment-port{top:-6px;left:calc(50% - 5px)}.stp-transfer-out{right:-6px;top:calc(50% - 5px)}.stp-transfer-in{left:-6px;top:calc(50% - 5px)}.stp-material-outline{position:absolute;inset:0;overflow:visible;pointer-events:none;opacity:calc(1 - var(--stp-settle))}.stp-material-outline rect{stroke:var(--colors-amber-9);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-outline))}.stp-material-heading{padding:var(--spacing-5) var(--spacing-6) 0}.stp-suggestion-label{display:flex;align-items:center;gap:var(--spacing-2);color:var(--colors-amber-11);font-size:var(--font-sizes-sm);line-height:1.5}.stp-material-heading h3{margin-top:var(--spacing-2);font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-bold);line-height:1.3}.stp-garden{position:relative;aspect-ratio:460/370;margin-top:var(--spacing-2)}.stp-botany{display:block;width:100%;height:100%;overflow:visible}.stp-botany :where(path,circle){stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.stp-verdant-art-character{position:absolute;width:46%;height:auto;left:-2%;bottom:0;pointer-events:none;transform:translateY(calc(6px * (1 - var(--stp-outline))))}.stp-verdant-art,.stp-verdant-art-vector{display:block;width:100%;height:auto;aspect-ratio:1145/1374}.stp-verdant-art-layer{position:absolute;inset:0}.stp-verdant-art-character[data-ready=true] .stp-verdant-art{opacity:0}.stp-verdant-art-playback{position:absolute;right:0;bottom:0;min-width:40px;min-height:40px;pointer-events:auto}.stp-soil{fill:var(--colors-amber-3);fill-opacity:var(--stp-outline);stroke:var(--colors-amber-7);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-outline))}.stp-roots{stroke:var(--colors-amber-10);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-outline))}.stp-botany .stp-stem{stroke:var(--colors-grass-9);stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-outline))}.stp-leaf{opacity:var(--leaf-open);transform:scale(calc(.65 + .35 * var(--leaf-open)))}.stp-leaf-one{--leaf-open:clamp(0,calc(var(--stp-leaves) * 3),1);transform-origin:302px 230px}.stp-leaf-two{--leaf-open:clamp(0,calc(var(--stp-leaves) * 3 - 1),1);transform-origin:305px 180px}.stp-leaf-three{--leaf-open:clamp(0,calc(var(--stp-leaves) * 3 - 2),1);transform-origin:305px 145px}.stp-leaf-fill{fill:var(--colors-grass-9);stroke:var(--colors-grass-10)}.stp-leaf-two .stp-leaf-fill{fill:var(--colors-grass-8)}.stp-leaf-three .stp-leaf-fill{fill:var(--colors-grass-7)}.stp-leaf-vein{stroke:var(--colors-grass-12);opacity:.7;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--leaf-open))}.stp-sun-disc{fill:var(--colors-amber-4);stroke:var(--colors-amber-9)}.stp-sun-rays{stroke:var(--colors-amber-9)}.stp-resource,.stp-sun-rays{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--stp-inputs))}.stp-light-path{stroke:var(--colors-amber-9)}.stp-water-drop{fill:var(--colors-blue-4)}.stp-water-drop,.stp-water-path{stroke:var(--colors-blue-9)}.stp-air-path{stroke:var(--colors-grass-10)}.stp-food-mark{fill:var(--colors-amber-4);stroke:var(--colors-amber-9);opacity:calc(var(--stp-inputs) * (1 - var(--stp-settle)));transform-origin:336px 190px;transform:scale(calc(.75 + .25 * var(--stp-inputs)))}.stp-plant-label{position:absolute;color:var(--colors-fg-muted);font-size:var(--font-sizes-sm);line-height:1.5;pointer-events:none}.stp-label-light{top:3%;left:69%}.stp-label-air{top:50%;right:0}.stp-label-water{bottom:15%;left:38%}.stp-mini-sun{fill:var(--colors-amber-4);stroke:var(--colors-amber-9)}.stp-mini-soil{fill:var(--colors-amber-3);stroke:var(--colors-amber-7)}.stp-mini-stem{stroke:var(--colors-grass-9)}.stp-mini-leaf{fill:var(--colors-grass-9);stroke:var(--colors-grass-10)}.stp-mini-vein{stroke:var(--colors-grass-12)}.stp-next-lesson{min-width:0}.stp-next-heading{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.stp-plan-book{width:44px;height:44px;flex:none}.stp-plan-book img{display:block;width:100%;height:100%}.stp-label{font-size:var(--font-sizes-sm);line-height:1.5;color:var(--colors-fg-muted)}.stp-next-heading h3{font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-2xl);font-weight:var(--font-weights-bold);line-height:1.25;margin-top:var(--spacing-1)}.stp-plan-sequence{padding:0;margin:0;list-style:none}.stp-warmup{position:relative;padding:var(--spacing-4);border:2px dashed var(--colors-border-default);border-radius:var(--radii-xl);background:var(--colors-bg-default)}.stp-warmup-figure{min-width:0;height:84px;display:grid;place-items:center;opacity:var(--stp-arrival);transform:translateY(calc(10px * (1 - var(--stp-arrival))))}.stp-warmup-figure svg{display:block;width:100%;max-width:176px;height:84px}.stp-warmup-copy{margin-top:var(--spacing-2)}.stp-step-label{font-size:var(--font-sizes-sm);line-height:1.5;color:var(--colors-fg-muted)}.stp-plan-title{margin-top:var(--spacing-1);font-size:var(--font-sizes-md);font-weight:var(--font-weights-semibold);line-height:1.45}.stp-next-task{position:relative;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0 0;margin-top:var(--spacing-5)}.stp-sequence-stem{position:absolute;top:calc(-1 * var(--spacing-5));left:25px;width:2px;height:var(--spacing-8);background:var(--colors-border-default)}.stp-task-figure{position:relative;display:grid;place-items:center;width:52px;height:52px;flex:none;border:2px solid var(--colors-border-subtle);border-radius:var(--radii-lg);background:var(--colors-bg-default);color:var(--colors-fg-muted)}.stp-task-figure svg{width:44px;height:36px}.stp-scene:where([data-preview]) .stp-warmup{border-style:solid;border-color:var(--colors-amber-8);background:var(--colors-amber-2)}.stp-scene:where([data-preview]) .stp-sequence-stem{background:var(--colors-amber-8)}.stp-scene:where([data-preview-touched][data-preview]) .stp-warmup{animation:stp-proposal-settle .42s ease-out both}.stp-scene:where([data-preview-touched][data-preview]) .stp-transfer-ink{animation:stp-proposal-connect .42s ease-out both}.stp-scene:where([data-preview-touched]:not([data-preview])) .stp-warmup{animation:stp-proposal-return .22s ease-out both}.stp-actions{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-6)}.stp-preview-button{min-height:48px;min-width:0;height:auto;padding-block:var(--spacing-3);white-space:normal;gap:var(--spacing-3)}.stp-details-toggle{min-height:44px;height:auto;white-space:normal;gap:var(--spacing-2)}.stp-section button>svg{flex:none}.stp-details{margin-top:var(--spacing-6);padding:var(--spacing-6);background:var(--colors-bg-default)}.stp-details-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:var(--spacing-8);gap:var(--spacing-8)}.stp-evidence h3{font-size:var(--font-sizes-lg);font-weight:var(--font-weights-semibold);line-height:1.4;margin-top:var(--spacing-2)}.stp-reading{font-size:var(--font-sizes-md);line-height:1.6;margin-top:var(--spacing-3)}.stp-responses{display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-top:var(--spacing-5);padding-top:var(--spacing-4);border-top:2px solid var(--colors-border-subtle)}.stp-responses figcaption{font-size:var(--font-sizes-sm);color:var(--colors-fg-muted);line-height:1.5;margin-bottom:var(--spacing-1)}.stp-responses blockquote{font-size:var(--font-sizes-md);line-height:1.6}.stp-note-editor label{display:block;font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);line-height:1.5;margin-bottom:var(--spacing-2)}.stp-note-field{min-height:108px;resize:vertical;line-height:1.6}.stp-note-editor>p{margin-top:var(--spacing-2)}.stp-note-editor .stp-current-plan{display:grid;grid-gap:var(--spacing-1);gap:var(--spacing-1);font-size:var(--font-sizes-sm);line-height:1.5;color:var(--colors-fg-muted);border-top:2px solid var(--colors-border-subtle);margin-top:var(--spacing-5);padding-top:var(--spacing-4)}.stp-current-plan span{color:var(--colors-fg-default);font-weight:var(--font-weights-medium)}.stp-example-caption{text-align:center;font-size:var(--font-sizes-sm);line-height:1.5;color:var(--colors-fg-muted);margin-top:var(--spacing-4)}.stp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes stp-proposal-connect{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes stp-proposal-settle{0%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes stp-proposal-return{0%{background:var(--colors-amber-2)}to{background:var(--colors-bg-default)}}.stp-scene:where([data-document-visible=false]) :where(.stp-warmup,.stp-transfer-ink){animation-play-state:paused}@media (max-width:760px){.stp-section{padding-block:var(--spacing-16)}.stp-container{padding-inline:var(--spacing-5)}.stp-intro h2{font-size:var(--font-sizes-4xl)}.stp-objectives{gap:var(--spacing-4);padding-inline:0}.stp-workbench{gap:var(--spacing-10);grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.stp-material-heading{padding:var(--spacing-5) var(--spacing-4) 0}.stp-material-heading h3{font-size:var(--font-sizes-xl)}.stp-warmup{padding:var(--spacing-3)}.stp-details-grid{gap:var(--spacing-5)}}@media (max-width:540px){.stp-container{padding-inline:var(--spacing-4)}.stp-intro{margin-bottom:var(--spacing-7)}.stp-intro h2{font-size:var(--font-sizes-3xl)}.stp-objectives{gap:var(--spacing-2);margin-bottom:var(--spacing-12)}.stp-objective:nth-child(2){padding-top:var(--spacing-4)}.stp-objective-button{padding:var(--spacing-3) var(--spacing-1);gap:var(--spacing-1)}.stp-objective-face{width:64px;height:48px}.stp-objective-face svg{width:62px;height:42px}.stp-objective-name{font-size:var(--font-sizes-sm)}.stp-objective-status{font-size:var(--font-sizes-xs)}.stp-workbench{grid-template-columns:1fr;gap:var(--spacing-10)}.stp-material-heading{padding-top:var(--spacing-4)}.stp-transfer-out{right:auto;top:auto;bottom:-6px;left:calc(50% - 5px)}.stp-transfer-in{left:calc(50% - 5px);top:-6px}.stp-next-lesson{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:var(--spacing-4);gap:var(--spacing-4);align-items:center}.stp-next-heading{grid-column:2;grid-row:1;margin-bottom:0;gap:var(--spacing-2)}.stp-next-heading h3{font-size:var(--font-sizes-xl)}.stp-plan-book{width:32px;height:32px}.stp-plan-sequence{display:contents}.stp-warmup{grid-column:1;grid-row:1/span 2;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.stp-warmup-figure,.stp-warmup-figure svg{height:62px}.stp-warmup-copy{margin-top:var(--spacing-1)}.stp-step-label{font-size:var(--font-sizes-xs)}.stp-plan-title{font-size:var(--font-sizes-sm)}.stp-next-task{grid-column:2;grid-row:2;display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);margin:0;padding:0}.stp-task-figure{width:46px;height:44px}.stp-sequence-stem{left:calc(-1 * var(--spacing-4));top:23px;width:var(--spacing-4);height:2px}.stp-details{padding:var(--spacing-4)}.stp-details-grid{grid-template-columns:1fr}.stp-actions{grid-column:1/-1;grid-row:3;margin-top:var(--spacing-2)}.stp-preview-button{flex:1 1}}@media (max-width:360px){.stp-objectives{grid-template-columns:1fr;padding-left:var(--spacing-4)}.stp-objective:nth-child(2){padding-top:0}.stp-objective-button{flex-direction:row;justify-content:start;gap:var(--spacing-3);padding:var(--spacing-2);text-align:start}.stp-objective-copy{justify-items:start}.stp-plan-book{display:none}}@media (prefers-reduced-motion:reduce){.stp-section *,.stp-section :after,.stp-section :before{transition-duration:0s}.stp-scene .stp-transfer-ink,.stp-scene .stp-warmup{animation:none}}@media (forced-colors:active){.stp-botany :where(path),.stp-connections path{stroke:CanvasText}.stp-objective-button.button--variant_secondary[aria-pressed=true],.stp-objective-button.button--variant_secondary[aria-pressed=true]:hover{--btn-edge:Highlight;border-color:Highlight}.stp-objective-button[aria-pressed=true] .stp-objective-face{color:Highlight}}