@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--bg:#f7f7f5;--ink:#101b29;--muted:#67727d;--line:#e1e4e6;--deep:#101b29;--accent:#c6ff76;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a,button{touch-action:manipulation}a{color:inherit;text-underline-offset:3px}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #668c34;outline-offset:4px}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.2}h1{font-size:clamp(32px,4vw,54px);letter-spacing:-2.2px;margin:15px 0 20px;font-weight:800}h2{font-size:clamp(23px,2.4vw,32px);letter-spacing:-1.1px;margin:16px 0}h3{font-size:18px;letter-spacing:-.45px}p{margin:0 0 16px}svg{flex-shrink:0}input,select,textarea{max-width:100%}textarea{resize:vertical;min-height:110px}pre{white-space:pre-wrap;overflow-wrap:anywhere}::selection{background:var(--accent);color:var(--ink)}.shell{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;background:var(--deep);color:white;padding:31px 19px 22px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 42px}.brandicon{width:39px;height:39px;display:grid;place-items:center;background:var(--accent);color:var(--deep);border-radius:11px;flex-shrink:0}.brand strong{font-family:Manrope,Arial,sans-serif;letter-spacing:-.45px;font-size:15px;line-height:1.4}.brand strong span{font-weight:400;color:#c2ced7}.brand small{display:block;color:#a3b1be;letter-spacing:1.4px;font-size:8px;margin-top:4px}.eyebrow,.listHead,.sideLabel{font-weight:700;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.sideLabel{color:#a0aebb;padding:0 13px 13px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.nav{border:0;background:transparent;color:#bac5cf;padding:13px;border-radius:9px;display:flex;gap:11px;align-items:center;text-align:left;font-size:12px;font-weight:500;transition:background .15s,color .15s}.nav:hover{background:#1c2c3b;color:white}.nav.active{color:#eaffd0;background:#253645}.nav .chev{margin-left:auto;opacity:0}.nav.active .chev{opacity:1;color:var(--accent)}.sideFooter{margin-top:auto;padding:19px 15px 0;border-top:1px solid #31414e}.sideFooter small,.sideFooter span{display:block;color:#a2b2bf;font-size:10px}.sideFooter strong{display:block;margin:9px 0 13px;font-size:14px}.progress{height:5px;border-radius:8px;background:#3b4e5d;overflow:hidden;margin-bottom:10px}.progress div{height:100%;background:var(--accent);transition:width .25s}.main{max-width:1500px;width:100%;padding:0 44px 24px;margin:0 auto;min-width:0}.topbar{height:82px;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin-bottom:34px}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{font-size:12px;color:var(--muted);gap:10px}.breadcrumb strong{color:var(--ink);font-weight:500}.header,header{margin-bottom:31px}.header .eyebrow,header .eyebrow{color:#51742c}.intro{color:var(--muted);font-size:15px;max-width:670px;line-height:1.8}.hero{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:38px;gap:38px;align-items:center;padding:17px 0 37px;border-bottom:1px solid var(--line);margin-bottom:29px}.hero-copy h1{font-size:clamp(35px,3.6vw,54px);line-height:1.13;max-width:540px}.hero-copy h1 span{color:#718465}.hero-copy .intro{max-width:440px}.hero-copy .actions{margin-top:25px}.hero-art{margin:0;position:relative;min-width:0;overflow:hidden;border-radius:17px;background:#e1e1d4;aspect-ratio:1.12}.hero-art>img{width:100%;height:100%;object-fit:cover}.hero-art figcaption{position:absolute;bottom:14px;left:16px;right:16px;padding:8px 12px;border-radius:6px;background:rgba(16,27,41,.8);font-size:10px;letter-spacing:.3px}.hero-meta{display:flex;gap:18px;margin-top:23px;flex-wrap:wrap;color:var(--muted);font-size:11px}.hero-meta span{gap:5px}.hero-meta span,.section-head{display:flex;align-items:center}.section-head{justify-content:space-between;gap:15px;margin:20px 0}.section-head h2{font-size:24px;margin:0}.section-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.badge,.pill{gap:5px;background:#edf3e5;border:1px solid #dce7cf;border-radius:30px;padding:5px 10px;font-size:10px;letter-spacing:.5px;color:#456627}.badge,.icon-button,.pill,.primary,.secondary{display:inline-flex;align-items:center;font-weight:700}.icon-button,.primary,.secondary{border:1px solid transparent;border-radius:8px;padding:11px 16px;font-size:12px;gap:8px;justify-content:center;line-height:1.5;transition:background .15s,transform .15s}.primary{background:var(--deep);color:white}.primary:hover{background:#2c3f4d;transform:translateY(-1px)}.secondary{background:white;border-color:#d8dedf;color:#293941}.secondary:hover{background:#eef2e9;border-color:#bec8b7}.icon-button{padding:9px;background:white;border-color:var(--line);color:var(--ink)}.actions,.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:17px;gap:17px;margin:25px 0}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{font-family:Manrope,Arial,sans-serif;font-size:27px;letter-spacing:-1px;display:block}.stat span{color:var(--muted);font-size:12px}.learnLayout{display:grid;grid-template-columns:265px minmax(0,1fr);grid-gap:21px;gap:21px;align-items:flex-start}.challenge,.formPanel,.lab-card,.lessonContent,.lessonList,.output,.preset-card,.promptCard{border:1px solid var(--line);background:white;border-radius:var(--radius)}.lessonList{padding:15px 9px;overflow:hidden}.listHead{color:var(--muted);margin:9px 12px 14px}.lessonButton{background:none;border:0;display:flex;gap:10px;align-items:center;width:100%;padding:11px 10px;text-align:left;border-radius:8px;color:#53616d;line-height:1.45}.lessonButton:hover{background:#f4f6f1}.lessonButton.selected{background:#edf3e5;color:#223a20;font-weight:700}.lessonNumber{font-size:10px;color:#67727d;font-family:Manrope,Arial,sans-serif;min-width:19px}.lessonName{flex:1 1;font-size:11px}.done{color:#456b28;flex-shrink:0}.lessonContent{min-height:540px;padding:33px}.lessonContent h2{margin:18px 0 15px}.lead{font-size:17px;color:#566671;line-height:1.75}.rule{height:1px;background:var(--line);margin:26px 0}.lessonContent>p{line-height:1.85;color:#515e68}.key-points{padding-left:20px;color:#515e68;line-height:1.8}.key-points li{padding:5px 0}.exercise{background:#f1f5eb;border:1px solid #e2e9d8;padding:22px;border-radius:11px;margin:25px 0}.exercise .eyebrow{color:#456627}.exercise p{line-height:1.7;margin:9px 0 0;font-size:13px}.example-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px;margin:20px 0}.example-panel{padding:18px;border-radius:10px;background:#f6f7f5;border:1px solid var(--line)}.example-panel h3{font-size:13px;margin:0 0 10px}.example-panel p{font-size:12px;color:#52606b;line-height:1.8;margin:0}.quiz{margin:27px 0;padding:22px;background:#f8f9f7;border:1px solid var(--line);border-radius:11px}.quiz h3{font-size:15px;margin:0 0 15px}.quiz-options{display:grid;grid-gap:8px;gap:8px}.quiz-option{padding:12px 14px;background:white;border:1px solid #dce1e3;border-radius:8px;text-align:left;font-size:12px;line-height:1.6}.quiz-option:hover{border-color:#90a278}.quiz-option.correct{background:#edf5e4;border-color:#7e9d59}.quiz-option.incorrect{background:#fff1eb;border-color:#c97f65}.lesson-navigation{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line);margin-top:27px}.filters{display:flex;gap:12px;margin-bottom:22px}.search{display:flex;align-items:center;gap:9px;flex:1 1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 14px;color:#67727d}.search:focus-within{outline:2px solid #668c34;outline-offset:2px}.search input{width:100%;border:0;outline:0;padding:13px 0;background:transparent;font-size:13px}.challenge-note textarea,.filters select,.formPanel input,.formPanel select,.formPanel textarea{border:1px solid #d8dfe1;background:#fff;border-radius:8px;padding:11px;width:100%;color:var(--ink)}.filters select{width:190px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:17px;gap:17px}.promptCard{padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.promptCard h3{margin:18px 0 10px;font-size:17px}.promptCard p{line-height:1.8;font-size:12px;color:#586771;flex:1 1;overflow-wrap:anywhere}.card-footer{display:flex;gap:9px;flex-wrap:wrap;width:100%;align-items:center;margin-top:13px;padding-top:16px;border-top:1px solid var(--line)}.card-footer button{font-size:11px}.empty-state{border:1px dashed #b8c3c8;border-radius:var(--radius);padding:45px;text-align:center;color:var(--muted)}.builderLayout{display:grid;grid-template-columns:1fr 1fr;grid-gap:21px;gap:21px;align-items:flex-start}.formPanel,.output{padding:28px;min-width:0}.formPanel h3,.output h3{margin:0 0 18px}.formPanel label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}.formPanel input,.formPanel select,.formPanel textarea{display:block;margin-top:7px;font-weight:400;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 13px;gap:0 13px}.form-grid label:has(textarea){grid-column:1/-1}.output{background:#fcfdfb;position:-webkit-sticky;position:sticky;top:24px}.output pre{line-height:1.9;font-family:DM Sans,Arial,sans-serif;font-size:13px;color:#42545e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:18px 0 22px}.muted{font-size:11px;color:var(--muted);line-height:1.7}.challengeList{display:grid;grid-gap:13px;gap:13px}.challenge{display:flex;align-items:flex-start;padding:23px;gap:22px}.challengeNumber{font-size:29px;font-weight:800;color:#9cacaa;font-family:Manrope,Arial,sans-serif;line-height:1.1;min-width:39px}.challengeBody{flex:1 1;min-width:0}.challengeBody .eyebrow{color:#51742c}.challengeBody h3{margin:7px 0;font-size:17px}.challengeBody p{color:#586771;font-size:13px;margin:0;line-height:1.7}.challenge-note{margin-top:14px}.challenge-note summary{font-size:12px;cursor:pointer;color:#4c6540}.challenge-note textarea{margin-top:10px;min-height:82px;font-size:12px}.challenge-note label{font-size:12px;display:block;margin-top:10px}.comparison{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:white}.comparison-stage{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1.5;background:#d5d7c8;isolation:isolate}.comparison-stage>div>img,.comparison-stage>img{width:100%;height:100%;object-fit:cover}.comparison-stage>img{position:absolute;inset:0}.comparison-before{position:absolute;overflow:hidden}.comparison-before>img{max-width:none}.comparison-divider{position:absolute;top:0;bottom:0;width:2px;background:white;box-shadow:0 0 10px #101b2960;pointer-events:none}.comparison-divider:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;color:var(--ink);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:17px;box-shadow:0 3px 12px #101b2920}.comparison-label{position:absolute;top:14px;background:#101b29d9;color:white;padding:5px 9px;font-size:10px;border-radius:5px;z-index:2}.comparison-label:first-of-type{left:14px}.comparison-label:last-of-type{right:14px}.range-control{display:block;margin:18px 0 10px;font-size:12px;font-weight:600}.range-control input{display:block;accent-color:#51742c;margin-top:12px;cursor:ew-resize}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:23px 0}.lab-card{padding:23px;min-width:0}.lab-card h3{margin:10px 0;font-size:16px}.lab-card p{font-size:12px;color:#586771;line-height:1.8}.lab-card .eyebrow{color:#51742c}.lab-card ul{padding-left:17px;font-size:12px;color:#586771}.lab-card li{margin:6px 0}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.chip{border:1px solid var(--line);border-radius:30px;background:white;font-size:11px;padding:7px 11px;color:#52616b}.chip:hover{border-color:#9aa78a}.chip.selected{background:#e9f2de;border-color:#a9c582;color:#334e22}.preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px}.preset-card{padding:21px;min-width:0}.preset-card h3{font-size:16px;margin:12px 0}.preset-card p{font-size:12px;line-height:1.8;color:#586771}.preset-card .actions{margin-top:17px}.feedback{font-size:12px;color:#426823;line-height:1.7;margin-top:11px}.footer,footer{font-size:10px;color:#67727d;margin:47px 0 5px;padding-top:21px;border-top:1px solid var(--line);line-height:1.8;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer span,footer span{font-weight:400;letter-spacing:0}.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}.skip-link{position:fixed;top:-70px;left:15px;background:white;padding:12px 18px;color:var(--ink);z-index:100;border-radius:8px;box-shadow:0 3px 16px #101b2920}.skip-link:focus{top:15px}details{line-height:1.7}summary{cursor:pointer}progress{accent-color:#51742c;width:100%;height:7px;border-radius:5px}@media(min-width:1500px){.main{padding-left:60px;padding-right:60px}.hero{gap:55px}}@media(max-width:1160px){.sidebar{width:214px;padding-left:13px;padding-right:13px}.main{padding-left:28px;padding-right:28px}.hero{gap:25px}.hero-copy h1{font-size:39px}.learnLayout{grid-template-columns:230px minmax(0,1fr)}.lessonContent{padding:25px}.lab-grid,.preset-row{grid-template-columns:1fr 1fr}.formPanel,.output{padding:23px}}@media(max-width:960px){.hero{grid-template-columns:1.1fr 1fr;gap:18px}.hero-copy h1{font-size:33px;letter-spacing:-1.3px}.hero-copy .intro{font-size:13px}.hero-meta{gap:9px;font-size:10px}.hero-art{aspect-ratio:.85}.learnLayout{grid-template-columns:1fr}.lessonList{max-height:280px;overflow:auto}.builderLayout{grid-template-columns:1fr}.output{position:static}.lessonButton{padding:10px 13px}.lessonName{font-size:12px}.hero-copy .actions{gap:7px}.hero-copy .actions button{padding:10px 12px;font-size:11px}}@media(max-width:780px){.shell{display:block}.sidebar{width:auto;height:auto;position:static;padding:18px 17px 12px;overflow:visible}.brand{padding:0 0 18px}.brandicon{width:34px;height:34px;border-radius:9px}.brand strong{font-size:15px}.brand small{font-size:8px}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:4px;gap:4px;scrollbar-width:thin}.nav{white-space:nowrap;padding:10px 12px;flex-shrink:0;font-size:11px}.nav .chev,.sideFooter,.sideLabel{display:none}.main{padding:0 20px 22px}.topbar{height:65px;margin-bottom:26px}.breadcrumb{font-size:10px}.topbar .badge{font-size:9px}.hero{grid-template-columns:1fr 1fr;gap:23px;padding:4px 0 27px}.hero-copy h1{font-size:34px}.hero-art{aspect-ratio:.88}.hero-meta{margin-top:18px}.header,header{margin-bottom:25px}h1{font-size:36px;letter-spacing:-1.5px}.intro{font-size:14px}.lessonContent{padding:26px}.lessonList{max-height:245px}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:24px}.example-grid{grid-template-columns:1fr}.challenge{padding:20px;gap:15px}.challenge .actions{flex-shrink:0}.cards{gap:13px}.lab-card,.promptCard{padding:20px}.footer,footer{margin-top:34px}}@media(max-width:570px){.main{padding-left:17px;padding-right:17px}.topbar{gap:8px}.hero{grid-template-columns:1fr;gap:25px;padding-bottom:25px}.hero-copy h1{font-size:42px;letter-spacing:-1.9px;max-width:400px}.hero-copy .intro{font-size:14px;max-width:440px}.hero-art{aspect-ratio:1.35;max-height:330px}.hero-copy .actions button{padding:12px 16px;font-size:12px}.hero-meta{gap:14px;font-size:11px}.hero-art figcaption{font-size:9px}.section-head{align-items:flex-start}.section-head h2{font-size:22px}.section-head .secondary{padding:9px 11px;font-size:10px}.stats{gap:8px}.stat{padding:14px 11px}.stat strong{font-size:23px}.stat span{font-size:10px}.cards,.lab-grid,.preset-row{grid-template-columns:1fr}.filters{flex-direction:column;gap:10px}.filters select{width:100%}.search input{padding:12px 0}.lessonContent{padding:23px 19px;min-height:0}.lessonContent h2{font-size:26px}.lead{font-size:15px}.exercise,.quiz{padding:18px}.formPanel,.output{padding:22px 19px}.form-grid{grid-template-columns:1fr}.challenge{flex-wrap:wrap;gap:12px;padding:18px}.challengeNumber{font-size:25px;min-width:30px}.challengeBody{min-width:calc(100% - 50px)}.challenge>.actions,.challenge>button{margin-left:42px}.comparison{padding:14px}.comparison-stage{aspect-ratio:1.15}.comparison-label{top:10px;padding:4px 7px;font-size:9px}.comparison-label:first-of-type{left:10px}.comparison-label:last-of-type{right:10px}.toolbar{gap:7px}.toolbar .secondary{font-size:10px;padding:9px 11px}.empty-state{padding:28px 17px}.topbar .badge{max-width:130px;font-size:8px}.footer,footer{font-size:9px}.output pre{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}fieldset{margin:0;padding:0;border:0;min-width:0}.module-label{font-size:10px;color:var(--muted);font-weight:700;padding:16px 12px 7px}.sidebar-note{color:#9aacb9;font-family:Manrope,Arial,sans-serif;font-size:13px;padding:22px 14px 0;margin:0}.badge-dot{width:5px;height:5px;background:#456627;border-radius:50%}.toolbar{justify-content:space-between}.improved{background:#f1f5eb;border-color:#dbe6ce}.example-panel .eyebrow{display:block;margin-bottom:8px}.exercise button{margin-top:17px}.quiz-option{display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-result{font-size:12px;margin:14px 0 0}.template-editor{width:100%;margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.challenge label,.template-editor label{font-size:12px;font-weight:600;display:block}.challenge textarea,.template-editor textarea{width:100%;border:1px solid #d8dfe1;border-radius:8px;background:#fff;padding:12px;margin:8px 0;font-size:13px;color:var(--ink)}.saved-presets{margin-top:24px}.saved-presets details{margin-top:22px}.saved-presets details label{margin-top:16px}.preset-card>small{display:block;color:var(--muted);font-size:11px}.preset-card>strong{display:block;font-size:13px}.preset-card .actions{margin-top:12px}.challenge-summary{background:#edf3e5;padding:26px;border:1px solid #dce7cf;border-radius:16px;margin-bottom:25px}.challenge-summary h2{font-size:26px}.challenge-summary progress{width:100%;height:8px}.challenge.finished{border-color:#a6ba90}.challenge details{margin-top:16px;font-size:12px}.challengeList+button,.style-lab{margin-top:22px}.range-control span{margin-left:auto}.range-control{flex-wrap:wrap}.range-control input{width:100%;accent-color:#456627}.feedback{min-height:0;margin:0}.feedback.visible{padding:13px 16px;margin-bottom:20px;background:#edf3e5;border:1px solid #dce7cf;border-radius:8px;font-size:13px}.feedback:not(.visible){padding:0;border:0}.footer{display:flex;justify-content:space-between;gap:26px}.footer p{font-size:11px;max-width:620px;margin:6px 0 0;text-transform:none;letter-spacing:0}.footer>a{display:flex;align-items:center;gap:6px;white-space:nowrap;align-self:flex-start;font-size:11px}.progress::-webkit-progress-bar{background:#3b4e5d;border-radius:6px}.progress::-webkit-progress-value{background:var(--accent);border-radius:6px}.progress::-moz-progress-bar{background:var(--accent)}.comparison-label.before{left:14px}.comparison-label.after{right:14px}.comparison-divider>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:white;color:var(--deep)}h1:focus,h2:focus{outline:none}.comparison-stage img{width:100%;height:100%;object-fit:cover}.comparison-before{inset:0}.section-head .muted{margin-bottom:0}@media(max-width:780px){.sidebar-note{display:none}.footer{flex-direction:column;gap:18px}}@media(max-width:375px){.hero-copy h1{font-size:36px}.hero-copy .actions{align-items:stretch}.hero-copy .actions button{flex:1 1}.topbar .badge{display:none}.section-head .pill{white-space:nowrap}}.comparison-divider>span{display:none}.range-control{display:flex;align-items:center;gap:10px}.range-control input{flex-basis:100%}.lessonContent h2{scroll-margin-top:24px}.lab-grid>div{min-width:0}.lab-card p{max-width:70ch}.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;padding-top:12px;padding-bottom:40px}.hero-copy h1{font-size:clamp(38px,3.6vw,56px);letter-spacing:-2.3px;line-height:1.09}.hero-art{aspect-ratio:1.06;border-radius:18px;background:#e4e7e9;box-shadow:0 18px 40px -32px #101b2980}.hero-art img{object-position:center}.hero-art figcaption{background:#101b29e6;bottom:18px;left:18px;right:18px;padding:12px 14px;font-size:11px;line-height:1.6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-art figcaption strong{display:block;color:white;font-size:12px;margin-bottom:2px}.hero-art figcaption span{color:#d6e0e7}.preset-card{transition:border-color .15s,background .15s;text-align:left}button.preset-card:hover{border-color:#9aa78a;background:#f8fbf3}button.preset-card>svg:last-child{margin-top:12px}.source-panel{margin:32px 0 12px;padding:22px 25px;border:1px solid var(--line);border-radius:12px;background:#f0f2ee}.source-panel h3{margin:0 0 8px;font-size:15px}.source-panel p{max-width:85ch;color:#566671;font-size:12px;line-height:1.8}.source-panel details{margin-top:14px}.source-panel summary{font-size:12px;font-weight:700}.source-links{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:13px}.source-links a{font-size:11px;display:inline-flex;align-items:center;gap:6px;color:#31464f;-webkit-text-decoration-color:#a0adb1;text-decoration-color:#a0adb1}.source-links a:hover{-webkit-text-decoration-color:#31464f;text-decoration-color:#31464f}.lesson-section{margin:30px 0}.lesson-section>h3{margin:0 0 14px;font-size:17px}.lesson-section>p{color:#53616b;font-size:13px;line-height:1.85}.outcomes{list-style:none;padding:0;display:grid;grid-gap:10px;gap:10px;margin:16px 0 25px}.outcomes li{position:relative;padding:10px 13px 10px 31px;background:#f6f8f3;border:1px solid #e5ebdf;border-radius:7px;font-size:12px;color:#425541}.outcomes li:before{content:"✓";position:absolute;left:12px;color:#426823}.workflow-list{counter-reset:workflow;list-style:none;margin:16px 0;padding:0}.workflow-list li{counter-increment:workflow;position:relative;padding:4px 0 18px 37px;color:#53616b;font-size:13px;line-height:1.8}.workflow-list li:before{content:counter(workflow,decimal-leading-zero);position:absolute;left:0;top:3px;background:#edf1e9;width:26px;height:26px;display:grid;place-items:center;font-size:10px;font-weight:700;border-radius:6px;color:#4c6840}.workflow-list strong{color:var(--ink)}.rubric{background:#f7f8f6;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:18px 0}.rubric h4{margin:0 0 10px;font-size:13px}.rubric ul{margin:0;padding-left:18px;color:#53616b;font-size:12px;line-height:1.9}.rubric li+li{margin-top:5px}.rubric p{font-size:12px;margin-bottom:0;color:#53616b;line-height:1.8}.template-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:3px 0 15px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);width:100%}.template-meta span{display:inline-flex;align-items:center;gap:5px}.variable-list{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:10px 0 17px;list-style:none}.variable-list code,.variable-list li,.variable-list span{font-size:10px;border:1px solid #dce3d4;background:#f4f7ee;color:#47613a;border-radius:5px;padding:4px 8px;font-family:inherit}.template-checklist{margin:15px 0 0;padding:15px 0 0;border-top:1px solid var(--line);width:100%}.template-checklist h4{margin:0 0 8px;font-size:12px}.template-checklist ul{color:#566671;font-size:11px;line-height:1.8;margin:0;padding-left:17px}.promptCard details{width:100%}.promptCard summary{color:#465a42;font-size:12px;font-weight:600}.promptCard pre{border:1px solid var(--line);border-radius:9px;background:#f8f9f6;padding:16px;line-height:1.85;font-family:inherit;font-size:12px;color:#445661;width:100%}.studio-tabs{display:flex;gap:6px;padding:5px;margin:20px 0;width:-moz-fit-content;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:10px;background:#eef0ed;flex-wrap:wrap}.studio-tabs button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#566671;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:600}.studio-tabs button.active,.studio-tabs button[aria-selected=true]{color:var(--ink);background:white;box-shadow:0 1px 4px #101b2910}.brief-score{padding:20px;background:#f1f5eb;border:1px solid #dce7cf;border-radius:12px;margin:20px 0}.brief-score h3{font-size:14px;margin:0 0 13px}.brief-score>strong{font-family:Manrope,Arial,sans-serif;font-size:26px;display:block;line-height:1.3}.brief-score>p{font-size:11px;color:#526448;margin:8px 0 14px}.score-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #dce5d2;padding:9px 0;font-size:11px;color:#4c6243}.score-item strong{font-size:11px;font-weight:600}.studio-checklist{list-style:none;margin:18px 0;padding:0;display:grid;grid-gap:10px;gap:10px}.studio-checklist li{display:flex;align-items:flex-start;gap:10px;color:#53616b;font-size:12px;line-height:1.7}.studio-checklist input{accent-color:#547835;flex-shrink:0;width:15px;height:15px;margin:3px 0 0}.studio-checklist label{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:400;margin:0}.studio-checklist svg{margin-top:3px}.lab-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin:25px 0 35px}.lab-case{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;min-width:0;margin:0}.lab-case figure>img,.lab-case>img{width:100%;aspect-ratio:1.35;object-fit:cover}.lab-case figure{margin:0}.case-caption,.lab-case>div{padding:22px}.case-caption .eyebrow{color:#4c6b35}.case-caption h3{font-size:18px;margin:10px 0}.case-caption p,.case-caption ul{font-size:12px;color:#566671;line-height:1.8}.case-caption ul{padding-left:18px}.case-caption .actions{padding-top:10px}.lab-grid:has(.comparison){grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:start}.comparison-stage{aspect-ratio:1.4}.comparison-label{background:#101b29e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-weight:600;letter-spacing:.25px;padding:7px 10px}.comparison .muted{margin-bottom:0}.challenge-detail{margin-top:17px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:#52616b}.challenge-detail h4{font-size:12px;color:var(--ink);margin:0 0 8px}.challenge-detail ol,.challenge-detail ul{margin:7px 0 13px;padding-left:19px;line-height:1.9}.challenge-detail p{font-size:12px}@media(min-width:1500px){.hero-copy h1{font-size:60px}.hero{gap:55px}}@media(max-width:1160px){.hero{gap:26px}.hero-copy h1{font-size:40px;letter-spacing:-1.8px}.lab-grid:has(.comparison){grid-template-columns:1fr}}@media(max-width:960px){.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px}.hero-copy h1{font-size:35px;letter-spacing:-1.6px}.hero-art{aspect-ratio:.86}.hero-art figcaption{font-size:10px;padding:10px 12px;left:12px;right:12px;bottom:12px}.lab-case-grid{gap:15px}}@media(max-width:780px){.hero{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:36px}.hero-art{aspect-ratio:.88}.source-panel{padding:20px}.source-links{gap:9px 16px}.case-caption{padding:19px}}@media(max-width:570px){.hero{grid-template-columns:1fr;gap:24px;padding-top:4px}.hero-copy h1{font-size:42px;max-width:400px;line-height:1.09;letter-spacing:-1.8px}.hero-art{aspect-ratio:1.16;max-height:none}.hero-art figcaption{padding:11px 12px}.lab-case-grid{grid-template-columns:1fr}.case-caption{padding:21px}.comparison-stage{aspect-ratio:1.12}.source-panel{padding:18px}.source-links{flex-direction:column;align-items:flex-start;gap:12px}.studio-tabs{width:100%}.studio-tabs button{flex:1 1;padding:9px 11px;font-size:11px}.brief-score{padding:17px}.workflow-list li{padding-left:35px;font-size:12px}.outcomes li{font-size:11px}}@media(max-width:375px){.hero-copy h1{font-size:36px}}.lab-comparison-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr);grid-gap:22px;gap:22px;align-items:start}.lab-comparison-layout .comparison-stage{aspect-ratio:3/2}.lab-comparison-layout .lab-card h3{font-size:20px}.lab-comparison-layout .key-points{padding-left:18px}.lab-case-grid .case-caption h3{max-width:29ch}.lab-prompt-details{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.lab-prompt-details summary{font-size:12px;font-weight:600;color:#43563c}.lab-prompt-details pre{font-family:inherit;font-size:11px;color:#52616b;line-height:1.85;margin:16px 0 0}.lab-select-label{display:block;margin:18px 0 22px;font-size:11px;font-weight:600;color:#52616b}.lab-select-label select{display:block;width:100%;margin-top:7px;padding:11px 10px;border:1px solid #d8dfe1;border-radius:7px;background:white;font-weight:400;color:var(--ink);font-size:12px}.vocabulary-grid .rubric{padding:14px;margin-bottom:0}.vocabulary-grid .rubric p{font-size:11px}.vocabulary-grid .eyebrow{display:block;margin-bottom:8px}.lab-direction{position:static;margin:22px 0 38px;background:#f1f4ee}.lab-direction h3{margin:12px 0 0;font-size:19px}.lab-direction .section-head{margin-top:0}.lab-direction pre{font-size:12px}.lab-direction .muted{margin-bottom:0}.experiment-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin:22px 0}.experiment-card{text-align:left;border:1px solid var(--line);border-radius:11px;padding:19px;color:#52616b;background:white;transition:border-color .15s,background .15s}.experiment-card strong{display:block;margin-top:13px;font-size:12px;color:var(--ink)}.experiment-card small{display:block;font-size:10px;margin-top:6px}.experiment-card:hover{border-color:#95ab7d}.experiment-card.selected{background:#edf3e5;border-color:#8eaa71;color:#456627}.experiment-detail .formPanel>h3{margin-top:18px;font-size:22px}.experiment-detail .lesson-section{margin:22px 0}.experiment-detail h4{font-size:13px;margin:0 0 9px}.experiment-detail .lesson-section p{margin:0;font-size:12px}.experiment-detail .studio-checklist label{line-height:1.8}.experiment-detail .studio-checklist input{display:inline-block;width:15px;margin-top:4px}.experiment-detail .output{position:static}.experiment-detail .output pre{margin-top:10px}.experiment-detail .output .muted{margin:20px 0 0}@media (max-width:1160px){.lab-comparison-layout{grid-template-columns:1fr}.lab-comparison-layout .lab-card .key-points{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px 30px;gap:7px 30px}.experiment-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.lab-direction .section-head{flex-direction:column;align-items:flex-start}.lab-direction .actions{margin-top:10px}}@media (max-width:570px){.lab-comparison-layout .lab-card .key-points{display:block}.experiment-tabs{gap:9px}.experiment-card{padding:15px}.lab-direction{margin-bottom:30px}.lab-comparison-layout .comparison-label{font-size:8px;padding:5px 7px}.lab-comparison-layout .section-head{flex-wrap:wrap}}.editorial-note{max-width:85ch;margin-bottom:25px;color:#566671;font-size:13px;line-height:1.85}.source-panel.compact{padding:16px 0 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin:22px 0 0;width:100%}.source-panel.compact .eyebrow{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.source-panel.compact .source-links{margin-top:9px;gap:7px 14px}.source-panel.compact .source-links a{font-size:10px}.source-panel>.muted{margin:15px 0 0}.template-meta{align-items:center}.template-meta>.icon-button{margin-left:auto}.template-editor .variable-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding:17px 0 10px}.template-editor .variable-list legend{color:var(--ink);font-weight:600;font-size:12px}.template-editor .variable-list label{min-width:0;color:#566671;text-transform:capitalize;font-size:11px}.template-editor input{display:block;width:100%;border:1px solid #d8dfe1;border-radius:7px;padding:9px 10px;color:var(--ink);margin-top:6px;font-size:12px}.secondary.selected{color:#334e22;border-color:#a9c582;background:#e9f2de}@media (max-width:570px){.template-editor .variable-list{grid-template-columns:1fr}}.learning-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:26px;gap:26px;margin:4px 0 35px;padding:18px 0 29px;border-bottom:1px solid var(--line)}.learning-path>div{min-width:0}.learning-path .eyebrow{color:#597243;font-size:9px;letter-spacing:1.3px}.learning-path h3{font-size:17px;margin:11px 0 9px}.learning-path p{color:#67727d;font-size:12px;line-height:1.8;margin:0;max-width:33ch}.outcomes>h3{font-size:15px;margin:0 0 4px}.outcomes>ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.rubric>h3{font-size:14px;margin:0 0 12px}.lesson-section>summary{font-size:13px;font-weight:600;color:#445b3d}.lesson-section>ul{color:#53616b;font-size:12px;line-height:1.85;padding-left:19px}.lesson-section>label{display:block;margin:17px 0;font-size:12px;font-weight:600}.lesson-section textarea{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #d8dfe1;border-radius:8px;font-size:12px;color:var(--ink);background:white}.hero-art figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px 12px;color:white}.hero-art figcaption>span{flex-basis:100%;font-size:8px;letter-spacing:1.8px;color:#c6ff76}.hero-art figcaption>button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:5px;background:transparent;padding:4px 0;color:white;font-size:10px;font-weight:600;text-decoration:underline;text-underline-offset:4px;-webkit-text-decoration-color:#91a3b1;text-decoration-color:#91a3b1}.hero-art figcaption>button:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.builderLayout>.output{background:var(--deep);color:#f2f5f7;border-color:#233342}.builderLayout>.output h2{color:white}.builderLayout>.output pre{color:#d6e0e7;border-color:#334554}.builderLayout>.output .muted{color:#b0bec9}.builderLayout>.output .pill{background:#283b25;color:#c6ff76;border-color:#42553a}.builderLayout>.output .primary{color:#182818;background:var(--accent);border-color:var(--accent)}.builderLayout>.output .primary:hover{background:#d9ffab;border-color:#d9ffab}.builderLayout>.output .secondary{color:#e4edf3;background:#1d2d3c;border-color:#405160}.builderLayout>.output .secondary:hover{color:white;background:#2c4051;border-color:#64798a}.builderLayout>.output .eyebrow{color:#c6ff76}.studio-tabs button[aria-pressed=true]{color:var(--ink);background:white;box-shadow:0 1px 4px #101b2915;border-color:transparent}.studio-tabs button[aria-pressed=false]:hover{color:var(--ink);background:#e2e7dc}.builderLayout>.output .studio-tabs{background:#192a39;border-color:#344757}.builderLayout>.output .studio-tabs button{color:#b9c8d3;background:transparent;border-color:transparent}.builderLayout>.output .studio-tabs button[aria-pressed=true]{color:#162815;background:var(--accent);box-shadow:none}.builderLayout>.output .studio-tabs button[aria-pressed=false]:hover{background:#2b4051;color:white}.builderLayout>.output .source-panel.compact{border-color:#344757}.builderLayout>.output .source-panel.compact .eyebrow{color:#a8b9c6}.builderLayout>.output .source-links a{color:#d7eacb;-webkit-text-decoration-color:#6f8572;text-decoration-color:#6f8572}.builderLayout>.output .source-links a:hover{color:#c6ff76;-webkit-text-decoration-color:#c6ff76;text-decoration-color:#c6ff76}.builderLayout>.output a:focus-visible,.builderLayout>.output button:focus-visible{outline-color:var(--accent)}.studio-feedback:not(:empty){padding:13px 16px;background:#edf3e5;border:1px solid #dce7cf;border-radius:9px;color:#405b2c;font-size:12px;line-height:1.8;margin-bottom:22px}.studio-review{grid-template-columns:1fr 1fr;margin-top:27px}.studio-review .lab-card>label{display:block;font-size:12px;font-weight:600;color:#4c5e68;margin:17px 0}.studio-review .lab-card>label>input{display:block;width:100%;margin-top:7px;border:1px solid #d8dfe1;border-radius:8px;padding:11px 12px;background:white;color:var(--ink);font-size:12px;font-weight:400}.studio-review .studio-checklist label{padding:6px 0}.brief-score h4{font-size:13px;margin:0 0 7px}.score-item>span:first-child{display:flex;width:18px;flex-shrink:0}.score-item>span:nth-child(2){flex:1 1}.score-item small{font-size:10px}.preset-row+.builderLayout{margin-top:24px}.source-intro{max-width:850px;padding:5px 0 10px}.source-intro h2{font-size:30px;margin:18px 0}.source-intro p{color:#566671;font-size:14px;line-height:1.85}.source-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:17px;gap:17px;margin:28px 0}.source-directory .eyebrow{color:#597243;font-size:9px;line-height:1.8}.source-directory h3{font-size:18px;line-height:1.4;margin:13px 0}.source-directory h3 a{display:inline;-webkit-text-decoration-color:#b9c6b0;text-decoration-color:#b9c6b0}.source-directory h3 a svg{vertical-align:middle;margin-left:7px}.source-directory h3 a:hover{color:#3e6230;-webkit-text-decoration-color:#3e6230;text-decoration-color:#3e6230}.footer>.secondary{align-self:flex-start}@media (max-width:1160px){.learning-path{gap:20px}.hero-art figcaption{font-size:10px}}@media (max-width:780px){.learning-path{gap:17px}.learning-path .eyebrow{font-size:8px;letter-spacing:.8px}.learning-path h3{font-size:15px}.learning-path p{font-size:11px}}@media (max-width:570px){.learning-path{grid-template-columns:1fr;gap:19px;margin-bottom:26px;padding-top:3px;padding-bottom:26px}.learning-path>div+div{padding-top:19px;border-top:1px solid var(--line)}.learning-path p{max-width:44ch;font-size:12px}.learning-path h3{font-size:17px;margin-top:8px}.hero-art figcaption>button,.learning-path .eyebrow{font-size:9px}.source-directory,.studio-review{grid-template-columns:1fr}.source-intro h2{font-size:26px}.source-intro p{font-size:13px}}.outcomes li,.outcomes>ul,.workflow-list,.workflow-list>li{list-style:none}.workflow-list>li{display:block}.outcomes li::marker,.workflow-list>li::marker{content:""}.outcomes li:before{content:"";width:5px;height:5px;border-radius:50%;background:#648a47;top:17px;left:13px}@media (max-width:780px){.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}}