:root{color:#253123;font-synthesis:none;background:#f6f7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4vw,2.35rem);line-height:1.1}h2{margin-bottom:.4rem;font-size:clamp(1.55rem,3vw,2rem)}.auth-page{background:radial-gradient(circle at 100% 0,#dce9c9 0,#0000 32%),#f6f7f1;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e3e8dc;border-radius:20px;width:100%;max-width:500px;padding:38px;box-shadow:0 18px 50px #2a401f1a}.centered{text-align:center}.eyebrow{color:#55743a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.6rem;font-size:.74rem;font-weight:800}.form-stack{gap:16px;display:grid}.challenge-image-preview{object-fit:contain;background:#f4f7ed;border-radius:16px;max-width:100%;max-height:180px}label{color:#33472c;gap:7px;font-size:.9rem;font-weight:700;display:grid}input,textarea,select{color:#23311e;background:#fff;border:1px solid #c9d4c2;border-radius:9px;width:100%;min-height:42px;padding:9px 11px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#597c38;outline:0;box-shadow:0 0 0 3px #597c3829}small{color:#6a7565;font-size:.78rem;font-weight:500}.button{border:0;border-radius:9px;min-height:42px;padding:9px 14px;font-weight:800}.button.primary{color:#fff;background:#4d7228}.button.primary:hover{background:#3d5e1e}.button.secondary{color:#35541d;background:#e5eddb}.text-button,.back-button{color:#496e26;text-align:left;background:0 0;border:0;margin-top:14px;padding:0;font-weight:750}.message{background:#edf3e8;border-radius:9px;margin:16px 0 0;padding:11px 13px}.message.error{color:#992e22;background:#fff0ed}.message.success{color:#315c20;background:#e8f4df}.spinner{border:3px solid #d6e1cc;border-right-color:#4d7228;border-radius:100%;width:28px;height:28px;margin-bottom:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.topbar{background:#fcfdf9;border-bottom:1px solid #dfe7d9;justify-content:space-between;align-items:center;min-height:82px;padding:16px clamp(20px,5vw,72px);display:flex}.topbar h1{margin:0;font-size:1.25rem}.topbar .eyebrow{margin-bottom:3px}.account{place-items:end;font-size:.85rem;display:grid}.account .text-button{margin-top:4px}.workspace{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 82px);display:grid}.sidebar{background:#f0f4e9;border-right:1px solid #dfe7d9;padding:28px 16px}.nav-label{color:#72806a;letter-spacing:.09em;text-transform:uppercase;margin:0 10px 9px;font-size:.72rem;font-weight:800}.nav-label-spaced{margin-top:28px}.nav-item{color:#33472c;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:11px;font-weight:750;text-decoration:none;display:block}.nav-item.active{color:#315418;background:#d9e8c7}.content{width:100%;max-width:1280px;margin:0 auto;padding:clamp(24px,5vw,56px)}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-heading>div>p:not(.eyebrow){color:#62705c;margin-bottom:0}.filters{grid-template-columns:minmax(180px,1fr) 170px 190px;gap:12px;margin-bottom:20px;display:grid}.article-list{background:#fff;border:1px solid #e0e7da;border-radius:13px;overflow:hidden}.article-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #e6ece1;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:18px;display:flex}.article-row:last-child{border-bottom:0}.article-row:hover{background:#f8fbf4}.article-row strong,.article-row small{display:block}.article-row small{margin-top:5px}.status{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:800}.status.draft{color:#826018;background:#f7ecd3}.status.published{color:#356723;background:#dcefd3}.empty-state{color:#65715e;text-align:center;border:1px dashed #b9c9ae;border-radius:13px;padding:42px 24px}.editor-actions{flex-wrap:wrap;gap:10px;display:flex}.back-button{margin:0 0 14px}.editor-grid{grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:28px;display:grid}.markdown-area{gap:16px;display:grid}.content-input{min-height:530px}.preview{overflow-wrap:anywhere;background:#fff;border:1px solid #e0e7da;border-radius:12px;min-height:250px;padding:22px}.preview h1,.preview h2,.preview h3{margin-top:1.4em}.preview h1:first-of-type,.preview h2:first-of-type,.preview h3:first-of-type{margin-top:0}.preview code{background:#edf2e8;border-radius:4px;padding:2px 4px}.preview pre{color:#fff;background:#253123;border-radius:8px;padding:12px;overflow:auto}.sources{border:1px solid #d7e0d0;border-radius:10px;margin:0;padding:16px}.sources legend{color:#33472c;padding:0 4px;font-weight:800}.sources>p{color:#697563;font-size:.83rem}.source-card{background:#f7faf4;border:1px solid #e1e9dc;border-radius:8px;gap:11px;margin:12px 0;padding:13px;display:grid}.danger-button{color:#ad2f22;background:#fff;border:1px solid #c63727;border-radius:8px;min-height:40px;padding:8px 10px;font-weight:750}.danger-text{color:#ad2f22;margin:0}@media (width<=840px){.workspace{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dfe7d9;border-right:0;padding:10px 16px}.nav-label{display:none}.nav-item{display:inline-block}.editor-grid{grid-template-columns:1fr}.content-input{min-height:340px}}@media (width<=640px){.auth-card{padding:28px 22px}.topbar,.page-heading{flex-direction:column;align-items:flex-start}.account{place-items:start}.filters{grid-template-columns:1fr}.content{padding:24px 16px}.article-row{flex-direction:column;align-items:flex-start;gap:10px}}.editor-lock{border:0;min-width:0;margin:0;padding:0}.article-image{object-fit:contain;border-radius:10px;width:100%;max-height:360px;margin:12px 0;display:block}.preview img{max-width:100%}.language-toggle{background:#edf3e8;border-radius:10px;gap:4px;margin:0 0 22px;padding:4px;display:inline-flex}.language-toggle button{color:#52604b;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:36px;padding:7px 14px;font-weight:750}.language-toggle button.active{color:#315418;background:#fff;box-shadow:0 1px 3px #2a401f29}.lesson-editor-grid{grid-template-columns:minmax(270px,.72fr) minmax(420px,1.28fr);gap:28px;display:grid}.steps-area{gap:13px;display:grid}.lesson-step-card{background:#fff;border:1px solid #dfe7d9;border-radius:12px;gap:11px;padding:15px;display:grid}.step-header{justify-content:space-between;align-items:center;display:flex}.step-header .text-button{margin:0 0 0 10px}.step-sources{border:0;gap:7px;margin:0;padding:0;display:grid}.source-check{align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.source-check input{width:auto;min-height:auto}details summary{color:#496e26;cursor:pointer;font-size:.84rem;font-weight:800}details textarea{margin-top:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.lesson-preview{background:#f9fbf5;border:1px dashed #b9c9ae;border-radius:13px;margin-top:24px;padding:18px}.app-builds{gap:20px;max-width:920px;display:grid}.current-build-card,.build-form-card,.build-archive{background:#fff;border:1px solid #dfe7d9;border-radius:14px;padding:22px}.current-build-card{background:linear-gradient(120deg,#f1f7e9,#fffdf9);justify-content:space-between;align-items:center;gap:22px;display:flex}.current-build-card h3,.build-form-card h3{color:#28451f;margin-bottom:6px;font-size:1.2rem}.build-meta,.build-form-card>div>p{color:#64715e;margin-bottom:0}.build-notes{color:#3c5037;margin:10px 0 0}.build-actions{flex-wrap:wrap;gap:10px;display:flex}.build-actions .button{align-items:center;text-decoration:none;display:inline-flex}.build-form-card{gap:18px;display:grid}.build-form{grid-template-columns:minmax(170px,.7fr) minmax(150px,.5fr);gap:14px;display:grid}.build-url-field,.build-notes-field,.build-form .button{grid-column:1/-1}.build-form .button{justify-self:start}.build-archive{background:#fcfdf9}.build-archive summary{font-size:.98rem}.build-archive>p{color:#65715e;margin:16px 0 0}.build-archive-list{border-top:1px solid #e4e9df;margin-top:14px}.build-archive-row{border-bottom:1px solid #e4e9df;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.build-archive-row strong,.build-archive-row small{display:block}.build-archive-row small{margin-top:4px}.archive-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.archive-actions .text-button{margin:0}.option-grid{grid-template-columns:minmax(0,1fr) 88px;gap:10px;display:grid}.answer-fields,.quiz-question{border:1px solid #d7e0d0;border-radius:10px;gap:10px;margin:0;padding:13px;display:grid}.answer-fields legend,.quiz-question legend{color:#33472c;padding:0 4px;font-weight:800}.answer-row{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.answer-row input[type=radio]{width:auto;min-height:auto}.answer-row .text-button{margin:0}.hint{color:#65715e;margin:0;font-size:.84rem}@media (width<=560px){.option-grid{grid-template-columns:1fr}.answer-row{grid-template-columns:20px minmax(0,1fr)}.answer-row .text-button{grid-column:2}.current-build-card,.build-archive-row{flex-direction:column;align-items:flex-start}.build-form{grid-template-columns:1fr}.build-url-field,.build-notes-field,.build-form .button{grid-column:auto}}@media (width<=840px){.lesson-editor-grid{grid-template-columns:1fr}}