.lesson-preview{display:grid;grid-template-columns:1fr 410px;gap:90px;align-items:center;padding:38px 0 64px;max-width:1100px}.lesson-intro h1{font-size:clamp(42px,4.2vw,62px)}.lesson-intro>p{max-width:42ch;color:#c3cde5;font-size:19px;line-height:1.6}.experience-list{list-style:none;padding:0;margin:35px 0;display:grid;gap:22px;font-size:16px;color:#bdc5e0}.experience-list strong{display:block;color:#ffe27a;font-size:21px;margin-bottom:3px}.lesson-intro .prototype-note{font-size:13px;max-width:48ch;line-height:1.7;color:#a6b2d1}.science-source{font-size:12px;color:#cad2e5}body.photosynthesis-page .lesson-phone{width:400px;transform:none;margin:auto;border-radius:41px}body.photosynthesis-page .lesson-phone:hover{transform:none}body.photosynthesis-page .lesson-phone .lesson-app{position:relative;aspect-ratio:auto;height:820px;overflow-y:auto;overflow-x:hidden;border-radius:33px;background:#f1f8ef;color:#193c2b;padding:10px 19px 18px;scrollbar-width:thin;scrollbar-color:#b0c9ad #f1f8ef;color-scheme:light}.lesson-app button,.lesson-app a{touch-action:manipulation}.lesson-app :focus-visible{outline:3px solid #8b5804;outline-offset:3px}.lesson-app [hidden]{display:none!important}.lesson-top{display:flex;justify-content:space-between;align-items:center;height:43px;color:#47604d;font-size:12px;font-weight:800}.lesson-top a,.lesson-top button{display:grid;place-items:center;width:38px;min-height:38px;border:0;background:transparent;color:#244f35;text-decoration:none;font-size:24px}.lesson-app h2{font:600 29px/1.12 Fredoka,sans-serif;letter-spacing:-.02em;margin:14px 0 19px;text-wrap:balance}.lesson-modes{display:flex;padding:4px;background:#dfeadb;border-radius:12px;gap:3px}.lesson-modes button{flex:1;border:0;min-height:40px;border-radius:9px;color:#47604d;background:transparent;font-size:13px;font-weight:900}.lesson-modes button[aria-pressed=true]{background:#244f35;color:#fff;box-shadow:0 3px 7px #153f2818}.science-diagram{margin:17px -7px 15px;position:relative}.science-diagram svg{width:100%;display:block;overflow:visible}.science-diagram text{font:800 11px Nunito,sans-serif;fill:#244f35}.science-diagram .molecule-label{font-size:18px;font-weight:900}.science-diagram .small-label{font-size:10px;fill:#48634d}.science-diagram .sugar-label{font-size:10px;fill:#69440c}.science-diagram .leaf-label{font-size:10px;fill:#f3ffe7;letter-spacing:1px}.flow-line{fill:none;stroke-width:3;stroke-dasharray:5 6;animation:flow 1.6s linear infinite}.diagram-status{font-size:11px;font-weight:900;text-align:center;color:#375a3e;background:#e3eddf;border-radius:9px;padding:9px 5px;margin:0 7px;line-height:1.5}.science-diagram[data-running=false] .products{opacity:.16}.science-diagram[data-running=false] .products .flow-line{animation-play-state:paused}.science-diagram[data-light=false] .light-node,.science-diagram[data-water=false] .water-node,.science-diagram[data-carbon=false] .carbon-node{opacity:.22}.science-diagram[data-light=false] .light-node .flow-line,.science-diagram[data-water=false] .water-node .flow-line,.science-diagram[data-carbon=false] .carbon-node .flow-line{animation-play-state:paused}.science-diagram[data-stage="0"] .light-node,.science-diagram[data-stage="1"] .water-node,.science-diagram[data-stage="2"] .carbon-node,.science-diagram[data-stage="3"] .products{filter:drop-shadow(0 3px 4px #254b271a)}.activity-panel{padding:3px 0}.activity-panel h3{font:600 20px/1.25 Fredoka,sans-serif;letter-spacing:-.01em;margin:10px 0}.activity-panel p{font-size:13px;line-height:1.6;margin:0;color:#48634d}.step-header{display:flex;align-items:center;justify-content:space-between;color:#496750;font-size:11px;font-weight:900}.step-header button{border:0;background:transparent;color:#244f35;min-height:36px;font-size:12px;font-weight:900;padding:5px 0 5px 14px}.step-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.step-controls>button:first-child{min-width:44px;min-height:44px;border:1px solid #b9cdb4;border-radius:11px;background:transparent;color:#244f35;font-size:20px}.step-controls>button:disabled{opacity:.4;cursor:default}#step-dots{display:flex;gap:5px}#step-dots i{width:6px;height:6px;border-radius:50%;background:#c2d3bd}#step-dots i.active{width:16px;background:#315f3d}.lesson-primary{border:0;border-radius:11px;background:#244f35;color:#fff;font-size:13px;font-weight:900;min-height:46px;padding:12px 21px}.lesson-primary:hover{background:#356646}.full-width{width:100%;margin-top:13px}.lesson-footnote{margin-top:18px;text-align:center;color:#5b715b;font-size:10px}.ingredient-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.ingredient-controls button{border:1px solid #a8c59f;background:#e3efde;color:#244f35;border-radius:11px;min-height:63px;padding:9px 4px;font-size:12px;font-weight:900}.ingredient-controls button span{display:block;margin-top:5px;font-size:10px;color:#48634d}.ingredient-controls button[aria-pressed=false]{background:#fff8f0;border-color:#c49d73;color:#84562d}.activity-panel .experiment-result{font-size:12px;min-height:58px}.question-count{font-size:11px;font-weight:900;color:#496750}.quiz-answers{display:grid;gap:7px;margin-top:14px}.quiz-answers button{border:1px solid #b4c9ad;border-radius:10px;background:#fff;color:#244f35;text-align:left;font-size:12px;font-weight:800;padding:12px;min-height:45px}.quiz-answers button:hover{background:#e4efdf}.quiz-answers button[data-result=wrong]{background:#fff0e7;border-color:#c78758}.quiz-answers button[data-result=correct]{background:#dcefd5;border-color:#477b3e}.quiz-answers button:disabled{cursor:default}.activity-panel .quiz-feedback{margin-top:12px;font-size:12px;color:#315f3d}.completion{text-align:center}.completion-mark{display:grid;place-items:center;width:45px;height:45px;margin:9px auto;background:#dcefd5;color:#315f3d;border-radius:50%;font-size:26px}.completion h3{font-size:24px}.photosynthesis-page[data-visible=false] .flow-line{animation-play-state:paused}@keyframes flow{to{stroke-dashoffset:-22}}@media(max-width:1050px){.lesson-preview{gap:35px;grid-template-columns:1fr 380px}body.photosynthesis-page .lesson-phone{width:380px}.lesson-intro h1{font-size:44px}.lesson-intro>p{font-size:17px}}@media(max-width:700px){body.photosynthesis-page{background:#f1f8ef;min-width:320px}.photosynthesis-page>.demo-header,.lesson-intro{display:none}.lesson-preview{display:block;width:100%;padding:0;margin:0;max-width:none}body.photosynthesis-page .lesson-phone{width:100%;max-width:480px;padding:0;background:none;box-shadow:none;border-radius:0}body.photosynthesis-page .lesson-phone .lesson-app{border:0;border-radius:0;height:auto;min-height:100svh;overflow:visible;padding:env(safe-area-inset-top,10px) 22px calc(20px + env(safe-area-inset-bottom,0px))}.lesson-top{height:51px}.lesson-app h2{font-size:31px;margin:14px 0 20px}.science-diagram{max-width:365px;margin:15px auto 12px}.lesson-footnote{padding-bottom:5px}body.photosynthesis-page .lesson-phone .side-key{display:none}}@media(prefers-reduced-motion:reduce){.flow-line{animation:none}}