
:root{--ink:#253d33;--muted:#758076;--green:#345d49;--paper:#fafbf7;--line:#e4e8de}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b68b39;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.1px}h1{font-size:34px;line-height:1.25;margin:7px 0 9px}h2{font-size:36px;line-height:1.2}h3{font-size:17px;font-weight:600;line-height:1.4}h4{font-size:19px;font-weight:500}p{color:#6c776e;line-height:1.75}small{color:var(--muted);font-size:11px}svg{flex-shrink:0}.app{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;background:#f2f4ec;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:600;letter-spacing:-1px;line-height:1}.brandmark{background:#345d49;color:#edf2dd;border-radius:12px;padding:10px;transform:rotate(-8deg)}.brandmark svg{transform:rotate(8deg)}.brand-sub{display:block;font-size:9px;letter-spacing:2.4px;margin-top:8px;font-weight:500}.workspace{display:flex;align-items:center;gap:10px;margin:39px 0 35px;font-size:11px}.workspace small{display:block;font-size:10px;color:#87917f}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#e3e8d8;border:1px solid #d7dfcc;border-radius:50%;font-family:Georgia;font-size:16px}.nav-label,.eyebrow,.mini-label{font-size:9px;letter-spacing:1.6px;font-weight:600}.nav-label{color:#8a9484;margin:0 12px 14px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:7px;font-size:13px;color:#7a8578}.sidebar nav button.selected{background:#e2e9d9;color:#30543f;font-weight:600}.nav-dot{width:5px;height:5px;border-radius:50%;background:#69815d;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:42px 13px 0}.sidebar-bottom strong{display:block;font-family:Georgia;font-size:17px;font-weight:400;margin:9px 0}.sidebar-bottom p{font-size:11px;line-height:1.8}.tiny-spark{font-size:27px;color:#8b9d7d}.parent-tag{font-size:8px;letter-spacing:1.8px;color:#8c9585;border-top:1px solid #dfe4d6;margin-top:27px;padding-top:19px}.main-wrap{margin-left:236px;width:calc(100% - 236px)}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:11px;color:#8a9186}.topbar>div{display:flex;gap:12px;align-items:center}.topbar strong{font-weight:500;color:#55624f}.private{display:flex;align-items:center;gap:7px;font-size:10px}.private>span,.project-pill>span,.saved-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#819874}.main-wrap main{max-width:1280px;padding:35px 42px 18px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px;gap:20px}.eyebrow{color:#899279}.page-heading p{font-size:12px}.project-pill{border:1px solid #dfe6d6;border-radius:20px;padding:6px 12px;font-size:9px;white-space:nowrap;background:#f1f5e9;display:flex;gap:7px;align-items:center}.workspace-fields{border:0;margin:0;padding:0;min-width:0}.hero{border:1px solid #dce4d5;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;background:#edf2e6;overflow:hidden;min-height:344px}.hero-copy{padding:33px 35px 28px}.hero h2{margin:12px 0 16px;font-size:39px}.hero p{font-size:12px;max-width:330px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#345d49;color:white;border-radius:6px;font-size:11px;padding:12px 18px;font-weight:500}.hero .primary{margin:23px 0 18px}.hero-caption{font-size:9px;display:flex;gap:7px;align-items:center;color:#819076;flex-wrap:wrap}.factory{align-self:center;position:relative;padding:20px 20px 20px 0}.factory svg{width:100%;height:auto}.sketch-label{font-size:8px;letter-spacing:2px;color:#86957c;text-align:right;margin-right:16px}.sketch-bottom{display:block;font-family:Georgia;font-style:italic;color:#829077;text-align:center;font-size:12px}.home-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin:23px 0 29px}.panel{border:1px solid var(--line);border-radius:10px;padding:26px;background:#fff;margin-bottom:20px}.home-grid .panel{margin-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title h3{display:flex;align-items:center;gap:10px}.green-icon{display:inline-flex;background:#eef3e7;border-radius:6px;padding:7px;color:#6c805b}.mini-label{font-size:7px;letter-spacing:1.3px;color:#929987}.time-picker{display:inline-flex;background:#f3f5ee;border-radius:6px;padding:3px;margin:0 0 17px}.time-picker button{padding:5px 17px;font-size:10px;border-radius:4px;color:#829078}.time-picker button.active{background:white;color:#345d49;box-shadow:0 1px 4px #20341412}.next-panel p{font-size:12px;margin-top:8px;max-width:480px}.next-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0e7;padding-top:16px;margin-top:18px}.next-footer>span{display:flex;gap:6px;align-items:center;font-size:9px;color:#939a8b}.text-button{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#4c6b4b;padding:0}.wonder-panel{background:#f5f3e9;position:relative}.quote{font-family:Georgia;font-size:46px;line-height:1;display:block;color:#c4c6ad;margin:13px 0 -8px}.wonder-panel h3{font-family:Georgia;font-size:23px;line-height:1.45;font-weight:400;margin-bottom:14px;max-width:290px}.wonder-panel>p{font-size:10px;margin-top:21px;max-width:250px}.pathway-title h3{font-size:19px;font-family:Georgia;font-weight:400}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.path-card{text-align:left;border:1px solid #e6e5d9;border-radius:9px;padding:21px;transition:transform .18s}.path-card:hover{transform:translateY(-4px)}.peach{background:#f5eee4}.mint{background:#eaf1e9}.lavender{background:#f0eef4}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.card-top>span:last-child{display:flex;gap:10px;color:#8f9587;font-size:10px}.path-icon{width:35px;height:35px;border:1px solid #ccd6c4;display:grid;place-items:center;border-radius:50%;font-size:22px;color:#65785a}.path-card .eyebrow{font-size:7px;letter-spacing:1.4px}.path-card h3{font-family:Georgia;font-size:22px;font-weight:400;margin:9px 0 8px}.path-card p{font-size:11px;max-width:220px}.parent-note{display:flex;align-items:center;gap:15px;margin-top:25px;border-top:1px solid var(--line);padding:20px 0 3px}.parent-note>span{font-size:27px;color:#a5ad8b}.parent-note p{font-size:10px}.parent-note strong{font-weight:600;color:#66735c;margin-right:10px}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding:16px 0;border-top:1px solid var(--line);font-size:9px;color:#9ba18f}footer>span{display:flex;align-items:center;gap:7px}.save-error{color:#a65c3d}.alert,.safety{border-radius:8px;padding:18px 22px;margin-bottom:22px;background:#f8efda;color:#6a5634}.alert button{text-decoration:underline}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two-col .panel{min-width:0}.panel h2{margin:10px 0 15px}.panel p{font-size:13px;margin:10px 0}.panel h3{margin-bottom:12px}.panel .section-title h3{margin:0}.map-intro{background:#eef2e7}.progressbar{height:6px;border-radius:6px;background:#dce4d3;max-width:400px;margin:22px 0 5px;overflow:hidden}.progressbar span{height:100%;background:#5f7b51;display:block;transition:width .3s}.map-stage{display:flex;align-items:center;gap:24px}.stage-check{width:47px;height:47px;border-radius:50%;flex-shrink:0;background:#f2f4ec;font-family:Georgia;font-size:19px;display:grid;place-items:center}.checked{background:#3f674f!important;color:#fff!important}.map-stage p{margin:0;font-size:12px}.map-stage h3{margin:2px 0 6px}.map-stage>.text-button{margin-left:auto}.subnav{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:25px}.subnav button{padding:8px 4px 13px;font-size:13px;border-bottom:2px solid transparent;color:#89917f}.subnav button.active{border-color:#4f7055;color:#345d49}.path-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.path-tabs button{border:1px solid #e0e5d8;padding:9px 15px;border-radius:6px;font-size:12px;background:white}.path-tabs button.active{background:#345d49;color:white;border-color:#345d49}.path-detail{padding:30px}.path-detail p{max-width:820px}.process{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0 18px;gap:10px}.process>div{padding:15px 12px;background:#ffffff85;border:1px solid #ffffff;border-radius:7px;font-size:11px}.process span{display:block;font-size:10px;color:#8b9783;margin-bottom:8px}.question-row{display:flex;gap:20px;justify-content:space-between;align-items:center;width:100%;text-align:left;border-top:1px solid #edf0e6;padding:15px 0;font-size:13px}.small{font-size:11px!important}.panel hr{border:0;border-top:1px solid var(--line);margin:20px 0}.safety{display:flex;gap:16px;font-size:12px;background:#edf2e8;color:#496142}.safety p{font-size:11px;margin-top:5px}.pill{display:flex;align-items:center;gap:6px;font-size:10px;color:#7c886e;white-space:nowrap}.experiment ol{padding-left:21px;color:#64705f;font-size:13px}.experiment li{padding:5px 0 5px 6px}.model-limit{padding:13px 17px;background:#f6f4eb;border-radius:6px;font-size:11px}.model-limit p{font-size:11px;margin:3px 0}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.word-grid .panel{margin:0}.word-grid h3{margin-top:9px}.section-description{margin-bottom:22px}.source-card{position:relative}.source-note{margin-left:24px}.panel form label,label{display:block;font-size:11px;color:#75816b;margin:14px 0}input,textarea{display:block;border:1px solid #dce3d3;background:#fafbf7;border-radius:6px;padding:10px 12px;margin-top:7px;width:100%;color:#344e3b;font-size:12px;outline:none}input:focus,textarea:focus{border-color:#80976a;box-shadow:0 0 0 3px #7b975d15}textarea{resize:vertical;min-height:95px}input::placeholder,textarea::placeholder{color:#a0a793}.input-row{display:flex;gap:8px}.input-row input{margin:0}.square-button{background:#345d49;color:white;border-radius:6px;width:40px;display:grid;place-items:center}.empty{text-align:center;padding:26px 15px;color:#9ca58f;font-size:12px!important}.empty svg{margin:0 auto 12px;color:#9ca98d}.saved-question{display:flex;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:12px}.check-box{width:20px;height:20px;border:1px solid #ccd5c1;border-radius:4px;flex-shrink:0;display:grid;place-items:center}.count{background:#edf1e5;border-radius:20px;font-family:Arial;font-size:10px;padding:3px 8px;margin-left:8px}.saved-note p{white-space:pre-wrap}.saved-note small{overflow-wrap:anywhere}.reflection{margin-top:5px}.explain-intro{background:#edf2e6;display:flex;align-items:center;justify-content:space-between;gap:30px}.explain-intro>div{max-width:720px}.explain-intro>svg{color:#7c916d}.slide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.slide-card{margin:0 0 5px}.slide-card h3{margin-top:10px}.slide-card textarea{min-height:155px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.secondary{border:1px solid #d5deca;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:6px;font-size:11px}
@media(min-width:1550px){.main-wrap main{padding-top:45px}.hero{min-height:390px}.hero h2{font-size:44px}.factory{padding:25px}.hero-copy{padding:40px}.hero p{max-width:370px}.sidebar{width:250px}.main-wrap{margin-left:250px;width:calc(100% - 250px)}}
@media(max-width:1100px){.sidebar{width:195px;padding:28px 15px}.main-wrap{margin-left:195px;width:calc(100% - 195px)}.main-wrap main{padding:27px}.topbar{padding:0 27px}.hero-copy{padding:25px}.hero h2{font-size:33px}.project-pill{display:none}.home-grid{grid-template-columns:1.2fr 1fr}.mini-label{display:none}.path-card{padding:17px}.path-card h3{font-size:20px}.section-title h3{font-size:15px}.three-col{grid-template-columns:1fr}.word-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px 20px;display:block;border-right:0;border-bottom:1px solid var(--line)}.app{display:block}.brand{font-size:23px}.brandmark{padding:8px}.brand-sub{font-size:7px;margin-top:5px}.workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px;margin:21px -7px -10px}.sidebar nav button{padding:8px;font-size:10px;gap:6px;white-space:nowrap}.sidebar nav svg{width:15px}.nav-dot{display:none}.main-wrap{width:100%;margin:0}.topbar{height:49px;padding:0 20px;font-size:10px}.private{font-size:8px}.main-wrap main{padding:24px 20px}.page-heading{margin-bottom:23px}h1{font-size:29px}.page-heading p{font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:27px}.hero h2{font-size:37px}.hero p{max-width:none}.factory{padding:0 25px 22px}.factory svg{max-height:230px}.hero-caption{font-size:8px}.sketch-label{display:none}.home-grid,.two-col{grid-template-columns:1fr;gap:0}.home-grid .panel{margin-bottom:18px}.home-grid{margin-bottom:10px}.cards{grid-template-columns:1fr;gap:12px}.path-card{padding:20px}.card-top{margin-bottom:12px}.path-card p{max-width:none}.path-card h3{font-size:23px}.parent-note{align-items:flex-start}.parent-note strong{display:block}.panel{padding:22px}.next-footer{flex-wrap:wrap}.wonder-panel h3{max-width:none}.wonder-panel>p{max-width:none}.map-stage{gap:15px;align-items:flex-start}.map-stage>.text-button{align-self:center}.stage-check{width:34px;height:34px;font-size:14px}.process{grid-template-columns:1fr}.process>div{display:flex;align-items:center;gap:15px}.process span{margin:0}.word-grid,.slide-grid{grid-template-columns:1fr}.word-grid{gap:12px}.source-note{display:flex;margin:16px 0 0}.explain-intro>svg{display:none}.path-detail h2,.explain-intro h2,.map-intro h2{font-size:29px}footer{flex-wrap:wrap}.safety{padding:18px}.topbar>div{gap:6px}.slide-card{margin-bottom:15px}}
@media print{.sidebar,.topbar,.page-heading,.button-row,footer,.alert{display:none}.main-wrap{width:100%;margin:0}.main-wrap main{padding:0}.slide-grid{display:block}.slide-card{break-inside:avoid}.panel{box-shadow:none;border-color:#ccc}textarea{min-height:160px;border:none;background:white}.workspace-fields{display:block}h2{font-size:26px}body{font-size:12px}}

/* App additions; the recovered visual language is retained above. */
fieldset{border:0;padding:0;margin:0;min-width:0}
input,textarea,select{font:inherit;border:1px solid #b7c5b0;background:#fff;border-radius:6px;padding:10px;width:100%;color:#253d33}
label{display:block;margin:12px 0;font-size:13px}
label input,label textarea{display:block;margin-top:5px}
input[type=checkbox]{width:20px;flex-shrink:0}
button{min-height:40px}
button:disabled{opacity:.6;cursor:not-allowed}
.language-picker{display:flex;align-items:center;gap:9px;font-size:12px;margin:0}
.language-picker select{width:auto;max-width:135px}
.auth-page{max-width:700px;margin:0 auto;padding:35px 24px}
.auth-page>.language-picker{justify-content:flex-end}
.auth-card{border:1px solid var(--line);background:#f1f5e9;border-radius:18px;padding:40px;margin-top:30px}
.auth-card h2{font-size:25px;margin:25px 0 15px}
.auth-tagline{margin-top:28px}
.auth-card .primary{width:100%;margin:18px 0}
.savebar{position:sticky;top:0;z-index:3;display:flex;gap:12px;flex-wrap:wrap;align-items:center;border:1px solid var(--line);background:#fafbf7;padding:10px 14px;margin:0 0 22px;border-radius:8px}
.savebar .primary{margin:0;padding:9px 14px;font-size:12px}
.savebar>span{margin-right:auto;font-size:12px}
.success{background:#e3efdc;padding:12px;border-radius:6px;margin-bottom:15px}
.alert{overflow-wrap:anywhere}
.sidebar{overflow:auto}.sidebar nav{gap:2px}.sidebar nav button{padding:8px 12px}
.sidebar-bottom{padding-top:24px}.sidebar-bottom strong{font-size:15px}
fieldset:disabled{opacity:.8}.word-grid dl{margin:15px 0 0;border-top:1px solid var(--line)}
dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding-top:7px}
dd{margin:0;text-align:right}dt{color:#64745d}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-top:20px}
.photo-grid figure{margin:0}.photo-grid img{max-width:100%;height:200px;object-fit:contain;background:#f0f1e9;border-radius:8px}
.photo-grid figcaption{white-space:pre-wrap;overflow-wrap:anywhere}
.saved-note{overflow-wrap:anywhere}.saved-note p{white-space:pre-wrap}
.print-sheet{display:none}
.section-description{margin-bottom:20px}
@media(max-width:760px){.topbar{height:auto;padding:12px;gap:10px;flex-wrap:wrap}.language-picker{font-size:11px}.auth-card{padding:24px}.savebar{position:static}.savebar>span{width:100%}.sidebar{overflow:visible}.sidebar nav{padding-bottom:8px}.sidebar nav button{min-height:44px}.main-wrap main{padding:20px 15px}.explain-intro{display:block}}
@media print{.sidebar,.main-wrap{display:none!important}.print-sheet{display:block;padding:20px}.print-sheet section{break-inside:avoid;margin:25px 0}.print-sheet p{white-space:pre-wrap;color:#111}.print-sheet h1{font-size:26px}.print-sheet h2{font-size:20px}}
