:root{color-scheme:light;--paper:#faf6eb;--ink:#18334c;--soft:#415a69;--blue:#234ea0;--blue-wash:#e8eef7;--coral:#b9472d;--yellow:#edc44c;--green:#2d6d54;--line:#d8d9cc;--display:"Avenir Next Rounded","Avenir Next","Trebuchet MS",sans-serif;--body:"Avenir Next","Helvetica Neue",sans-serif;font-family:var(--body);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.65;text-size-adjust:100%}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,select,input{min-height:44px}button,summary{cursor:pointer}button{border:1.5px solid var(--ink);background:var(--paper);padding:.65rem 1rem;border-radius:7px;font-weight:750;line-height:1.3}button:hover{background:var(--blue-wash)}button:disabled{opacity:.5;cursor:default}.primary{color:var(--paper);background:var(--blue);border-color:var(--blue)}.primary:hover{background:#163977}a{color:var(--blue);text-underline-offset:4px}a:hover{color:var(--coral)}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}h1,h2,h3,h4{font-family:var(--display);line-height:1.15;margin:0 0 .75rem}h2{font-size:clamp(1.6rem,3vw,2.7rem);letter-spacing:-.04em}h3{font-size:1.4rem;letter-spacing:-.025em}h4{font-size:1.1rem}p{margin:.6rem 0 1.2rem}img,svg{max-width:100%;display:block}li{margin:.6rem 0;padding-left:.2rem}ul,ol{padding-left:1.5rem}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:20;background:var(--ink);color:var(--paper);padding:1rem}.skip-link:focus{top:10px}.topbar,.spark-hero,.course-strip,.spark-layout,.spark-reference,footer,.storage-message,noscript{width:min(1240px,calc(100% - 48px));margin-inline:auto}.topbar{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--line);font-size:.82rem;font-weight:750}.topbar span{letter-spacing:.08em}.topbar a{min-height:44px;display:flex;align-items:center}.spark-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:3rem 0 2.5rem;gap:2rem}.kicker{font-size:.73rem;font-weight:850;letter-spacing:.12em;color:var(--blue);line-height:1.5;margin:0 0 1rem}h1{font-size:clamp(3rem,6.5vw,5.7rem);letter-spacing:-.065em;line-height:.99}h1 em{font-style:normal;color:var(--blue)}.hero-intro{font-size:1.4rem;font-weight:700;line-height:1.3;margin-top:1.5rem}.spark-hero figure{position:relative;margin:0;text-align:center}.spark-hero img{width:280px;height:280px;object-fit:contain;margin:auto}.spark-hero figcaption{font-size:.88rem;font-weight:700;margin:auto;max-width:28ch}.sticker{position:absolute;right:8px;top:0;display:grid;place-content:center;transform:rotate(9deg);width:115px;height:115px;border-radius:50%;background:var(--yellow);font-size:.8rem;font-weight:900;line-height:1.2;letter-spacing:.035em;border:1.5px dashed var(--ink)}.course-strip{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;padding:1rem 0;border-block:2px solid var(--ink);font-size:.86rem}.course-strip span:first-child{font-weight:800;letter-spacing:.06em}.course-strip strong{white-space:nowrap;color:var(--blue)}.spark-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:3.5rem;align-items:start;margin-top:2.5rem}.mission-trail{position:sticky;top:20px}.mission-trail h2{font-size:1.2rem;letter-spacing:-.02em}.mission-trail button{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:.85rem;padding:.95rem .6rem;min-height:56px}.mission-trail button[aria-current=step]{background:var(--blue);color:var(--paper);border-radius:6px}.mission-trail button.explored::after{content:' ✓';font-weight:900}.mission-trail p{font-size:.8rem;color:var(--soft);margin-top:1rem}.mission-trail>a{font-size:.8rem}main{min-width:0}.mission-heading{padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.mission-heading h2{max-width:20ch}.tagline{font-size:1.14rem;color:var(--soft);margin-bottom:0}.spark-mission>section{margin-top:2.5rem}.spark-mission p,.spark-mission li{max-width:69ch}.mission-goal{font-weight:750}.mission-rhythm{background:var(--yellow);font-size:.8rem;font-weight:750;padding:.75rem 1rem;margin-top:1.8rem;border-radius:5px}.concept{margin:1.6rem 0}.concept h4{color:var(--blue)}.prediction,.quiz{background:#f4eacb;padding:1.5rem;border-radius:10px}.prediction h3::before{content:'?';display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid var(--ink);border-radius:50%;margin-right:.6rem;font-size:1rem}.lab-launch{margin:.8rem 0 .2rem}.measurement-prompt,.debug-prompt{border-top:1px solid var(--line);padding-top:1.7rem}.debug-prompt h3{color:var(--coral)}details{border-bottom:1px solid var(--line);padding:.4rem 0}summary{min-height:44px;padding:.55rem 0;font-weight:750}details p{margin:.4rem 0 1rem}.spark-field{display:flex;flex-direction:column;gap:.4rem;font-size:.83rem;font-weight:700;min-width:0}.spark-field:has(input[type=checkbox]),.spark-field:has(input[type=radio]){flex-direction:row-reverse;justify-content:flex-end;align-items:center}.spark-field input[type=checkbox],.spark-field input[type=radio]{accent-color:var(--blue);width:20px;flex:0 0 20px;margin:0 .25rem 0 0}.spark-field input[type=number]{width:110px;padding:.4rem}.spark-field select{width:100%;max-width:100%;padding:.45rem .6rem;background:#fffcf3;border:1px solid #8a999c;border-radius:4px}textarea{width:100%;resize:vertical;border:1px solid #8a999c;background:#fffcf3;border-radius:5px;padding:.85rem;line-height:1.55;display:block}.python-editor,.python-output,.print-code{font: .85rem/1.65 "SFMono-Regular",Menlo,monospace;tab-size:4}.python-editor{min-height:240px}.python-output,.print-code{background:#e8eef0;padding:1rem;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.python-output{min-height:100px;max-height:360px;overflow:auto}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.toolbar>*{min-width:0}.model-note{font-size:.8rem;line-height:1.6;color:var(--soft);margin:1rem 0}.robot-link{padding:1rem;background:var(--blue-wash);font-weight:650;border-radius:5px}.quiz fieldset{border:0;padding:0;margin:.75rem 0}.quiz legend{font-size:.8rem;font-weight:700}.quiz .spark-field{padding:.5rem;background:#fcf7e9;margin-bottom:.5rem;border-radius:5px;line-height:1.5}.quiz [role=status]{font-weight:650}.spark-mission button+button{margin:.5rem 0 .5rem .5rem}.spark-mission label+button{margin-top:1rem}.storage-message:empty{display:none}.storage-message{background:#f4eacb;padding:.5rem 1rem;font-size:.9rem}.spark-reference{max-width:920px;margin-top:5rem;padding-top:2.5rem;border-top:2px solid var(--ink)}.spark-reference>section{margin-bottom:3rem}.spark-reference dl{columns:2;column-gap:3rem}.spark-reference dt{font-weight:800;break-after:avoid;margin-top:1rem}.spark-reference dd{margin:0 0 1rem;font-size:.9rem;break-inside:avoid}.spark-reference a{overflow-wrap:anywhere}footer{padding:2rem 0 3rem;border-top:1px solid var(--line);font-size:.85rem;margin-top:3rem}noscript{display:block;padding:1rem}.breadboard-lab{margin-top:2rem;min-width:0}.board-scroll{width:100%;overflow:auto;overscroll-behavior-inline:contain;padding:4px;background:#ece8d9;border-radius:12px}.board-scroll svg{min-width:620px;width:100%}.board-scroll svg [role=button]{cursor:pointer}.board-scroll svg [role=button]:focus{outline:3px solid var(--coral);outline-offset:3px}.board-caption{font:9px var(--body);letter-spacing:1px;fill:#4e5f64}.board-row{font:12px var(--body);font-weight:750;fill:#3f515a}.board-plus,.board-minus{font:24px var(--body);font-weight:800;fill:#9c3428}.board-minus{fill:#234e95}.board-part-label{font:10px var(--body);font-weight:800;fill:#203244;paint-order:stroke;stroke:#faf6eb;stroke-width:2px;stroke-linejoin:round}.placement{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;margin:1.3rem 0}.placement .spark-field{flex:1 1 110px}.lab-message{font-size:.86rem;color:var(--soft);min-height:2em}.meter{background:#dfeade;padding:1.3rem;border-radius:7px}.meter strong{font-size:1.5rem;display:block;font-variant-numeric:tabular-nums}.meter>span{font-size:.88rem}.meter p{font-size:.84rem;margin:.6rem 0 0}.meter.has-warning{background:#f5e7cd}.toolbar output{font-size:.86rem;font-weight:700;flex:1 1 180px}.parts-list{margin-top:2rem}.part-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.8rem}.part-row>span:first-child{flex:1 1 150px;font-weight:750}.part-row button{font-size:.8rem;padding:.5rem}.part-row .spark-field{font-size:.75rem}.concept-bench{margin:2rem 0 2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--ink)}.concept-bench h2{font-size:1.7rem}.experiment-readout{display:block;padding:1rem;background:var(--blue-wash);border-radius:5px;font-size:.95rem;font-weight:650}.experiment-visual{margin:1rem 0}.experiment-visual svg{width:100%;max-height:260px}.graph-label{font:11px var(--body);fill:#415a69}.signal-lamp{display:grid;place-items:center;margin:1rem auto;width:130px;height:130px;border-radius:50%;background:#e0dfd3;border:3px solid #677871;font-size:1.15rem;font-weight:850}.signal-lamp.lit{background:var(--yellow);border-color:#8c6b21}.circuit-equation{text-align:center;font-size:.85rem;font-weight:650}.experiment-visual table{border-collapse:collapse;width:100%;max-width:440px;margin:auto;font-variant-numeric:tabular-nums;text-align:center}.experiment-visual th,.experiment-visual td{padding:.55rem;border-bottom:1px solid #b9c5c9}.experiment-visual caption{text-align:left;font-weight:750}.spark-field input[type=range]{width:240px;max-width:100%;accent-color:var(--blue)}[data-lab]{scroll-margin-top:1rem}.writing-lines{height:8rem;background:repeating-linear-gradient(transparent 0,transparent 1.8rem,#bcc5c7 1.8rem,#bcc5c7 1.85rem)}
.lesson-circuit{margin:1.25rem 0;padding:1rem;background:#eef0e6;border-radius:8px}.lesson-circuit figcaption{font-size:.83rem;line-height:1.6;margin-top:.8rem;color:var(--soft)}.lesson-circuit .concept-bench{margin:0;padding:0;border:0}.lesson-circuit .signal-lamp{width:84px;height:84px;font-size:.85rem}.lesson-circuit .experiment-readout{font-size:.8rem}.print-roadmap{break-before:page;break-after:page}.print-roadmap h2{margin-bottom:.3in}.print-roadmap li{margin:.14in 0}.print-roadmap li p{margin:.03in 0;font-size:10pt}.print-roadmap a{font-weight:800}
@media print{.lesson-circuit{break-inside:avoid;padding:.12in;margin:.15in 0}.lesson-circuit>svg{max-height:3in;width:100%}.lesson-circuit .experiment-visual svg{max-height:1.65in}.lesson-circuit figcaption{font-size:8.5pt}.lesson-circuit .circuit-equation{font-size:8.5pt}.lesson-circuit .signal-lamp{width:.6in;height:.6in;font-size:8pt}.lesson-circuit .experiment-readout{font-size:8pt}.lesson-circuit .experiment-visual{margin:.1in 0}.lesson-circuit table th,.lesson-circuit table td{padding:.03in}.print-roadmap h2{font-size:27pt}.board-row{font-size:16px}.board-part-label{font-size:12px}.mission-worksheet{break-before:page;break-inside:avoid;padding-top:.05in}.mission-worksheet>img{float:right;width:.65in;height:.65in;margin:0 0 .12in .2in}.mission-worksheet>section{margin-top:.2in}.mission-worksheet .writing-lines{height:2in}.sketch-box{height:1.3in;border:1px dashed #879798;border-radius:5px;padding:.08in;font-size:8.5pt;color:var(--soft);margin:.14in 0}.spark-reference>section:not(:has(dl)){break-inside:avoid}}
@media(max-width:900px){.spark-layout{grid-template-columns:190px minmax(0,1fr);gap:1.7rem}.topbar span{display:none}.spark-hero{gap:1rem}.sticker{right:-10px;width:90px;height:90px;font-size:.68rem}.course-strip span:nth-child(2){display:none}}
@media(max-width:660px){.topbar,.spark-hero,.course-strip,.spark-layout,.spark-reference,footer,.storage-message,noscript{width:calc(100% - 32px)}.spark-hero{grid-template-columns:1fr 125px;padding:2rem 0;gap:.5rem}.spark-hero img{width:125px;height:170px}.spark-hero h1{font-size:3rem}.hero-intro{font-size:1.15rem}.spark-hero>div>p:last-child{font-size:.8rem}.spark-hero figcaption{font-size:.68rem}.sticker{top:-35px;width:75px;height:75px;font-size:.58rem;right:0}.kicker{font-size:.6rem}.course-strip{font-size:.72rem;gap:.6rem}.spark-layout{display:block;margin-top:1.7rem}.mission-trail{position:static;margin-bottom:2rem}.mission-trail>[data-trail]{display:flex;overflow:auto;gap:.5rem;padding:3px 3px 12px}.mission-trail button{min-width:150px;width:150px;flex-shrink:0;border:1px solid var(--line);border-radius:5px;font-size:.77rem}.mission-trail p{display:none}.mission-trail h2{font-size:1rem}.mission-trail>a{display:inline-block;margin-top:.4rem}.mission-heading h2{font-size:2.25rem}.spark-reference dl{columns:1}.prediction,.quiz{padding:1rem}.spark-field input[type=range]{width:100%}.spark-mission button+button{margin:.5rem .5rem .5rem 0}.part-row{gap:.5rem}.toolbar{align-items:center}.toolbar .spark-field{flex:1 1 115px}.experiment-readout{font-size:.85rem}}
@media(prefers-reduced-motion:no-preference){.spark-mission{animation:arrive .28s cubic-bezier(.16,1,.3,1)}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media print{@page{size:Letter;margin:.6in .6in .65in}*{animation:none!important;box-shadow:none!important}body{font-size:10.2pt;line-height:1.48;background:#fffdf8}.topbar,.course-strip,.mission-trail,[data-lab],.storage-message,.skip-link,noscript,footer{display:none!important}.spark-hero,.spark-layout,.spark-reference{width:100%;display:block;margin:0;padding:0}.spark-hero{min-height:7.8in;position:relative;break-after:page;padding-top:.35in}.spark-hero h1{font-size:56pt}.spark-hero figure{position:absolute;right:.2in;bottom:.2in;width:2.7in}.spark-hero img{width:2.4in;height:2.4in}.spark-hero .sticker{right:0}.spark-hero .kicker{font-size:9pt}.spark-hero .hero-intro{font-size:22pt}.spark-hero>div>p:last-child{max-width:3.8in;font-size:12pt}.spark-mission{break-before:page}.mission-heading{padding-bottom:.16in}.mission-heading h2{font-size:27pt}.spark-mission>section{margin-top:.22in}.spark-mission h3{font-size:15pt;break-after:avoid}.spark-mission h4{font-size:11.2pt;break-after:avoid}.spark-mission p,.spark-mission li{max-width:none;orphans:3;widows:3}.concept{margin:.15in 0}.concept p{margin-bottom:.12in}.tagline{font-size:12pt}.kicker{font-size:8pt}.mission-rhythm{font-size:8pt;padding:.09in}.prediction,.quiz{padding:.14in;border:1px solid #c7b779;break-inside:avoid}.print-code{font-size:8.5pt;line-height:1.5;padding:.12in;break-inside:avoid}details{border:0;padding:0;margin:.12in 0;break-inside:avoid}summary{display:block;min-height:0;padding:0;font-size:10.2pt}summary::marker{content:''}details p{margin:.06in 0 .1in}.spark-reference{break-before:page;border:0}.spark-reference>section{margin-bottom:.4in}.spark-reference h3{font-size:19pt;break-after:avoid}.spark-reference dl{columns:2}.spark-reference dt{font-size:10pt}.spark-reference dd{font-size:9pt}.spark-reference li{font-size:9pt}.spark-reference svg{max-height:3.2in;break-inside:avoid}a{color:inherit;text-decoration:none}button,input,select,textarea{display:none!important}.robot-link{padding:.12in}.writing-lines{height:1.1in}.measurement-prompt,.debug-prompt{padding-top:.15in}.hero-intro br{display:none}}
.topbar{flex-wrap:wrap}
