/* Visual language shared with time.say.church: blue sky, cream boards, brown pixel edges. */
:root{--bg:#426ae0;--paper:#fff5db;--ink:#50321e;--muted:#785a3a;--line:#d5bc86;--accent:#956134;--tint:#ffe6b6;--green:#456737;--soft:#e8edcc;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans CJK SC",sans-serif;font-size:16px}
body{background:var(--bg)}.app{grid-template-columns:242px minmax(0,1fr)}.sidebar{background:#fff5db;border-right:3px solid #a87536;box-shadow:4px 0 0 #79502a;padding-top:28px}.brand{color:#50321e;font-size:16px}.brand-symbol{border:2px solid #a87536;background:#ffd13c;box-shadow:3px 3px 0 #79502a;color:#50321e;font-family:inherit;font-weight:800}.brand small{color:#8b683e}.side-caption{color:#89673f;font-size:11px}.sidebar nav a{color:#735434;border-radius:0;font-size:14px}.sidebar nav a.active{background:#ffdf85;color:#50321e;box-shadow:inset 3px 0 #a87536}.sidebar nav a:hover{background:#ffe9ba}.sidebar nav a .num{color:#956134}.side-bottom{color:#785a3a}.progress-track{background:#e7d3a5}.progress-track>div{background:#e8ad36}.workspace{min-width:0;padding:0 26px 24px}.workspace>header{height:102px;border-bottom:2px solid #8bb4ff;padding:0 4px;color:#fff5db;position:relative;isolation:isolate}.workspace>header:after{content:"";position:absolute;right:0;bottom:14px;width:min(64%,640px);height:64px;background:url('/pixel-sky.svg') right center/contain no-repeat;image-rendering:pixelated;z-index:-1;opacity:.9}.header-note{color:#fff5db;align-self:flex-start;margin-top:10px;font-size:10px}#breadcrumb{font-size:15px;font-weight:700;text-shadow:2px 2px #254299}main{background:var(--paper);border:3px solid #a87536;box-shadow:5px 5px 0 #79502a;margin:24px auto 30px;padding:30px 30px 38px;max-width:1330px}h1,h2,h3{color:#50321e}h1,.hero h1{font-size:34px;letter-spacing:0;font-weight:800}.hero{gap:28px}.hero h1{line-height:1.4}.hero .lead{font-size:15px}.eyebrow{color:#956134;font-weight:650;letter-spacing:1px}.goal-panel,.outcome,.controls{background:#ffebba;border:2px solid #b88b4b;border-radius:0;box-shadow:3px 3px 0 #bd965d}.goal-panel .goal-text{font-size:18px}.hero .label{color:#785a3a}button,.primary-link,button.primary{border-radius:0;min-height:40px;border:1px solid #8f602d;box-shadow:2px 2px 0 #b8935c;background:#f2b958;color:#50321e}button:hover{background:#ffd680;border-color:#79502a}button.primary,.primary-link{background:#966336;color:#fff8ec;border-color:#68421f;box-shadow:3px 3px 0 #79502a}button.primary:hover,.primary-link:hover{background:#7c4e29}button:active,.primary-link:active{transform:translateY(2px);box-shadow:none}button.text-button{background:transparent;border:0;box-shadow:none}.goal-panel button{border:1px solid #b88b4b}.tag,.tag.clay{border-radius:0;background:#ffebba;border-color:#c49a55;color:#78502c}.tag.green{background:#e4ecc8;border-color:#9fb27a;color:#456737}.project-row{padding:22px 4px;gap:16px}.project-row:hover,.task-row:hover{background:#ffebc4}.project-row h3{font-size:18px}.project-row p{font-size:13px}.project-row .number{color:#a87536;font-weight:700}.project-row .arrow{color:#956134}.cycle{background:#fff9e9;border:2px solid #bd965d;box-shadow:3px 3px 0 #d9bc83}.cycle strong{font-size:14px}.cycle p{font-size:12px}.statement{border-color:#c9a56b}.prompt-panel,.quiz,.lab-output,.goal-form,.table-wrap{border-radius:0;border-color:#c19c62;background:#fff9e9}.hint{border-radius:0;border-color:#a9b77f}.notice{background:#ffebc4;border-color:#d4ab67;border-radius:0}.task-marker{border-radius:0;border-color:#a87536;color:#956134;background:#ffedbf}.task-marker.done{background:#ffd13c;color:#50321e;border-color:#a87536}.task-row .status{color:#785a3a}.prompt-tabs button.selected,.lab-tabs .selected{background:#966336;border-color:#68421f;color:#fff8ec}.prompt-text{font-size:14px}textarea,input[type=text],input[type=number],select{background:#fffaf0;border:1px solid #bda06b;border-radius:0;font-size:15px}.quiz input,.checklist input{accent-color:#966336}.number-answer{color:#956134}.number-answer.negative{color:#b14130}.formula{background:#f6e9c7}th{background:#f4e3b8;color:#785434}.error{background:#ffe4d4}.complete-success{background:#e8edcc;border-color:#a9b77f}.source h3{font-size:17px}.source p{font-size:14px}.tools-intro h2{font-size:25px}#tool-directory{background:#fff5db;border:3px solid #a87536;box-shadow:5px 5px 0 #79502a;padding:30px;margin:0 auto 28px}.tool-group h3{font-size:17px}.tool-row a{color:#8a5429;font-size:15px}.tool-row p{font-size:13px}.tool-row small{color:#8a653b}.tool-row a:hover{text-decoration:underline}.tools-grid{gap:30px}.tools-note{font-size:12px}footer{border-top:2px solid #8bb4ff;margin:0;padding:18px 4px 0;color:#fff5db;font-size:11px}#toast{background:#ffdf85;color:#50321e;border:2px solid #a87536;border-radius:0;box-shadow:3px 3px 0 #79502a}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#267dd2}.mobile-tools a{color:#fff5db}.section-heading h2{font-size:22px}
@media(max-width:1200px){.app{grid-template-columns:218px minmax(0,1fr)}.workspace{padding:0 20px 24px}main{padding:26px 24px 32px}.hero{grid-template-columns:1fr}.goal-panel{max-width:none}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tool-directory{padding:24px}}
@media(max-width:800px){.app{display:block}.sidebar{height:auto;border-right:0;border-bottom:3px solid #a87536;box-shadow:0 4px 0 #79502a;padding:20px 20px 0}.brand{font-size:16px}.brand-symbol{width:34px;height:37px;font-size:23px}.workspace{padding:0 14px 20px}.workspace>header{height:74px;padding:0 6px}.workspace>header:after{width:180px;height:24px;bottom:5px;right:2px;opacity:.75}#breadcrumb{font-size:12px}.mobile-tools{font-size:12px}main{margin-top:16px;padding:24px 18px 28px;margin-bottom:22px}.hero h1{font-size:29px}.page-intro h1,.mission-head h1{font-size:27px}.hero .lead{font-size:14px}.goal-panel{padding:18px}.project-row h3{font-size:17px}.project-row{gap:10px}.project-row p{font-size:13px}.cycle>div{padding:13px 12px}.cycle strong{font-size:13px}.tools-grid{grid-template-columns:1fr}#tool-directory{padding:24px 18px;margin-bottom:24px}.tools-intro h2{font-size:23px}.tool-row a{font-size:16px}.tool-row p{font-size:14px}.tool-row small{font-size:11px}.tool-stage{font-size:12px}.prompt-text{font-size:13px}textarea,input[type=text],input[type=number],select{font-size:16px}button,.primary-link{min-height:44px}.lab-tabs button{font-size:12px}.tools-note{font-size:11px}footer{padding:16px 4px 0}.header-note{display:none}}
@media print{body{background:white}.workspace{padding:0}main,#tool-directory{border:0;box-shadow:none;margin:0;background:white}.workspace>header{display:none}}
/* Keep the sky header blue so its light navigation remains legible. */
.workspace>header{background:#426ae0}.workspace>header #breadcrumb,.workspace>header .header-note,.workspace>header .mobile-tools a{color:#fff8ec}.workspace>header .mobile-tools{position:relative;z-index:1}.workspace>header .mobile-tools a{background:#426ae0;padding:3px 0}

.sidebar .workspace-caption{font-size:18px;font-weight:700;line-height:1.6;color:#50321e;letter-spacing:1px}
#kids-course{max-width:1330px;margin:0 auto 28px;padding:30px;background:#fff5db;border:3px solid #a87536;box-shadow:5px 5px 0 #79502a}#kids-title{font-size:28px;margin:10px 0}.kids-lead{font-size:17px;font-weight:650;max-width:850px}.kids-brief{background:#ffebba;padding:20px 22px;border-left:4px solid #a87536;margin:22px 0}.kids-brief p{font-size:14px;line-height:1.9;margin:10px 0 0}.kids-path{font-size:13px;line-height:2.2;color:#80552d;padding:12px 0}.kid-lesson{border-top:1px solid #c9a56b}.kid-lesson>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:22px 0}.kid-lesson>summary::-webkit-details-marker{display:none}.kid-index{font:700 20px monospace;color:#a87536}.kid-lesson summary strong{font-size:18px}.kid-lesson summary small{display:block;font-size:12px;color:#785a3a;margin-top:5px}.kid-expand{margin-left:auto;font-size:22px}.kid-lesson[open] .kid-expand{transform:rotate(45deg)}.kid-body{max-width:850px;padding:0 0 26px 42px;font-size:15px;line-height:1.95}.kid-body h4{font-size:16px;margin:22px 0 10px}.kid-body ol{padding-left:24px}.kid-body li{padding-left:4px;margin:12px 0}.kid-say{background:#fffaf0;border:1px solid #c9a56b;padding:17px 20px}.kid-say p{margin:8px 0 0}.kid-material,.kid-learn{font-size:13px}.kid-prompt,.kid-answer{border:1px solid #c9a56b;padding:12px 16px;margin:16px 0;background:#fff9e9}.kid-prompt summary,.kid-answer summary{cursor:pointer;font-weight:600;font-size:14px;min-height:28px}.kid-prompt p,.kid-answer p{margin:12px 0 0}.kid-learn{background:#e8edcc;padding:14px 17px}.kids-experiment,.kids-report{border-top:2px solid #c9a56b;margin-top:26px;padding-top:24px;max-width:850px}.kids-experiment h3,.kids-report h3{font-size:20px}.kids-experiment p{font-size:14px}.kids-experiment label,.kids-report label{display:block;font-size:14px;margin:15px 0 10px}#kid-fee{width:100%;max-width:500px;accent-color:#966336;min-height:44px}.kids-report textarea{min-height:110px}.kids-sources{font-size:12px;line-height:2;color:#785a3a;margin:26px 0 0;border-top:1px solid #c9a56b;padding-top:20px}.kids-sources a{text-decoration:underline}@media(max-width:800px){#kids-course{padding:24px 18px;margin-bottom:24px}#kids-title{font-size:24px}.kids-lead{font-size:16px}.kids-brief{padding:16px}.kid-lesson>summary{gap:10px}.kid-lesson summary strong{font-size:17px}.kid-body{padding-left:0;font-size:15px}.kid-say{padding:15px}.kids-path{font-size:12px}.kid-lesson summary small{font-size:11px}.kids-experiment th,.kids-experiment td{padding:9px 7px;font-size:11px}}

.audience-label{color:#fff8ec;font-size:20px;font-weight:750;margin:24px auto 12px;max-width:1330px}.audience-label span{font-size:12px;font-weight:400;margin-left:14px;color:#e8efff}.audience-label+main{margin-top:0}.kids-separator{max-width:1330px;margin:48px auto 18px;padding:22px 0 0;border-top:2px solid #a8c5ff;color:#fff8ec}.kids-separator>span{font-size:26px;font-weight:800;letter-spacing:1px}.kids-separator p{font-size:13px;margin:6px 0 0;color:#eef3ff}@media(max-width:800px){.audience-label{font-size:18px;margin-top:18px}.audience-label span{font-size:11px;margin-left:8px}.kids-separator{margin-top:36px}.kids-separator>span{font-size:24px}.kids-separator p{font-size:12px}}
