@import url('/vendor/fonts/fonts.css');
:root{--ink:#171e35;--muted:#596176;--blue:#243de8;--line:#dce1ed;--paper:#f6f8fc;--mint:#baf2d5;--orange:#ffcc91;--lilac:#ded9ff;--font:'DM Sans',sans-serif;--heading:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--font)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7255ff;outline-offset:4px}.skip{position:absolute;left:12px;top:-80px;background:white;padding:12px;z-index:99}.skip:focus{top:12px}.site-header{height:98px;display:flex;align-items:center;gap:45px;max-width:1440px;padding:0 5%;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:var(--heading);font-size:25px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand-icon{background:var(--blue);color:white;width:39px;height:40px;display:grid;place-content:center;border-radius:10px;font-size:28px;letter-spacing:-5px;padding-right:5px;position:relative}.brand-icon span{color:var(--mint);position:absolute;left:23px;top:4px}.brand-us{color:var(--blue)}nav{display:flex;gap:29px;margin-left:auto}nav a{font-size:15px;font-weight:600;padding:12px 0;white-space:nowrap}nav a.active{color:var(--blue);box-shadow:0 3px var(--blue)}.age-tag{font-size:12px;font-weight:700;background:#eaf1ed;border:1px solid #d4e6db;border-radius:40px;padding:8px 13px;white-space:nowrap}main{max-width:1260px;margin:auto;padding:48px 24px 76px;min-height:75vh}h1,h2,h3,h4{font-family:var(--heading);line-height:1.12;letter-spacing:-.04em;margin:0}h1{font-size:clamp(38px,5vw,66px);font-weight:600}h2{font-size:32px;font-weight:600}h3{font-size:22px;font-weight:600}p{margin:12px 0 22px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.15em;display:flex;align-items:center;gap:9px;margin-bottom:18px}.eyebrow:before{content:'';width:7px;height:7px;background:currentColor;display:inline-block}.muted{color:var(--muted)}.home-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px;gap:24px}.home-intro h1{max-width:740px}.home-intro p{max-width:300px;margin:0 0 5px;color:var(--muted);font-size:17px}.feature{display:grid;grid-template-columns:1fr 1.12fr;background:var(--blue);color:white;border-radius:20px;overflow:hidden;min-height:330px;box-shadow:0 8px 30px #243de815}.feature-copy{padding:35px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature h2{font-size:39px;max-width:370px}.feature p{color:#dce2ff;max-width:370px}.tag{font-size:12px;border-radius:5px;padding:5px 9px;display:inline-flex;align-items:center;gap:5px;background:#eef0f6;font-weight:700;letter-spacing:.01em}.feature .tag{background:#fff2;color:white;margin-bottom:18px}.btn{border:0;border-radius:8px;background:var(--blue);color:white;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;line-height:1.4}.btn:hover{filter:brightness(.94)}.btn.light{background:white;color:var(--blue)}.btn.mint{background:var(--mint);color:var(--ink)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.small{min-height:36px;padding:8px 12px;font-size:13px}.feature-code{padding:27px 28px 27px 0}.code-window{height:100%;background:#121a35;border:1px solid #ffffff28;border-radius:12px;overflow:hidden;color:#e3e9ff;box-shadow:0 15px 35px #0a154d40}.window-bar{padding:12px 18px;background:#1d2642;color:#bbc4df;display:flex;align-items:center;gap:7px;font:12px monospace}.dot{width:8px;height:8px;border-radius:100%;background:#707b9b}.dot:nth-child(1){background:#ffad9e}.dot:nth-child(2){background:#ffdc9c}.dot:nth-child(3){background:#b2efcb}.window-bar span:last-child{margin-left:10px}.home-editor{display:block;border:none;resize:vertical;min-height:118px;width:100%;background:transparent;color:#baf2d5;font:15px/1.8 ui-monospace,monospace;padding:20px 24px}.window-actions{display:flex;align-items:center;justify-content:space-between;padding:0 20px 14px;color:#aab5d0;font-size:12px}.home-output{padding:15px 22px;margin:0;border-top:1px solid #ffffff1c;min-height:63px;white-space:pre-wrap;font:14px/1.6 monospace}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:43px 0 22px;gap:15px}.section-heading p{margin:6px 0 0;color:var(--muted)}.text-link{font-size:14px;font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:5px}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.path-card{border:1px solid var(--line);border-radius:13px;background:white;padding:23px;position:relative;transition:transform .2s,box-shadow .2s}.path-card:hover,.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #18224909}.icon-tile{width:48px;height:48px;border-radius:11px;display:grid;place-content:center;font:700 22px monospace;margin-bottom:27px;background:var(--lilac)}.path-card:nth-child(2) .icon-tile{background:var(--mint)}.path-card:nth-child(3) .icon-tile{background:var(--orange)}.path-card:nth-child(4) .icon-tile{background:#c5e8ff}.path-card h3{font-size:21px}.path-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0 22px}.card-meta{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em}.bottom-note{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:var(--muted);font-size:14px}.bottom-note strong{color:var(--ink)}footer{border-top:1px solid var(--line);max-width:1260px;margin:auto;padding:30px 24px;display:flex;align-items:center;gap:26px;font-size:13px;color:var(--muted)}footer .brand{font-size:21px;color:var(--ink)}footer p{margin:0}footer a:nth-of-type(2){margin-left:auto;text-decoration:underline}footer span{font-size:12px}@media(max-width:1050px){.age-tag{display:none}.site-header{gap:20px;padding:0 24px}nav{gap:20px}.home-intro p{display:none}.feature h2{font-size:34px}.path-grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}@media(max-width:650px){.site-header{height:auto;min-height:112px;padding:20px;flex-wrap:wrap;gap:12px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:8px;margin:0}nav a{font-size:13px;padding:5px 0}.feature{grid-template-columns:1fr}.feature-copy{padding:27px}.feature-code{padding:0 18px 20px}.feature-copy p{margin-bottom:0}.feature-copy .btn{margin-top:20px}.feature h2{font-size:31px}main{padding:30px 18px 45px}h1{font-size:39px}h2{font-size:28px}.home-intro{margin-bottom:24px}.path-grid{gap:12px}.path-card{padding:18px}.path-card h3{font-size:19px}.icon-tile{margin-bottom:20px}.section-heading{align-items:flex-start}.section-heading .text-link{white-space:nowrap;font-size:12px}footer{gap:16px;padding:25px 18px}footer p{width:100%}footer a:nth-of-type(2){margin:0}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.page-heading{margin-bottom:30px;max-width:980px}.page-heading h1{font-size:clamp(34px,4vw,54px);max-width:850px}.page-heading p{color:var(--muted);max-width:760px;font-size:18px;margin:20px 0 0}.heading-row{display:flex;align-items:center;gap:25px}.count-badge{font:500 24px var(--heading);border:1px solid #bfc7d8;border-radius:100%;min-width:53px;height:53px;display:grid;place-content:center}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);background:white;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card p{font-size:15px;color:var(--muted);margin:12px 0 25px;line-height:1.65}.card h3{line-height:1.25;font-size:23px}.card-body{padding:24px}.meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;font-size:12px;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;font-size:12px;color:var(--muted)}.card-bottom strong{font-size:13px;color:var(--blue);white-space:nowrap}.lab-card,.lesson-card{padding:25px;display:flex;flex-direction:column}.lab-top{display:flex;align-items:flex-start;justify-content:space-between}.lab-card .icon-tile{margin-bottom:22px}.info-strip{border:1px solid #c9dfd4;background:#eaf6ef;display:flex;align-items:center;gap:15px;border-radius:10px;padding:15px 22px;margin-bottom:30px}.info-strip p{margin:0;font-size:14px}.small-icon{font:700 20px monospace}.lesson-number{font:500 36px var(--heading);color:var(--blue);display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.lesson-number span{font:600 12px var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.back-link{display:inline-block;color:var(--muted);font-size:14px;margin-bottom:30px}.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.lab-heading h1{font-size:44px}.lab-heading p{max-width:750px;color:var(--muted);margin:14px 0 0}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.editor-panel{background:#121a35;color:#dce4ff;min-width:0}.editor-toolbar,.output-toolbar{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff1a;min-height:69px;font-size:13px}.editor-toolbar>div{display:flex;gap:8px}.editor-toolbar .secondary{background:#ffffff10;color:#dce4ff;border-color:#ffffff20}.code-editor{display:block;width:100%;height:405px;border:0;padding:23px;background:#121a35;color:#c9f8df;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;tab-size:4;white-space:pre;overflow:auto;border-radius:0}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#a7b4d7;font-size:12px;gap:12px;border-top:1px solid #ffffff1a}.plain-button{border:0;padding:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:12px}.output-toolbar{color:var(--muted);border-bottom-color:var(--line)}.output-toolbar strong{color:var(--ink)}#run-status{font-size:12px}.lab-output{min-height:460px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.console-text{font:14px/1.9 ui-monospace,monospace;margin:0;padding:23px;white-space:pre-wrap}.empty-output{text-align:center;padding:100px 25px;color:var(--muted);white-space:normal}.empty-output>span{display:grid;place-content:center;width:45px;height:45px;border-radius:50%;background:#edf0ff;color:var(--blue);margin:0 auto 18px}.empty-output h3{font-size:21px;color:var(--ink)}.empty-output p{font-size:14px}.has-error{color:#a82438}.html-result{border:0;width:100%;height:470px;display:block;background:white}.lab-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}.challenge-box{padding:28px;background:#e9e6ff;border-radius:13px}.learn-box{padding:28px;border:1px solid var(--line);border-radius:13px}.lab-notes p{font-size:15px;color:var(--muted);margin-bottom:12px}.lab-notes .small-note,.small-note{font-size:13px;color:var(--muted)}summary{cursor:pointer;font-weight:600;font-size:14px;padding:12px 0}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px}.reading h1{font-size:clamp(35px,4vw,52px)}.reading .lede{font-size:21px;line-height:1.6;color:var(--muted);margin:25px 0 28px}.reading section{margin:36px 0}.reading h2{font-size:28px;line-height:1.25}.reading p{font-size:17px;line-height:1.9;margin:16px 0}.reading a:not(.btn){color:var(--blue);text-decoration:underline;text-underline-offset:4px}.reading li{margin:12px 0;padding-left:5px;line-height:1.8}.reading ol{padding-left:24px}.reading-aside{padding-top:25px}.aside-card{position:sticky;top:25px;background:#e8e5ff;border-radius:14px;padding:28px}.aside-card h3{margin-top:25px;font-size:26px;line-height:1.25}.aside-card p{font-size:15px;color:var(--muted)}.mint-card{background:#dff5e8}.aside-link{display:block;padding:24px;font-size:14px;font-weight:700;color:var(--blue)}.example-code{background:#121a35;color:#c9f8df;padding:25px;border-radius:10px;overflow:auto;font:14px/1.9 monospace;white-space:pre-wrap}.exercise,.quiz{padding:30px;border-radius:14px;background:#e9edf9}.quiz-options{display:grid;gap:10px;margin-top:20px}.quiz-option{padding:14px 18px;text-align:left;border:1px solid #ced4e5;background:white;border-radius:9px;color:var(--ink)}.quiz-option.correct{background:#c3f2d6;border-color:#72ad8b}.quiz-option.incorrect{background:#ffebe8;border-color:#d29a93}.quiz #quiz-feedback{font-size:15px;line-height:1.7}.arcade-note{background:#172448;color:white;padding:22px 26px;border-radius:12px;margin:25px 0 32px;display:flex;align-items:center;gap:35px}.arcade-note>span{font-size:12px;letter-spacing:.08em;min-width:210px;font-weight:700;color:var(--mint)}.arcade-note p{font-size:14px;color:#d7def0;margin:0}.game-preview{height:205px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;padding:20px;overflow:hidden}.color-0{background:#ded9ff}.color-1{background:#c9eedc}.color-2{background:#ffe0b8}.color-3{background:#c7e7fc}.color-4{background:#ffe0e8}.color-5{background:#e6eac7}.mini-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:4px;max-height:175px;max-width:195px;width:100%;aspect-ratio:1}.mini-board span{display:grid;place-content:center;border:1px solid #17244815;background:#ffffffaa;min-width:0;min-height:0;font:600 16px monospace;border-radius:4px}.play-badge{position:absolute;right:17px;bottom:16px;display:grid;place-content:center;background:white;width:34px;height:34px;border-radius:50%;font-size:13px;color:var(--ink);box-shadow:0 2px 4px #0001}.game-symbol{font:600 54px var(--heading);letter-spacing:.02em;color:#192854}.game-preview-label{font-size:12px;font-weight:600;margin-top:10px}.game-card{display:flex;flex-direction:column}.game-card .card-body{display:flex;flex-direction:column;flex:1}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px}.game-stage{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:460px}.game-topbar{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;background:#edf0f8}.game-topbar>span{font-size:11px;font-weight:700;letter-spacing:.11em;color:var(--muted)}#game-view{padding:30px;text-align:center}.game-message h2{font-size:26px}.game-message p{font-size:16px;margin:14px 0;color:var(--muted)}.game-message .tag{margin:0 4px 18px}.game-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:6px;max-width:380px;margin:10px auto 22px}.game-cell{aspect-ratio:1;border:1px solid #ccd5e8;border-radius:7px;background:#eef2ff;color:#233c8b;font:600 clamp(15px,2.2vw,26px) var(--heading);min-width:0;min-height:0;padding:2px}.game-cell:hover{background:#dce2ff}.game-cell:disabled{cursor:default;opacity:.8}.game-cell.cell-x{background:#ded9ff;color:#6442c1}.game-cell.cell-o{background:#c9eedc;color:#1b6945}.game-cell.cell-wall{background:#253354;color:white}.game-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px auto}.game-buttons .btn{min-width:80px}#answer-form{display:flex;gap:10px;justify-content:center;margin:22px auto;max-width:480px}#answer-form input{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 14px}.game-instructions{padding:28px 0}.game-instructions h2{font-size:28px}.game-instructions p{font-size:15px;line-height:1.8;color:var(--muted)}.concept-note{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.concept-note h3{font-size:23px;margin-top:16px}.explanation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:28px 0}.explanation-grid>div{padding-top:25px;border-top:1px solid var(--line)}.step-num{font:600 20px var(--heading);color:var(--blue)}.explanation-grid h3{margin-top:20px;font-size:22px;line-height:1.25}.explanation-grid p{color:var(--muted);font-size:15px;line-height:1.8}.source-details{border:1px solid var(--line);border-radius:12px;padding:10px 24px;background:white}.source-details>summary{display:flex;justify-content:space-between;font-size:17px}.source-details>summary:before{content:'+';margin-right:12px;color:var(--blue)}.source-details>summary span{font-size:13px;margin-left:auto;color:var(--muted)}.source-details>p{font-size:15px;color:var(--muted)}.source-details .code-editor{border-radius:10px;height:430px}.source-actions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.remix-challenge{margin-top:28px;padding:30px;background:#ded9ff;border-radius:13px}.remix-challenge p{margin-bottom:0}.earning-intro{display:grid;grid-template-columns:1fr 1fr;background:#d9f1e4;border:1px solid #c4e1d1;border-radius:14px;padding:32px;gap:50px;margin:32px 0}.earning-intro .tag{background:#b5dec7}.earning-intro h2{font-size:30px;margin-top:18px}.earning-intro h3{font-size:22px;margin-top:5px}.earning-intro p{font-size:15px;color:#375949;line-height:1.8;margin-bottom:12px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.article-card{padding:27px;display:flex;gap:22px}.article-number{font:500 23px var(--heading);color:#8590b1;border-top:2px solid #b6c1d9;padding-top:8px;min-width:34px}.article-card h3{font-size:23px}.article-card p{margin-bottom:15px}.age-note{padding:15px 20px;border-left:3px solid #36875d;background:#e8f5ee;font-size:14px;color:#335542}.article-sources{border-top:1px solid var(--line);padding-top:26px;margin-top:30px}.article-sources p{font-size:14px}.article-sources a{display:block;font-size:14px;margin:12px 0}.grownup-page{max-width:800px;margin:auto}.load-error{padding:12px;background:#fff3e2}.finished-tag{background:var(--mint)}@media(max-width:1050px){.reading-layout{grid-template-columns:minmax(0,1fr) 250px;gap:35px}.card-grid{gap:16px}.card-body,.lab-card,.lesson-card{padding:20px}.game-layout{grid-template-columns:minmax(0,1fr) 250px}.article-card{padding:22px;gap:16px}.article-grid{gap:15px}.explanation-grid{gap:20px}}@media(max-width:800px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{display:block}.reading-aside{display:none}.game-layout{grid-template-columns:1fr}.game-instructions{padding:5px 10px;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.game-instructions>.eyebrow{grid-column:1/-1}.game-instructions .concept-note{grid-column:2;grid-row:2/4;margin:0;padding:0;border:0}.game-instructions>p{margin-top:0}.workspace{grid-template-columns:1fr}.lab-output{min-height:230px}.empty-output{padding:50px 20px}.code-editor{height:330px}.earning-intro{gap:30px;padding:25px}.article-card{padding:20px}.article-number{display:none}.explanation-grid{grid-template-columns:1fr}.explanation-grid>div{display:block;padding:18px 0 0}.explanation-grid h3{margin-top:10px}.arcade-note{display:block}.arcade-note p{margin-top:10px}}@media(max-width:550px){.card-grid{grid-template-columns:1fr}.page-heading p{font-size:16px}.page-heading h1{font-size:37px}.heading-row{gap:15px}.count-badge{font-size:18px;min-width:43px;height:43px}.lab-heading h1{font-size:33px}.lab-heading{align-items:flex-start}.lab-heading>.tag{display:none}.lab-notes{grid-template-columns:1fr;gap:15px}.editor-toolbar{padding:12px}.editor-footer{padding:12px}.editor-footer span{font-size:11px}.article-grid{grid-template-columns:1fr}.article-number{display:block}.earning-intro{grid-template-columns:1fr;gap:20px}.earning-intro>div+div{border-top:1px solid #b1d5c1;padding-top:20px}.reading h1{font-size:36px}.reading p{font-size:16px}.reading .lede{font-size:18px}.reading h2{font-size:25px}.exercise,.quiz{padding:23px}.game-instructions{display:block}.game-instructions .concept-note{margin-top:22px}.game-topbar{padding:12px 15px}#game-view{padding:25px 16px}.game-cell{font-size:20px}.game-message h2{font-size:25px}.source-details{padding:6px 15px}.source-details>summary{font-size:14px}.how-made .section-heading>.tag{display:none}.source-actions .btn{font-size:12px;padding:10px 12px}.article-card h3{font-size:22px}.lab-output{min-height:250px}.html-result{height:350px}footer span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.instruction-list{padding-left:20px;color:var(--muted);font-size:15px;line-height:1.8}.instruction-list li{padding-left:5px;margin:12px 0}
.home-editor{white-space:pre;overflow:auto}.window-actions{gap:12px}.window-actions .btn{flex-shrink:0}@media(max-width:550px){.feature-copy{padding:23px}.feature h2{font-size:27px}.feature-copy p{font-size:14px;margin-top:12px}.feature-copy .btn{display:none}.feature-copy .tag{margin-bottom:14px}.home-editor{min-height:128px;font-size:13px;padding:16px}.window-actions{padding:0 15px 14px}.window-actions>span{font-size:11px;line-height:1.5;max-width:145px}.home-output{font-size:12px;padding:13px 16px}}
.home-editor{height:140px}@media(max-width:550px){.home-editor{height:128px}}