@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f7f8fa;--ink:#16212e;--muted:#5c6571;--line:#dce1e6;--blue:#2642dc;--lime:#ddf783;--navy:#14233a;--white:#fff;--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:10px 17px;font-size:15px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#edf0f6}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d97700;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.08;font-weight:500}h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.8px}h3{font-size:26px;letter-spacing:-.8px}p+p{margin-top:17px}.masthead{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);background:rgba(247,248,250,.97);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;line-height:1.3}.brand strong{font-weight:600}.brand-icon{display:grid;place-items:center;width:41px;height:41px;background:var(--blue);color:var(--lime);font:600 26px var(--display);border-radius:5px;letter-spacing:-2px}.header-note,.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;line-height:1.5}.header-note{color:var(--muted)}.text-button{border:0;background:transparent;padding:8px 0;font-size:14px}.text-button span{margin-left:20px}.layout{display:grid;grid-template-columns:252px minmax(0,1050px);max-width:1400px;margin:0 auto;padding:36px 4.5% 0;gap:38px}.sidebar{position:sticky;top:126px;align-self:start;max-height:calc(100dvh - 145px);overflow:auto;padding-right:8px}.class-tag{font-size:12px;letter-spacing:1px;font-weight:700;color:var(--blue);display:flex;gap:20px}.class-tag span{font-weight:500;color:var(--muted);letter-spacing:0}.sidebar-title{font:500 26px/1.18 var(--display);letter-spacing:-.7px;margin:22px 0 29px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;gap:15px;font-size:14px;line-height:1.5;padding:9px 0;text-decoration:none;color:var(--muted);border-right:2px solid transparent}.sidebar nav a span{font-size:12px;font-family:monospace;opacity:.8}.sidebar nav a.active{color:var(--blue);font-weight:700;border-color:var(--blue)}.sidebar-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:24px}.sidebar-bottom>p{font-size:11px;letter-spacing:1.5px;color:var(--muted);font-weight:700}.sidebar-bottom blockquote{margin:12px 0 26px;font:500 22px/1.3 var(--display)}.sidebar-bottom a{font-size:13px;color:var(--muted)}main{min-width:0}.hero{position:relative;overflow:hidden;padding:32px 37px 30px;min-height:536px;background:var(--blue);color:white;border-radius:8px}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.hero-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.3px;position:relative}.hero h1{position:relative;margin:40px 0 35px;font-size:clamp(58px,7.2vw,99px);line-height:1.01;letter-spacing:-5px;z-index:1}.hero h1 em{font-style:normal;color:var(--lime)}.hero-bottom{display:flex;align-items:end;gap:25px;justify-content:space-between;position:relative;z-index:1}.hero-bottom p{max-width:340px;font-size:16px;line-height:1.55;color:#e2e7ff}.round-link{border:1px solid #ffffff66;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:24px;text-decoration:none;flex-shrink:0}.hero-bits{position:absolute;right:34px;top:235px;display:grid;grid-template-columns:repeat(4,49px);gap:7px;transform:rotate(-8deg)}.hero-bits span{font:500 37px var(--display);height:69px;display:grid;place-items:center;background:#1831b5;border:1px solid #ffffff26;border-radius:5px;color:#afbdfc}.hero-bits .lit{background:var(--lime);color:var(--navy);border-color:var(--lime)}.hero-bits small{grid-column:1/-1;text-align:right;font:13px monospace;color:#dbe5ff;margin-top:10px}.lesson-intro{display:flex;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.pill{border:1px solid var(--line);padding:6px 10px;border-radius:20px;font-size:10px;letter-spacing:1px;white-space:nowrap;font-weight:700;color:var(--ink)}.intro-mark{margin-left:auto;font-size:22px}.chapter{padding:66px 0;border-bottom:1px solid var(--line)}.chapter-heading{display:flex;gap:21px;align-items:start;margin-bottom:25px}.section-number{font:14px monospace;color:var(--blue);border-top:2px solid var(--blue);padding-top:8px;min-width:28px;margin-top:5px}.chapter-heading .eyebrow{display:block;color:var(--muted);margin-bottom:12px}.prose{max-width:650px}.prose p{font-size:17px;line-height:1.85}.experiment{margin-top:30px;border:1px solid var(--line);border-radius:8px;padding:25px;background:white}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}.lab-hint{font-size:12px;color:var(--muted)}.decimal-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.decimal-col{text-align:center}.decimal-col label{font-size:13px;color:var(--muted);display:grid;gap:8px}.decimal-col .power{font:16px var(--display);color:var(--blue)}.decimal-col select{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:5px;text-align:center;font:500 40px var(--display);padding:10px;color:var(--ink)}.decimal-col small{display:block;margin-top:12px;font:13px monospace;color:var(--muted)}.equation{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font:500 21px/1.5 var(--display);text-align:center}.equation strong{color:var(--blue)}.lab-caption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:19px}.teacher-note{margin-top:23px;border-left:2px solid #b9c4dc;padding:10px 16px;background:#eef1f6;font-size:14px}.teacher-note summary{font-weight:600}.teacher-note summary span{color:var(--muted);font-weight:400;margin-left:15px;font-size:13px}.teacher-note p{margin-top:15px;line-height:1.8}.binary-lab{background:var(--navy);color:white;border-color:var(--navy)}.binary-lab .lab-hint,.binary-lab .lab-caption{color:#b8c5d7}.binary-lab .eyebrow{color:var(--lime)}.binary-layout{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:30px;align-items:center}.bit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.bit-col{text-align:center}.bit-col .bit-label{font:14px var(--display);color:#b8c5d7;margin-bottom:10px}.bit-col .bit-label strong{font-size:20px;color:white;display:block}.bit{width:100%;height:85px;background:#20334e;border-color:#415371;color:#b6c1d3;font:500 49px var(--display);padding:0}.bit:hover{background:#2b4161}.bit[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--navy)}.bit-col small{font:12px monospace;color:#b8c5d7;display:block;margin-top:10px}.binary-controls{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.binary-controls button{font-size:13px;padding:7px 12px;background:transparent;color:white;border-color:#526179}.binary-controls button:hover{background:#2b4161}.binary-controls .quiet{border-color:transparent;color:#b8c5d7}.binary-result{border-left:1px solid #526179;padding-left:27px;text-align:center}.binary-result>span{font-size:11px;letter-spacing:1.4px;color:#b8c5d7}.binary-result output{display:block;font:500 80px/1.25 var(--display);color:var(--lime);letter-spacing:-5px}.binary-result p{font:16px var(--display);color:#b8c5d7}.challenge{margin-top:23px;padding:25px;background:#edf1ff;border:1px solid #d8defb;border-radius:6px}.challenge .eyebrow{color:var(--blue)}.challenge h3{margin:9px 0}.challenge p{font-size:15px;color:var(--muted)}.button-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:18px}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#1931b9}.feedback{min-height:1.6em;margin-top:13px;font-size:15px;font-weight:500}.challenge .feedback.success{color:#146331}.takeaway{display:flex;gap:27px;margin-top:30px;padding:8px 0}.takeaway>span{flex:0 0 96px;color:var(--blue);font-size:11px;line-height:1.7;letter-spacing:1px;font-weight:700}.takeaway p{font-size:15px;line-height:1.8}footer{display:flex;align-items:center;gap:15px;padding:36px 0 45px;font-size:13px}footer p{line-height:1.5}footer p span{color:var(--muted);font-size:12px}footer>a{margin-left:auto;font-size:12px}.archive{padding:30px 6%;background:#eaf0ff;border-bottom:1px solid #d2dbfa;display:grid;grid-template-columns:1fr 1fr;gap:40px}.archive[hidden]{display:none}.archive h2{font-size:30px;margin:10px 0}.archive p{font-size:15px;color:var(--muted);max-width:450px}.archive-entry{display:block;text-decoration:none;padding:18px;border:1px solid #c5cfed;border-radius:5px;background:white}.archive-entry strong{display:block;margin-top:6px;font:500 24px var(--display)}.archive-entry span{font-size:12px;color:var(--blue)}.archive-next{font-size:14px;color:var(--muted);margin-top:12px}.skip-link{position:fixed;top:-100px;left:15px;z-index:99;background:var(--lime);padding:10px}.skip-link:focus{top:10px}.noscript{padding:25px;background:#fff2c2}
@media(min-width:1300px){.hero-bits{right:40px;grid-template-columns:repeat(4,57px)}.hero-bits span{height:80px;font-size:45px}}
@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr);gap:25px;padding:28px 3% 0}.hero{padding:28px;min-height:495px}.hero h1{font-size:73px}.hero-bits{right:23px;top:255px;grid-template-columns:repeat(4,32px);gap:5px}.hero-bits span{height:50px;font-size:28px}.binary-layout{gap:18px;grid-template-columns:minmax(0,1fr) 115px}.binary-result{padding-left:17px}.binary-result output{font-size:65px}.sidebar nav a{font-size:13px;gap:10px}.class-tag{gap:10px;font-size:11px}}
@media(max-width:800px){.masthead{height:76px;padding:0 5%}.header-note{display:none}.layout{display:block;padding:24px 5% 0}.sidebar{display:none}.hero{min-height:510px}.hero h1{font-size:85px}.hero-bits{right:33px;top:235px;grid-template-columns:repeat(4,43px)}.hero-bits span{height:64px;font-size:36px}.chapter{padding:50px 0}.archive{grid-template-columns:1fr;gap:20px}.hero-bottom p{max-width:300px}html{scroll-padding-top:90px}}
@media(max-width:480px){body{font-size:16px}.hero{padding:24px;min-height:570px}.hero-meta{font-size:9px;gap:15px}.hero h1{font-size:68px;letter-spacing:-4px;margin-top:36px}.hero-bits{top:345px;right:30px;grid-template-columns:repeat(4,38px);transform:rotate(-6deg)}.hero-bits span{height:50px;font-size:30px}.hero-bottom{margin-top:120px}.hero-bottom p{font-size:14px}.lesson-intro{gap:12px}.lesson-intro p{font-size:12px}.pill{font-size:9px;padding:5px 8px}.experiment{padding:19px 15px}.lab-heading{gap:8px;align-items:start}.lab-heading .eyebrow{font-size:10px}.lab-hint{font-size:11px;text-align:right}.decimal-columns{gap:7px}.decimal-col label{font-size:11px}.decimal-col select{font-size:29px;padding:7px 2px}.decimal-col small{font-size:11px}.equation{font-size:18px}.binary-layout{grid-template-columns:1fr}.binary-result{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 0 0;border-left:0;border-top:1px solid #526179}.binary-result output{font-size:48px;letter-spacing:-2px}.bit{height:76px}.binary-controls{justify-content:center}.chapter-heading{gap:13px}.chapter-heading .eyebrow{font-size:10px;letter-spacing:1px}h2{font-size:31px;letter-spacing:-1px}.teacher-note summary span{display:block;margin:4px 0 0 17px}.takeaway{gap:16px}.takeaway>span{flex-basis:72px;font-size:10px}footer{align-items:start;flex-wrap:wrap}footer>a{margin-left:56px}.archive h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.masthead,.sidebar,.archive,button,.skip-link{display:none!important}.layout{display:block;padding:0}.hero{min-height:0;background:white;color:black;padding:10px}.hero h1{font-size:48px;margin:20px 0}.hero h1 em,.hero-bottom p{color:black}.hero-bits,.hero-meta,.round-link{display:none}.chapter{break-inside:avoid;padding:25px 0}.binary-lab{background:#eee;color:black}.binary-lab *{color:black!important}.teacher-note{display:block}.chapter-heading .eyebrow{color:black}footer{display:none}}
.circuit-layout{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:20px;align-items:center}.circuit-layout svg{width:100%;overflow:visible}.wire{fill:none;stroke:#9ba8b9;stroke-width:4}.battery{stroke:var(--ink);stroke-width:4}.circuit-layout svg text{font:11px var(--body);fill:var(--muted)}.circuit-layout svg circle{fill:var(--paper);stroke:#9ba8b9;stroke-width:3}.bulb-filament{stroke:#9ba8b9;stroke-width:2}.circuit-layout.is-on .wire{stroke:var(--blue)}.circuit-layout.is-on #lamp-circle{fill:var(--lime);stroke:var(--blue)}.circuit-layout.is-on .bulb-filament{stroke:var(--blue)}.circuit-output{text-align:center}.state-bit{display:block;font:500 58px var(--display);color:var(--blue)}.circuit-output button{font-size:13px;padding:9px 13px}.circuit-output p{font-size:12px;color:var(--muted);margin-top:10px}.silicon-note{display:flex;gap:25px;margin-top:28px;align-items:center}.element-tile{flex:0 0 92px;border:1px solid var(--line);padding:8px 12px;background:#eaf0ff;line-height:1.2;color:var(--blue)}.element-tile small{font-size:12px}.element-tile strong{display:block;font:500 40px var(--display)}.element-tile span{font-size:12px}.silicon-note p{font-size:14px;line-height:1.8}.byte-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:27px 0 10px}.byte-strip span{font:500 30px var(--display);display:grid;place-items:center;height:62px;border:1px solid #d4dced;background:#eaf0ff;color:var(--blue);border-radius:4px}.byte-caption{text-align:center;font-size:13px;color:var(--muted)}.prefix-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.prefix-grid>div{padding:0 10px;text-align:center;border-right:1px solid var(--line)}.prefix-grid>div:last-child{border:0}.prefix-grid span{display:block;font-size:14px;color:var(--muted)}.prefix-grid strong{display:block;font:500 32px var(--display);margin:9px 0;color:var(--blue)}.prefix-grid small{font:11px monospace;overflow-wrap:anywhere}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:15px}.range-label strong{font:500 27px var(--display);color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer;margin:20px 0;height:24px}.conversion-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;text-align:center}.conversion-flow>div{flex:1;padding:15px 8px}.conversion-flow>span{font:12px monospace;color:var(--muted)}.conversion-flow div>span{display:block;font-size:10px;letter-spacing:.8px;color:var(--muted)}.conversion-flow strong{font:500 47px var(--display);display:block;margin-top:5px}.conversion-highlight{background:var(--lime);border-radius:5px}.wave-chart,.phase-chart{display:block;width:100%;margin-top:10px}.wave-axis{stroke:#cfd7e3;stroke-width:1;fill:none}.wave-path{stroke:var(--blue);stroke-width:3;fill:none}.wave-chart text{font:12px var(--body);fill:var(--muted)}.phase-lab>p{font-size:15px;line-height:1.8}.phase-bits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;gap:10px}.phase-bits button{font:500 24px var(--display);background:#eaf0ff;border-color:#d1dcfc;color:var(--blue)}.phase-bits button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.meaning-lab{text-align:center;background:var(--navy);color:white}.meaning-lab>.eyebrow{color:#b8c5d7}.meaning-byte{font:500 clamp(32px,4.8vw,57px) var(--display);letter-spacing:10px;margin:25px 0;color:var(--lime)}.interpret-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.interpret-buttons button{background:transparent;color:#cbd5e3;border-color:#526179;font-size:13px}.interpret-buttons button[aria-pressed=true]{background:var(--lime);color:var(--navy);border-color:var(--lime)}.meaning-result{border-top:1px solid #526179;margin-top:28px;padding:24px 10px 5px;min-height:175px}.meaning-result strong{font:500 52px var(--display);display:block}.meaning-result p{font-size:14px;color:#cbd5e3;margin-top:12px;max-width:490px;margin-left:auto;margin-right:auto}.colour-swatch{display:inline-block;width:52px;height:52px;border:1px solid #8190a3;border-radius:5px;background:rgb(65,65,65);vertical-align:middle}.concept-list{margin:28px 0 0}.concept-list>div{display:grid;grid-template-columns:145px 1fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.concept-list dt{font-weight:600}.concept-list dd{margin:0;color:var(--muted)}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.journey button{font-size:13px;padding:12px 7px;text-align:left}.journey button>span{display:block;font:11px monospace;color:var(--muted);margin-bottom:6px}.journey button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.journey button[aria-pressed=true]>span{color:#d7dfff}.journey-detail{padding:25px 0;min-height:157px}.journey-detail h3{font-size:23px}.journey-detail p{margin-top:12px;font-size:15px;color:var(--muted)}.power-row{border-top:1px solid var(--line);padding-top:20px}.power-row button{font-size:13px}.power-row p{font-size:14px;color:var(--muted);margin-top:13px}.power-row button[aria-pressed=true]{background:var(--navy);color:white}.quiz-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);letter-spacing:.5px}.quiz-progress{display:flex;gap:5px}.quiz-progress span{height:5px;width:23px;border-radius:3px;background:var(--line)}.quiz-progress .done{background:var(--blue)}.quiz h3{font-size:25px;line-height:1.4;margin:23px 0}.quiz-options{display:grid;gap:10px}.quiz-options button{display:flex;gap:15px;text-align:left;align-items:center;font-size:15px;font-weight:500;line-height:1.6}.quiz-options button span{font:12px monospace;color:var(--muted);background:var(--paper);padding:3px 7px}.quiz-options button.correct{background:#edf6d9;border-color:#82a844}.quiz-options button.incorrect{background:#fff1e8;border-color:#c56d34}.quiz-feedback{font-size:15px;line-height:1.8;padding:19px 0 0}.quiz-feedback:empty{display:none}.quiz .button-row{justify-content:space-between}.quiz .complete-mark{font:500 48px var(--display);color:var(--blue);padding-top:16px}.source-section{border-bottom:0}.source-links{display:flex;gap:12px 24px;flex-wrap:wrap;margin:23px 0;font-size:14px;color:var(--blue)}.source-photos,.references{border-top:1px solid var(--line);padding:17px 0;font-size:14px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:210px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.photo-grid figcaption{font-size:12px;color:var(--muted);margin-top:7px}.references ul{padding-left:22px;line-height:2}.next-class{margin-top:30px;background:#eaf0ff;border-radius:7px;padding:28px}.next-class>.eyebrow{color:var(--blue)}.next-class h3{margin:13px 0;font-size:28px}.next-class p{font-size:15px;color:var(--muted)}.next-class button{color:var(--blue);margin-top:12px}
@media(max-width:1050px){.prefix-grid small{font-size:10px}.conversion-flow{gap:3px}.conversion-flow>div{padding:13px 4px}.conversion-flow div>span{font-size:9px;letter-spacing:0}.conversion-flow>span{font-size:10px}.journey{grid-template-columns:1fr 1fr}.circuit-layout{grid-template-columns:1fr 145px}}
@media(max-width:480px){.circuit-layout{grid-template-columns:1fr}.circuit-output{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.circuit-output .state-bit{font-size:44px}.circuit-output p{flex-basis:100%;margin:0}.silicon-note{gap:16px;align-items:start}.silicon-note p{font-size:13px}.element-tile{flex-basis:72px}.byte-strip{gap:4px}.byte-strip span{height:43px;font-size:22px}.prefix-grid{grid-template-columns:1fr 1fr;row-gap:23px}.prefix-grid>div:nth-child(2){border:0}.prefix-grid small{font-size:12px}.conversion-flow strong{font-size:37px}.conversion-flow>span{font-size:9px}.meaning-byte{font-size:36px;letter-spacing:5px}.concept-list>div{grid-template-columns:1fr;gap:5px}.photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto}.quiz h3{font-size:22px}.quiz-options button{font-size:14px}.next-class{padding:23px}.next-class h3{font-size:25px}}