@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600&display=swap";
@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(../media/atkinson-hyperlegible-latin-ext-400-normal.2f849img-7b6d.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-ext-400-normal.3rh1rylag55x1.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(../media/atkinson-hyperlegible-latin-400-normal.3kiu02q1_kqh0.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-400-normal.1oa7hikx3rep8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(../media/atkinson-hyperlegible-latin-ext-700-normal.2n79xw2utfk64.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-ext-700-normal.3rrhy5n1_o3ma.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(../media/atkinson-hyperlegible-latin-700-normal.417-y-7y4nwlv.woff2)format("woff2"),url(../media/atkinson-hyperlegible-latin-700-normal.0i9r-tkp8wzyy.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--teal:#356c69;--teal2:#356c69;--teal-pale:#e8f0ee;--amber:#a87936;--amber-pale:#f5eddf;--ink:#28302f;--muted:#68716f;--paper:#f5f3ed;--white:#fcfbf7;--line:#d8d5cc;--green:#486b58;--green-pale:#e7eee9;--shadow:0 3px 14px #28302f0d;--surface-page:var(--paper);--surface-card:var(--white);--surface-accent:var(--teal-pale);--surface-warning:var(--amber-pale);--text-primary:var(--ink);--text-secondary:var(--muted);--border-default:var(--line);--surface-diagram:#f7f7f4}*{box-sizing:border-box}small{font-size:12px}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#00979d07 1px,transparent 1px),linear-gradient(90deg,#00979d07 1px,transparent 1px),var(--paper);background-size:24px 24px;margin:0;font-family:Atkinson Hyperlegible,Arial,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}p{line-height:1.65}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;grid-template-columns:270px 1fr 180px;align-items:center;height:76px;padding:0 34px;display:grid;position:sticky;top:0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.topbar nav{place-self:stretch center;display:flex}.topbar nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 21px;font-size:12px;font-weight:700}.topbar nav button:hover,.topbar nav button.active{color:var(--teal);border-color:var(--teal)}.topbar nav span{background:var(--teal-pale);color:var(--teal);border-radius:20px;margin-left:4px;padding:2px 6px}.pill{background:var(--teal-pale);width:max-content;color:var(--teal);letter-spacing:.06em;text-transform:uppercase;border-radius:30px;align-items:center;padding:6px 9px;font:700 12px Roboto Mono;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px}main{width:min(1400px,100%);margin:auto;padding:32px 38px 80px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 390px;align-items:center;gap:90px;min-height:630px;display:grid}.eyebrow{display:none}.hero h1,.narrow-page>h1{margin:0;font-size:clamp(46px,6vw,82px);line-height:.98}.hero h1 em,.project-hero h1 em{color:var(--teal);font-style:normal}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:720px;font-size:18px}.hero-actions{gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:30px;min-height:48px;padding:0 17px;font-weight:700;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--ink);color:#fff}.secondary:hover{border-color:var(--teal);color:var(--teal)}.hero-panel{background:var(--ink);color:#fff;box-shadow:14px 14px 0 var(--amber);padding:30px;position:relative}.hero-panel>p{color:#aebabc;letter-spacing:.14em;font:600 12px Roboto Mono}.cycle-row{border-top:1px solid #425053;grid-template-columns:44px 1fr;padding:12px 0;display:grid}.cycle-row b{color:var(--amber);font:600 12px Roboto Mono}.hero-panel footer{color:#bdc9ca;margin-top:18px;font:500 12px Roboto Mono}.hero-panel footer i{background:#58c58c;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.promise-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;display:grid}.promise-grid article{background:#fff;padding:28px}.promise-grid p{color:var(--muted);font-size:13px}.narrow-page{width:min(1050px,100%)}.narrow-page>h1{font-size:clamp(42px,6vw,70px)}.lede{color:var(--muted);max-width:780px;font-size:17px}.setup-grid{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;grid-template-columns:2fr 2fr 1fr 1fr;margin:38px 0 20px;display:grid}.setup-grid label{border-right:1px solid var(--line);flex-direction:column;gap:10px;padding:20px;display:flex}.setup-grid label>span,.notebook-fields label>span{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;font:700 12px Roboto Mono}.setup-grid input,.setup-grid select{border:1px solid var(--line);background:#fff;min-height:38px;padding:7px}.setup-grid input[type=range]{accent-color:var(--teal);border:0;padding:0}.recommendation{background:var(--ink);color:#fff;grid-template-columns:1.2fr 1fr;gap:30px;padding:34px;display:grid}.recommendation h2{margin:14px 0 4px;font-size:34px}.recommendation dl{margin:0}.recommendation dl div{border-top:1px solid #465356;padding:10px 0}.recommendation dt{color:#9eadaf;text-transform:uppercase;font:600 12px Roboto Mono}.recommendation dd{margin:4px 0;font-size:13px}.recommendation .button{grid-column:1/-1;width:100%}.lesson-title{justify-content:space-between;align-items:flex-end;gap:50px;display:flex}.lesson-title h1{margin:0;font-size:clamp(46px,6vw,76px)}.lesson-title>div>p:last-child{color:var(--muted);max-width:720px}.title-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.title-badges>span:not(.pill){border:1px solid var(--line);background:#fff;padding:6px 9px;font:600 12px Roboto Mono}.notebook-fields{gap:12px;display:grid}.notebook-fields label{gap:7px;display:grid}.notebook-fields textarea{resize:vertical;border:1px solid var(--line);color:var(--ink);background:#fff;padding:12px;line-height:1.5}.lesson-grid{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.content-card{border:1px solid var(--line);background:#fff;padding:28px}.content-card h2,.code-section h2,.experiment-grid h2,.standards h2,.transfer-card h2,.architecture h2,.project-columns h2{margin:0 0 20px;font-size:30px}.part-row{border-top:1px solid var(--line);grid-template-columns:180px 1fr;gap:20px;padding:12px 0;font-size:13px;display:grid}.part-row span{color:var(--muted)}.content-card aside{background:var(--amber-pale);margin-top:15px;padding:15px;font-size:12px}.content-card aside p{margin:4px 0}.wiring-flow{justify-content:space-between;align-items:center;gap:7px;margin:42px 0;display:flex}.wiring-flow span{border:1px solid var(--line);background:var(--paper);text-align:center;padding:16px 12px;font-size:12px;font-weight:700}.wiring-flow .chip{background:var(--teal);color:#fff;box-shadow:6px 6px 0 var(--amber);border:0}.wiring-flow i{color:var(--teal);font:600 12px Roboto Mono}.content-card ol{color:var(--muted);padding-left:20px;font-size:13px}.content-card li{margin:9px 0}.code-section{color:#eef4f4;background:#111719;margin:18px 0}.code-section>header{border-bottom:1px solid #455154;justify-content:space-between;align-items:center;padding:25px 28px;display:flex}.code-section>header h2{margin:0}.code-section>header>div:last-child{display:flex}.code-section button{color:#fff;cursor:pointer;background:#20292c;border:1px solid #536063;padding:10px 12px}.code-section button:hover{background:var(--teal)}.code-grid{grid-template-columns:1fr 1fr;display:grid}.code-grid pre{color:#d7eceb;border-right:1px solid #455154;margin:0;padding:28px;font:500 12px Roboto Mono;overflow:auto}.annotations{padding:12px 28px}.annotations article{border-bottom:1px solid #455154;padding:12px 0}.annotations code{color:var(--amber);font:500 12px Roboto Mono}.annotations p{color:#bcc8c9;margin:5px 0;font-size:12px}.experiment-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.experiment-grid>article{border:1px solid var(--line);background:#fff;padding:28px}.experiment-grid code{background:var(--paper);padding:2px 5px;font-family:Roboto Mono}.experiment-grid details{border-top:1px solid var(--line);padding:12px 0}.experiment-grid summary,.standards summary{cursor:pointer;font-weight:700}.experiment-grid details p{color:var(--muted);font-size:13px}.standards{border:1px solid var(--line);background:#fff;margin-top:18px;padding:0}.standards>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.standards>summary>span:first-child{gap:3px;display:grid}.standards>summary b{font-size:14px}.standards>summary small{color:var(--text-secondary);font-size:12px}.standards-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.standards-grid article{background:var(--paper);border-top:3px solid var(--teal);padding:15px}.standards-grid article>b{color:var(--teal);font:700 12px Roboto Mono}.standards-grid h3{letter-spacing:-.01em;min-height:52px;font-size:14px}.standards-grid p{font-size:12px}.standards-grid small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.standards[open]>.standards-grid{margin:0 22px 18px}.standards-notice{border-top:1px solid var(--border-default);color:var(--muted);margin:0;padding:16px 22px;font-size:12px}.transfer-card{background:var(--teal);color:#fff;justify-content:space-between;align-items:center;gap:40px;margin-top:18px;padding:34px;display:flex}.transfer-card p{color:#d8eeee;max-width:730px}.transfer-card>div:last-child{gap:9px;display:flex}.project-hero{grid-template-columns:1fr 350px;align-items:center;gap:70px;padding:52px 0;display:grid}.project-hero h1{margin:0;font-size:clamp(52px,7vw,90px);line-height:.96}.project-hero>div>p:last-child{color:var(--muted);max-width:740px;font-size:17px}.project-hero aside{background:var(--ink);color:#fff;box-shadow:12px 12px 0 var(--amber);padding:30px}.project-hero aside strong{margin-top:18px;display:block}.stage-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stage-grid article{border:1px solid var(--line);background:#fff;padding:20px;position:relative}.stage-grid article>.pill{white-space:normal;overflow-wrap:break-word;align-items:center;width:calc(100% - 28px);max-width:100%;min-height:28px;line-height:1.35;display:flex}.stage-grid article>span:first-child{color:var(--line);font:600 16px Roboto Mono;position:absolute;top:15px;right:15px}.stage-grid article>strong{color:var(--teal);font-size:13px}.stage-grid dl{font-size:12px}.stage-grid dt{text-transform:uppercase;color:var(--muted);margin-top:12px;font:700 12px Roboto Mono}.stage-grid dd{margin:3px 0}.stage-grid button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:10px 0;font-weight:700}.stage-lessons{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;margin-top:8px;display:flex}.stage-lessons a{text-align:left;border-bottom:1px solid var(--line);width:100%}.project-columns{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.project-columns>article{border:1px solid var(--line);background:#fff;padding:28px}.project-columns ol{padding:0;list-style:none}.project-columns li{border-top:1px solid var(--line);grid-template-columns:45px 1fr;padding:12px 0;display:grid}.project-columns li b{color:var(--teal);font:600 12px Roboto Mono}.lesson-sequence{margin:52px 0}.lesson-sequence>header{max-width:760px;margin-bottom:16px}.lesson-sequence>header h2{margin:0 0 6px;font-size:24px}.lesson-sequence>header p{color:var(--text-secondary);margin:0}.lesson-sequence ol{border-block:1px solid var(--border-default);margin:0;padding:0;list-style:none}.lesson-sequence li{border-top:1px solid var(--border-default);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 0;display:grid}.lesson-sequence li:first-child{border-top:0}.lesson-sequence li>b{color:var(--teal);align-self:start;padding-top:2px;font:600 12px Roboto Mono}.lesson-sequence li div>span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font:600 12px Roboto Mono;display:block}.lesson-sequence h3{margin:0;font-size:18px}.lesson-sequence li p{color:var(--text-secondary);margin:4px 0 0;line-height:1.5}.lesson-sequence li>a{color:var(--teal);white-space:nowrap;background:0 0;border:0;padding:10px 0 10px 18px;font-weight:700;text-decoration:none}.lesson-sequence li>a:hover{text-underline-offset:4px;text-decoration:underline}.constraint-strip{background:var(--ink);color:#fff;grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.constraint-strip div{border-right:1px solid #4c585a;padding:24px}.constraint-strip b{color:var(--amber);text-transform:uppercase;font:700 12px Roboto Mono}.constraint-strip span{margin:6px 0;display:block}.constraint-strip p{color:#c1cccd;font-size:12px}.notebook-actions{gap:10px;margin:30px 0;display:flex}.notebook-sheet{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;padding:34px}.notebook-sheet article{border-bottom:1px solid var(--line);padding:15px 0}.notebook-sheet small{color:var(--teal);text-transform:uppercase;font:700 12px Roboto Mono}.notebook-sheet p{white-space:pre-wrap}.empty{text-align:center;padding:60px}.standards-footnote{color:var(--muted);margin-top:28px;font-size:12px}.site-footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:270px 1fr auto;align-items:center;gap:30px;min-height:120px;padding:28px 34px;display:grid}.site-footer p,.site-footer>span{color:var(--muted);font-size:12px}@media (max-width:1000px){.topbar{grid-template-columns:220px 1fr}.topbar>.pill{display:none}.hero,.project-hero{grid-template-columns:1fr;gap:30px}.hero{padding:60px 0}.hero-panel{max-width:500px}.setup-grid{grid-template-columns:1fr 1fr}.lesson-grid,.experiment-grid,.project-columns,.code-grid{grid-template-columns:1fr}.code-grid pre{border-bottom:1px solid #455154;border-right:0}.standards-grid,.stage-grid{grid-template-columns:1fr 1fr}.transfer-card{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:1fr}.site-footer p{display:none}}@media (max-width:680px){.topbar{grid-template-columns:1fr;height:auto;min-height:70px;padding:10px 16px}.topbar nav{order:2;justify-self:stretch;height:42px}.topbar nav button{flex:1;padding:0 10px}main{padding:35px 18px 60px}.hero{min-height:0}.hero-actions,.transfer-card>div:last-child{flex-direction:column}.button{width:100%}.promise-grid,.setup-grid,.recommendation,.standards-grid,.stage-grid,.constraint-strip{grid-template-columns:1fr}.recommendation .button{grid-column:1}.lesson-title{flex-direction:column;align-items:flex-start}.title-badges{justify-content:flex-start}.part-row{grid-template-columns:1fr;gap:3px}.wiring-flow{flex-wrap:wrap}.code-section>header{flex-direction:column;align-items:flex-start;gap:15px}.project-hero{min-height:0}.site-footer{padding:25px 18px}}@media print{.topbar,.site-footer,.notebook-actions{display:none}body{background:#fff}.notebook-page{padding:0}.notebook-sheet{box-shadow:none;border:0;padding:0}.standards-footnote{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html{background:var(--paper)}body{background:var(--paper);font-family:Atkinson Hyperlegible,Arial,sans-serif}h1,h2,h3{letter-spacing:-.018em;font-family:Atkinson Hyperlegible,Arial,sans-serif}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fcfbf7f5;grid-template-columns:auto 1fr;column-gap:52px;height:100px;padding:0 46px}.brand{width:210px;display:block}.brand-logo{width:210px;height:auto;display:block}.topbar nav{justify-self:end;transform:translateY(10px)}.topbar nav button{border-bottom-width:2px;font-size:12px;font-weight:600}.topbar nav span{border-radius:3px}.pill{letter-spacing:.02em;text-transform:none;border-radius:3px;font-weight:600}.pill:before{display:none}main{width:min(1240px,100%);padding:58px 46px 82px}.hero{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:92px;min-height:530px;padding-top:86px}.eyebrow{letter-spacing:.06em;text-transform:none;margin-bottom:13px;font:600 12px Roboto Mono}.hero h1,.narrow-page>h1{max-width:760px;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.08}.hero-copy>p:not(.eyebrow){max-width:680px;font-size:16px;line-height:1.7}.hero-actions{margin-top:28px}.button{border-radius:2px;gap:24px;min-height:44px;padding:0 15px;font-weight:600}.primary{background:var(--ink)}.primary:hover{background:#3b4644;border-color:#3b4644}.hero-panel{color:var(--ink);box-shadow:none;border-top:1px solid var(--ink);background:0 0;padding:0}.hero-panel>p{color:var(--muted);letter-spacing:0;margin:14px 0 20px;font:500 12px Roboto Mono}.cycle-row{border-color:var(--line);grid-template-columns:38px 1fr;padding:9px 0}.cycle-row b{color:var(--muted);font-weight:500}.cycle-row span{font:700 13px Atkinson Hyperlegible}.hero-panel footer{border-top:1px solid var(--line);color:var(--muted);padding-top:13px;font:400 12px Atkinson Hyperlegible}.promise-grid{background:0 0;border:0;gap:26px;margin-top:42px}.promise-grid article{border-top:1px solid var(--line);background:0 0;padding:20px 0}.promise-grid article>span{color:var(--muted);font:500 12px Roboto Mono}.promise-grid h2{margin:10px 0 6px;font-size:19px;font-weight:600}.promise-grid p{margin:0}.about-page{width:min(1120px,100%)}.about-intro{border-bottom:1px solid var(--line);max-width:920px;padding:46px 0 58px}.about-intro h1{margin:0;font-size:clamp(32px,4vw,42px);font-weight:500;line-height:1.16}.about-intro>p:last-child{color:var(--muted);max-width:760px;font-size:15px}.approach-note{border-left:2px solid var(--teal);background:var(--teal-pale);max-width:830px;color:var(--muted);margin:26px 0 0;padding:18px 20px}.approach-note strong{color:var(--ink)}.about-principles{margin:36px 0}.about-principles>h2{margin:0 0 18px;font-size:24px}.about-principles article{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;gap:18px;padding:24px 0;display:grid}.about-principles article>span{color:var(--muted);font:500 12px Roboto Mono}.about-principles h2,.about-details h2{margin:0 0 7px;font-size:22px}.about-principles p,.about-details p{color:var(--muted);max-width:760px;margin:0}.about-details{grid-template-columns:1fr 1fr;gap:20px;margin:42px 0;display:grid}.about-details article{border-top:1px solid var(--line);padding:24px 0}.about-details .eyebrow{margin-bottom:10px}.setup-grid,.notebook-sheet{box-shadow:none}.recommendation{color:var(--ink);border:1px solid var(--line);background:#eae8e1}.recommendation p{color:var(--muted)}.recommendation dl div{border-color:var(--line)}.recommendation dt{color:var(--muted)}.lesson-title h1{font-size:clamp(38px,5vw,60px);font-weight:500}.content-card h2,.code-section h2,.experiment-grid h2,.standards h2,.transfer-card h2,.architecture h2,.project-columns h2{font-size:25px;font-weight:600}.wiring-flow .chip{box-shadow:none}.standards-grid article{border-top-width:2px}.transfer-card{color:var(--ink);border:1px solid var(--line);background:#e5ece9}.transfer-card p{color:var(--muted)}.project-hero{grid-template-columns:1fr 310px;align-items:start;min-height:0;padding:54px 0 46px}.project-hero h1{max-width:790px;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.08}.project-hero aside{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:25px}.project-hero aside strong{font:700 26px Atkinson Hyperlegible}.project-hero aside p{color:var(--muted)}.project-heading{justify-content:flex-start;align-items:baseline;gap:24px;display:flex}.change-pattern-link{color:var(--teal);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;flex:none;padding:3px 0;font-weight:700}.constraint-strip{color:var(--ink);border:1px solid var(--line);background:#eae8e1}.constraint-strip div{border-color:var(--line)}.constraint-strip b{color:var(--muted)}.constraint-strip span{font:700 17px Atkinson Hyperlegible}.constraint-strip p{color:var(--muted)}.site-footer{background:var(--paper)}.site-footer a{color:inherit;text-underline-offset:3px}body{font-size:14px}.eyebrow,.pill,.setup-grid label>span,.notebook-fields label>span{font-size:12px}.hero h1,.narrow-page>h1,.lesson-title h1,.project-hero h1{font-size:clamp(32px,4vw,42px);line-height:1.16}.hero-copy>p:not(.eyebrow),.lede,.project-hero>div>p:last-child{font-size:15px}.recommendation h2{font-size:27px}.content-card h2,.code-section h2,.experiment-grid h2,.standards h2,.transfer-card h2,.architecture h2,.project-columns h2{font-size:22px}.promise-grid h2{font-size:18px}.stage-grid h3{font-size:19px}.promise-grid article>span,.hero-panel>p,.hero-panel footer,.cycle-row b,.standards-grid article>b,.standards-grid small,.site-footer p,.site-footer>span{font-size:12px}@media (max-width:1000px){.hero{gap:45px;padding-top:40px}.project-hero{padding-top:35px}}@media (max-width:680px){.topbar{grid-template-columns:1fr;height:auto;min-height:68px;padding:12px 20px}.brand,.brand-logo{width:170px}.topbar nav{justify-self:stretch;width:100%;overflow-x:auto;transform:none}.topbar nav button{min-width:max-content;padding:0 12px}main{padding:38px 20px 60px}.hero{grid-template-columns:minmax(0,1fr);gap:44px;min-height:0;padding-top:24px;display:grid}.hero h1{font-size:34px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-panel{width:100%}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions .button{width:100%}.promise-grid{grid-template-columns:1fr;gap:12px;display:grid}.about-intro{padding-top:20px}.about-principles article{grid-template-columns:34px 1fr}.about-details{grid-template-columns:1fr}.project-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:20px;display:grid}.project-hero h1{font-size:34px}.site-footer{grid-template-columns:1fr;padding:25px 20px}}.save-row{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.save-row span{color:var(--muted);font-size:12px;line-height:1.4}.notebook-save{background:var(--white);min-height:40px;padding:0 13px;font-size:12px}.standards-grid a,.reference-specs a{color:var(--teal);text-underline-offset:3px;margin-top:12px;font-size:12px;font-weight:600;display:inline-block}.reference-specs{background:var(--white);border:1px solid var(--line);margin:18px 0;padding:30px}.reference-specs>header{max-width:780px}.reference-specs>header h2{margin:0 0 8px;font-size:22px}.reference-specs>header p:last-child{color:var(--muted)}.official-sources{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 34px;display:grid}.official-sources article{border:1px solid var(--line);padding:20px}.official-sources span{color:var(--muted);font:500 12px Roboto Mono}.official-sources h3{margin:8px 0;font-size:18px}.official-sources p{color:var(--muted);font-size:12px}.section-label{margin:0 0 12px;font-size:16px}.reference-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reference-grid article{border:1px solid var(--line);padding:18px}.reference-grid img{object-fit:contain;background:var(--paper);width:100%;height:300px;display:block}.reference-grid h3{margin:16px 0 5px;font-size:18px}.reference-grid p{color:var(--muted);font-size:12px}.reference-specs>aside{background:var(--teal-pale);border-left:2px solid var(--teal);margin-top:14px;padding:20px}.reference-specs>aside h3{margin:0 0 7px;font-size:18px}.reference-specs>aside p{color:var(--muted);margin:0}.notebook-entry>header{justify-content:space-between;align-items:start;gap:24px;display:flex}.notebook-entry h2{margin:6px 0 15px;font-size:20px}.notebook-entry>header button{color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.notebook-entry>div{margin:13px 0}.notebook-entry>div strong{font-size:12px}.notebook-entry>div p{color:var(--muted);margin:4px 0}@media (max-width:680px){.official-sources,.reference-grid,.save-row{grid-template-columns:1fr}.reference-specs{padding:20px}.reference-grid img{height:220px}.save-row .button{width:100%}}.guide-notice{background:var(--amber-pale);border-left:2px solid var(--amber);color:var(--muted);margin:20px 0;padding:16px 18px;font-size:12px;display:block}.guide-notice strong{color:var(--ink)}.link-row a{color:var(--teal);text-underline-offset:3px;font-weight:600}.link-row{flex-wrap:wrap;gap:18px;margin-top:18px;display:flex}.site-footer{justify-content:flex-end;align-items:center;min-height:76px;padding:24px 34px;display:flex}.site-footer>span{font-family:Roboto Mono}@media (max-width:680px){.site-footer{justify-content:flex-start;padding:22px 20px}}.topbar{height:auto;padding:0;display:block}.topbar-main{grid-template-columns:auto 1fr;align-items:center;column-gap:52px;height:78px;padding:0 46px;display:grid}.brand,.brand-logo{width:170px}.topbar-main nav{place-self:stretch end;height:78px;display:flex;transform:none}.topbar-main nav button{border-bottom-width:2px;padding:8px 18px 0;font-size:13px;font-weight:600}.topbar-tagline{height:36px;color:var(--ink);letter-spacing:.005em;opacity:.78;align-items:center;margin:0;padding:0 46px;font-size:13px;font-weight:500;line-height:1;display:flex}.site-footer{justify-content:space-between;align-items:center;padding:24px 46px;display:flex}.site-footer>span,.site-footer>a{color:var(--muted);font:12px Roboto Mono}.site-footer a{text-underline-offset:3px}@media (max-width:680px){.topbar-main{grid-template-columns:1fr;height:auto;padding:10px 20px 0}.brand,.brand-logo{width:145px}.topbar-main nav{justify-self:stretch;width:100%;height:42px;overflow-x:auto}.topbar-main nav button{min-width:max-content;padding:5px 12px 0;font-size:12px}.topbar-tagline{height:34px;padding:0 20px;font-size:12px}.site-footer{justify-content:space-between;gap:20px;padding:22px 20px}.site-footer>span,.site-footer>a{font-size:12px}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--teal:#79c8c2;--teal2:#79c8c2;--teal-pale:#1b3936;--amber:#e4b45f;--amber-pale:#3a2f1f;--ink:#e8eeec;--muted:#adb8b5;--paper:#111715;--white:#19211f;--line:#35413e;--green:#76b28d;--green-pale:#1d3427;--shadow:none;--surface-diagram:#f7f7f4}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--paper)}body{background:var(--paper)}.topbar{background:#111715f5}.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.primary:hover{background:var(--teal);border-color:var(--teal);color:#0d1513}.secondary,.setup-grid,.setup-grid input,.setup-grid select,.notebook-fields textarea,.content-card,.experiment-grid>article,.standards,.stage-grid article,.project-columns>article,.notebook-sheet,.reference-specs,.official-sources article,.reference-grid article{background:var(--white);color:var(--ink)}.recommendation,.constraint-strip{color:var(--ink);border-color:var(--line);background:#202825}.recommendation p,.constraint-strip p{color:var(--muted)}.transfer-card{background:var(--teal-pale);color:var(--ink);border-color:var(--line)}.transfer-card p{color:var(--muted)}.code-section{color:#eef4f2;background:#0c1110}.code-section button{border-color:var(--line);background:#19211f}.code-section button:hover{background:var(--teal-pale)}.reference-grid img{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f7f4}.guide-notice{background:var(--amber-pale)}.approach-note,.reference-specs>aside{background:var(--teal-pale)}.site-footer{background:var(--paper)}}.topbar-main{grid-template-columns:minmax(360px,auto) minmax(0,1fr);align-items:stretch;height:76px}.brand-lockup{align-self:center;align-items:center;gap:16px;width:max-content;display:flex}.brand,.brand-logo{width:128px}.topbar-tagline{border-left:1px solid var(--border-default);max-width:245px;height:auto;margin:0;padding:0 0 0 16px;font-size:12px;line-height:1.4;display:block}.topbar-main nav{justify-content:flex-end;place-self:stretch stretch;align-items:stretch;width:100%;height:76px;overflow-x:auto}.topbar-main nav button{white-space:nowrap;flex:0 auto;height:76px;padding:5px 18px 0}@media (max-width:680px){.topbar-main{grid-template-columns:1fr;align-items:start;height:auto}.brand-lockup{grid-template-columns:108px minmax(0,1fr);align-self:start;align-items:center;gap:12px;display:grid}.brand,.brand-logo{width:108px}.topbar-tagline{height:auto;padding-left:12px;font-size:12px}.topbar-main nav{align-items:stretch;height:42px}.topbar-main nav button{height:42px;padding:5px 12px 0}}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;text-decoration:none;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}.title-badges>span:not(.pill){background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default)}.pill-amber{background:var(--surface-warning);color:var(--text-primary)}.pill-green{background:var(--green-pale);color:var(--green)}.guide-notice{background:var(--surface-warning);color:var(--text-secondary)}.approach-note,.reference-specs>aside{background:var(--surface-accent);color:var(--text-secondary)}.recommendation,.constraint-strip{background:color-mix(in srgb,var(--surface-card) 70%,var(--surface-page));color:var(--text-primary)}.pattern-picker{border-bottom:1px solid var(--border-default);grid-template-columns:240px 1fr;gap:34px;padding:12px 0 34px;display:grid}.pattern-picker h2{margin:0 0 7px;font-size:22px}.pattern-picker p{color:var(--text-secondary);margin:0}.pattern-picker>div:last-child{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pattern-picker button{text-align:left;border:1px solid var(--border-default);background:var(--surface-card);min-height:116px;color:var(--text-primary);cursor:pointer;padding:17px}.pattern-picker button strong,.pattern-picker button span{display:block}.pattern-picker button strong{margin-bottom:7px;font-size:16px}.pattern-picker button span{color:var(--text-secondary);font-size:12px;line-height:1.5}.pattern-picker button[aria-pressed=true]{border:2px solid var(--teal);background:var(--surface-accent)}.pattern-context{grid-template-columns:1.35fr 1fr;gap:18px;margin:18px 0;display:grid}.pattern-context article{border-top:1px solid var(--border-default);padding:20px 24px 20px 0}.pattern-context article+article{border-left:1px solid var(--border-default);padding-left:24px}.pattern-context h2{margin:0 0 8px;font-size:22px}.pattern-context p,.pattern-context small{color:var(--text-secondary)}.pattern-context small{margin-top:10px;display:block}.role-list{max-width:560px;line-height:1.8}.pattern-status{flex-wrap:wrap;gap:7px;display:flex}.teacher-checks{border:1px solid var(--border-default);background:var(--surface-warning);margin-top:18px;padding:18px 22px}.teacher-checks summary{cursor:pointer;font-weight:700}.teacher-checks li{color:var(--text-secondary);margin:8px 0}@media (max-width:900px){.pattern-picker,.pattern-picker>div:last-child,.pattern-context{grid-template-columns:1fr}}.pattern-library-page{width:min(1180px,100%)}.pattern-library-page>header{max-width:920px;margin-bottom:36px}.pattern-library-page>header h1{margin:0;font-size:clamp(32px,4vw,44px)}.pattern-library-page>header>p:last-child{max-width:780px;color:var(--text-secondary);font-size:15px}.pattern-library-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pattern-library-grid article{border:1px solid var(--border-default);background:var(--surface-card);flex-direction:column;min-height:360px;padding:26px;display:flex}.pattern-library-grid article>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.pattern-library-grid article>div:first-child>span:last-child{color:var(--text-secondary);text-transform:capitalize;font:500 12px Roboto Mono}.pattern-library-grid h2{margin:25px 0 7px;font-size:25px}.pattern-library-grid p{color:var(--text-secondary);margin:0}.pattern-library-grid small{color:var(--text-secondary);margin-top:10px;display:block}.pattern-library-grid dl{grid-template-columns:1fr 1fr;gap:10px;margin:auto 0 18px;padding-top:20px;display:grid}.pattern-library-grid dl div{border-top:1px solid var(--border-default);padding-top:9px}.pattern-library-grid dt{color:var(--text-secondary);font:500 12px Roboto Mono}.pattern-library-grid dd{margin:4px 0;font-weight:600}.pattern-library-grid .button{width:100%}.capability-transfer{align-items:start}.capability-transfer>div:first-child{max-width:360px}.capability-transfer>div:first-child>.button{margin-top:18px}.capability-transfer>.application-grid{flex:1;grid-template-columns:repeat(2,minmax(180px,1fr));gap:9px;display:grid}.application-grid>button{text-align:left;border:1px solid var(--border-default);background:var(--surface-card);min-height:125px;color:var(--text-primary);cursor:pointer;padding:14px}.application-grid strong,.application-grid span,.application-grid i{display:block}.application-grid span{color:var(--text-secondary);margin:7px 0;font-size:12px;line-height:1.45}.application-grid i{color:var(--teal);font-size:12px;font-style:normal;font-weight:700}@media (max-width:800px){.pattern-library-grid{grid-template-columns:1fr}.capability-transfer>.application-grid{grid-template-columns:1fr;width:100%}}.library-provenance{border:1px solid var(--border-default);background:var(--surface-warning);align-items:center;gap:12px;margin-top:20px;padding:13px 15px;display:flex}.library-provenance>span:last-child{color:var(--text-secondary);font-size:12px;line-height:1.45}.pattern-library-grid .coordination-label{color:var(--text-secondary);text-transform:capitalize;align-self:flex-end;font:500 12px Roboto Mono}.pattern-library-grid dl dd{font-size:13px;line-height:1.35}.pattern-library-grid dl small{margin-top:4px;font:500 12px Roboto Mono}.pattern-library-grid .pattern-focus{background:var(--surface-accent);border-left:2px solid var(--teal);gap:4px;margin:0 0 16px;padding:12px;display:grid}.pattern-library-grid .pattern-focus strong{color:var(--teal);text-transform:uppercase;font:600 12px Roboto Mono}.pattern-library-grid .pattern-focus span{color:var(--text-primary);font-size:12px}@media (max-width:600px){.library-provenance{flex-direction:column;align-items:flex-start}.pattern-library-grid dl{grid-template-columns:1fr}}h1,h2,h3{text-wrap:wrap}p,li,dd{text-wrap:pretty}.app-shell *{min-width:0}h1,h2,h3{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:100%}p,li,dd,span{overflow-wrap:break-word}.narrow-page>h1{max-width:none}.narrow-page>.lede{max-width:66ch}.pill{overflow-wrap:normal;word-break:normal;text-wrap:pretty;max-width:100%}.setup-grid label>strong{text-wrap:balance}.setup-grid label>span{text-wrap:pretty}.hero{border-bottom:0}.promise-grid article{border-top:0}.promise-grid{padding-top:12px}.about-intro{border-bottom:0;padding-bottom:34px}.about-principles article{border-bottom:0;padding:20px 0}.architecture{border-top:0;padding-top:30px}.pattern-picker{border-bottom:0}.pattern-library-grid dl div{background:color-mix(in srgb,var(--surface-card) 72%,var(--surface-page));border-top:0;padding:10px}.project-columns li{border-top:0}.notebook-sheet article{border-bottom:0}.experiment-grid details{border-top:0}.site-footer>span{letter-spacing:0;font-family:Atkinson Hyperlegible,Arial,sans-serif}.setup-grid{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-grid label{border:1px solid var(--line);background:var(--white);min-width:0}.setup-grid label:last-child{border:1px solid var(--line)}.setup-grid select,.setup-grid input{width:100%;min-width:0}.setup-grid select{appearance:none;min-height:44px;color:var(--text-primary);background-color:var(--surface-card);background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);text-overflow:ellipsis;background-position:calc(100% - 17px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:0;padding:10px 42px 10px 12px;line-height:1.3}.setup-grid select:hover{border-color:var(--text-secondary)}.setup-grid select:focus-visible{border-color:var(--teal)}.setup-grid small{color:var(--text-secondary);font-size:12px;line-height:1.4}.schedule-summary{font-size:12px}.plan-context{background:var(--surface-accent);border:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:28px;padding:18px 20px;display:flex}.plan-context p{max-width:780px;color:var(--text-secondary);margin:0}.plan-context .eyebrow{margin-bottom:5px}.plan-context strong{color:var(--text-primary);font-size:14px;display:block}.step-actions{gap:10px;display:flex}.lesson-export-actions{flex-wrap:wrap;gap:9px;margin-bottom:0;display:flex}.lesson-export-actions .button{min-height:42px;font-size:12px}.optional-notebook{border:1px solid var(--border-default);background:var(--surface-page);margin-top:8px}.optional-notebook>summary{cursor:pointer;justify-content:space-between;gap:8px;padding:9px;list-style:none;display:flex}.optional-notebook>summary span{color:var(--text-primary);font-size:12px;font-weight:700}.optional-notebook>summary small{color:var(--text-secondary);font-size:12px}.optional-notebook>p{color:var(--text-secondary);margin:0;padding:0 9px 9px;font-size:12px;line-height:1.4}.optional-notebook .notebook-fields{border-top:1px solid var(--border-default);padding:9px}.optional-notebook textarea{width:100%;font-size:12px}.optional-notebook .save-row{grid-template-columns:1fr}.optional-notebook .button{width:100%;min-height:34px}.optional-notebook .save-row span{font-size:12px}.concept-lessons{background:var(--surface-card);border:1px solid var(--border-default);padding:28px}.concept-lessons>header h2{margin:0 0 18px;font-size:22px}.concept-lessons>div{gap:12px;display:grid}.concept-lessons article{border:1px solid var(--border-default);padding:22px}.concept-lessons article>span{color:var(--teal);font:600 12px Roboto Mono}.concept-lessons h3{margin:8px 0;font-size:19px}.concept-lessons p,.concept-lessons li{color:var(--text-secondary);font-size:12px}.concept-lessons li{margin:7px 0}.concept-lessons aside{background:var(--surface-warning);color:var(--text-secondary);padding:12px;font-size:12px}.terms-page section{background:var(--surface-card);border:1px solid var(--border-default);margin-top:34px;padding:28px}.terms-page h2{margin:24px 0 6px;font-size:20px}.terms-page h2:first-child{margin-top:0}.terms-page p{color:var(--text-secondary)}.terms-page a{color:var(--teal)}.site-footer>div{align-items:center;gap:20px;display:flex}.site-footer button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}@media (max-width:1000px){.setup-grid{grid-template-columns:1fr 1fr}}@media (max-width:680px){.setup-grid{grid-template-columns:1fr}.plan-context{flex-direction:column;align-items:stretch}.plan-context .button{width:100%}.lesson-export-actions{display:grid}.lesson-export-actions .button{width:100%}.concept-lessons{padding:20px}.site-footer>div{flex-direction:column;align-items:flex-start;gap:8px}.lesson-sequence{margin:36px 0}.lesson-sequence li{grid-template-columns:36px minmax(0,1fr)}.lesson-sequence li>a{text-align:left;grid-column:2;justify-self:start;padding:4px 0}}.resources-page{width:min(1180px,100%)}.resources-hero{grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:end;gap:60px;display:grid}.resources-hero h1{margin:0;font-size:clamp(34px,5vw,58px)}.resources-hero>div>p:last-child{max-width:720px;color:var(--text-secondary);font-size:15px}.resources-hero>aside{background:var(--surface-warning);border:1px solid var(--border-default);padding:20px}.resources-hero>aside .pill{white-space:normal;width:100%;max-width:100%;line-height:1.4}.resources-hero>aside p{color:var(--text-secondary);margin-bottom:0;font-size:12px}.resource-search{background:var(--surface-accent);border-left:3px solid var(--teal);margin:30px 0;padding:24px 28px}.resource-search label{display:block}.resource-search input{border:1px solid var(--border-default);background:var(--surface-card);width:100%;min-height:52px;color:var(--text-primary);padding:11px 14px;font-size:15px}.search-results{border-top:1px solid var(--border-default);gap:0;margin-top:18px;display:grid}.search-results>p{color:var(--text-secondary);margin:12px 0;font-size:12px}.search-results>a{border-top:1px solid var(--border-default);color:var(--text-primary);grid-template-columns:150px 230px 1fr;gap:14px;padding:13px 0;text-decoration:none;display:grid}.search-results>a>span{color:var(--teal);font:600 12px Roboto Mono}.search-results>a>strong{font-size:12px}.search-results>a>small{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resource-directory{background:var(--surface-card);border-block:1px solid var(--border-default);align-items:center;gap:4px;margin:22px 0;padding:8px;display:flex}.resource-directory>span{color:var(--text-secondary);white-space:nowrap;padding:0 10px;font:600 12px Roboto Mono}.resource-directory a{text-align:center;color:var(--text-primary);flex:1;padding:10px 8px;font-size:12px;font-weight:700;text-decoration:none}.resource-directory a:hover{background:var(--surface-accent);color:var(--teal)}.resource-actions{margin-bottom:18px}.resource-hub,.resource-section{border:0;border-top:1px solid var(--border-default);background:0 0;margin:0;padding:42px 0;scroll-margin-top:175px}.resource-hub>header h2,.resource-section>header h2{margin:0 0 8px;font-size:26px}.resource-hub>header>p:last-child,.resource-section>header>p:last-child{max-width:760px;color:var(--text-secondary)}.resource-hub>div{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:22px;display:grid}.resource-hub article{background:0 0;border:0;padding:0}.resource-hub h3{margin:0 0 6px;font-size:17px}.resource-hub p{color:var(--text-secondary);font-size:12px}.resource-hub a,.resource-section a{color:var(--teal);text-underline-offset:3px;font-size:12px;font-weight:700}.hardware-profile{border:1px solid var(--border-default);border-top:3px solid var(--teal);background:var(--surface-card);margin:22px 0 0;padding:34px;scroll-margin-top:175px}.hardware-profile>header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.hardware-profile>header>div{max-width:760px}.hardware-profile h2,.component-browser h2,.future-hardware h2{margin:0 0 8px;font-size:26px}.hardware-profile>header p:last-child,.component-browser>header p:last-child,.future-hardware>p{color:var(--text-secondary);font-size:13px}.hardware-profile>header>span,.component-browser>header>span,.future-hardware>span{background:var(--surface-accent);color:var(--teal);white-space:nowrap;padding:7px 10px;font:700 11px Roboto Mono;display:inline-block}.hardware-profile dl{border-block:1px solid var(--border-default);grid-template-columns:repeat(4,minmax(0,1fr));margin:26px 0;display:grid}.hardware-profile dl div{padding:17px 18px 17px 0}.hardware-profile dl div+div{border-left:1px solid var(--border-default);padding-left:18px}.hardware-profile dt{color:var(--teal);font:700 11px Roboto Mono}.hardware-profile dd{margin:6px 0 0;font-size:13px}.hardware-profile>footer{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.hardware-profile>footer p{max-width:760px;color:var(--text-secondary);margin:0;font-size:12px}.hardware-profile>footer a{color:var(--teal);white-space:nowrap;font-size:12px;font-weight:700}.component-browser{border-top:1px solid var(--border-default);margin:42px 0 0;padding-top:42px;scroll-margin-top:175px}.component-browser>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.component-browser>header>div{max-width:760px}.component-browser>nav{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.component-browser>nav button{border:1px solid var(--border-default);background:var(--surface-card);min-height:38px;color:var(--text-primary);padding:8px 12px;font-size:12px;font-weight:700}.component-browser>nav button:hover,.component-browser>nav button.active{border-color:var(--teal);background:var(--surface-accent);color:var(--teal)}.component-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.component-groups>section{border:1px solid var(--border-default);background:var(--surface-card);padding:24px}.component-groups>section>header{justify-content:space-between;gap:14px;min-height:66px;display:flex}.component-groups h3{margin:0 0 5px;font-size:18px}.component-groups header p{color:var(--text-secondary);margin:0;font-size:12px}.component-groups header>span{color:var(--teal);white-space:nowrap;font:600 11px Roboto Mono}.component-groups ul{border-top:1px solid var(--border-default);margin:18px 0 0;padding:0;list-style:none}.component-groups li{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:flex-start;gap:16px;padding:11px 0;display:flex}.component-groups li>div{gap:3px;display:grid}.component-groups li strong{font-size:12px}.component-groups li small{color:var(--text-secondary);font:500 10px Roboto Mono}.component-groups li>span{color:var(--teal);font:700 12px Roboto Mono}.component-browser>aside{border-left:2px solid var(--amber);background:var(--surface-warning);margin-top:20px;padding:18px}.component-browser>aside p{color:var(--text-secondary);margin:5px 0 0;font-size:12px}.future-hardware{background:var(--surface-accent);border-left:3px solid var(--teal);margin:28px 0 42px;padding:28px 210px 28px 28px;position:relative}.future-hardware h2{max-width:720px}.future-hardware>p{max-width:720px;margin-bottom:0}.future-hardware>span{position:absolute;top:28px;right:28px}.hardware-profile>header>span,.component-browser>header>span,.future-hardware>span,.hardware-profile dt,.component-groups header>span,.component-groups li small{font-size:12px}.hardware-profile>footer a{white-space:normal}.board-help-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.board-help-grid>img{object-fit:contain;background:var(--surface-diagram);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;height:430px;display:block}.board-help-grid dl{margin:0}.board-help-grid dl div{border-bottom:1px solid var(--border-default);padding:12px 0}.board-help-grid dt{color:var(--teal);font:700 12px Roboto Mono}.board-help-grid dd{color:var(--text-secondary);margin:4px 0;font-size:12px;line-height:1.5}.teacher-note{background:var(--surface-warning);border-left:2px solid var(--amber);margin-top:18px;padding:15px 17px}.teacher-note summary{cursor:pointer;font-weight:700}.teacher-note p{color:var(--text-secondary);margin-bottom:0;font-size:12px}.signal-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:22px;display:grid}.signal-grid article{border-top:2px solid var(--teal);padding:0}.signal-grid h3{margin:0 0 6px;font-size:16px}.signal-grid p{color:var(--text-secondary);font-size:12px}.concept-guide>ol{counter-reset:guide;grid-template-columns:repeat(2,1fr);gap:0 32px;padding:0;list-style:none;display:grid}.concept-guide>ol li{counter-increment:guide;border-top:1px solid var(--border-default);color:var(--text-secondary);padding:17px 0;font-size:12px}.concept-guide>ol li:before{content:counter(guide,decimal-leading-zero);color:var(--teal);margin-bottom:7px;font:700 12px Roboto Mono;display:block}.foundation-disclosure{padding:0}.foundation-disclosure>summary{cursor:pointer;grid-template-columns:170px 260px 1fr;align-items:start;gap:20px;padding:24px 0;list-style:none;display:grid}.foundation-disclosure>summary>span{color:var(--teal);font:600 12px Roboto Mono}.foundation-disclosure>summary>h2{margin:0;font-size:16px}.foundation-disclosure>summary>small{color:var(--text-secondary);line-height:1.5}.foundation-disclosure>ol,.foundation-disclosure>.teacher-note,.foundation-disclosure>.resource-download{margin-left:190px}.foundation-disclosure[open]{padding-bottom:30px}.resource-download{margin-top:18px;display:inline-block}.worked-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 20px 190px;display:grid}.worked-examples article{background:var(--surface-accent);padding:17px}.worked-examples h3{margin:0 0 10px;font-size:14px}.worked-examples code{color:var(--teal);font:600 12px/1.5 Roboto Mono;display:block}.worked-examples p{color:var(--text-secondary);margin-bottom:0;font-size:12px;line-height:1.5}.sketch-foundations>div{border-top:1px solid var(--border-default);margin-top:28px}.sketch-foundations>div>details{border-bottom:1px solid var(--border-default);scroll-margin-top:175px}.sketch-foundations>div>details>summary{cursor:pointer;grid-template-columns:42px 1fr;gap:10px;padding:18px 0;list-style:none;display:grid}.sketch-foundations>div>details>summary>b{color:var(--teal);font:600 12px Roboto Mono}.sketch-foundations>div>details>summary span{gap:3px;display:grid}.sketch-foundations>div>details>summary strong{font-size:15px}.sketch-foundations>div>details>summary small{color:var(--text-secondary);line-height:1.45}.sketch-foundation-detail{grid-template-columns:1fr 1.4fr;gap:22px;padding:0 0 24px 52px;display:grid}.sketch-foundations pre{color:#d7eceb;background:#111719;margin:0;padding:18px;font:500 12px/1.6 Roboto Mono;overflow:auto}.sketch-foundations dl{grid-template-columns:1fr;gap:10px;margin:0;display:grid}.sketch-foundations dl div{border-top:1px solid var(--border-default);padding-top:9px}.sketch-foundations dt{color:var(--teal);font:600 12px Roboto Mono}.sketch-foundations dd{color:var(--text-secondary);margin:4px 0;font-size:12px;line-height:1.45}.sketch-foundation-detail>a{grid-column:1/-1}.troubleshooting-path{margin:20px 0 0;padding:0;list-style:none}.troubleshooting-path li{grid-template-columns:42px 1fr;gap:10px;padding:14px 0;display:grid}.troubleshooting-path b{color:var(--teal);font:700 12px Roboto Mono}.troubleshooting-path span{color:var(--text-secondary);font-size:12px}.classroom-downloads,.official-resource-links{border:1px solid var(--border-default);background:var(--surface-card);margin-top:24px;padding:34px}.classroom-downloads header,.official-resource-links header{max-width:780px}.classroom-downloads h2,.official-resource-links h2{margin:0 0 7px;font-size:26px}.classroom-downloads header>p:last-child,.official-resource-links header>p:last-child{color:var(--text-secondary)}.classroom-downloads>div{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px;display:grid}.classroom-downloads article{background:var(--surface-accent);padding:22px}.classroom-downloads article>span{color:var(--teal);font:600 12px Roboto Mono}.classroom-downloads h3{margin:7px 0;font-size:19px}.classroom-downloads article>p{color:var(--text-secondary);font-size:12px}.classroom-downloads .resource-actions{margin:16px 0 0}.classroom-downloads .button{width:auto;min-height:38px;text-decoration:none}.official-resource-links>div{border-top:1px solid var(--border-default);margin-top:22px;display:grid}.official-resource-links>div>a{border-bottom:1px solid var(--border-default);color:var(--text-primary);grid-template-columns:170px 250px 1fr;gap:18px;padding:16px 0;text-decoration:none;display:grid}.official-resource-links>div>a span{white-space:nowrap;width:max-content;max-width:100%;color:var(--teal);align-items:baseline;gap:5px;font:600 12px Roboto Mono;display:inline-flex}.official-resource-links>div>a span i{font-style:normal}.official-resource-links>div>a strong{font-size:13px}.official-resource-links>div>a small{color:var(--text-secondary);line-height:1.5}.official-resource-links>aside{background:var(--surface-accent);margin-top:14px;padding:17px}.official-resource-links>div>a{grid-template-columns:190px 250px minmax(0,1fr)}.official-resource-links>aside p{color:var(--text-secondary);margin-bottom:0;font-size:12px}.concept-lessons article>a{color:var(--teal);text-underline-offset:3px;margin-top:12px;font-size:12px;font-weight:700;display:inline-block}@media (max-width:1200px){.topbar-main{column-gap:24px;padding-left:28px;padding-right:28px}.topbar-main nav button{padding-left:11px;padding-right:11px;font-size:12px}}@media (max-width:900px){.topbar-main{grid-template-columns:1fr;height:auto;padding-top:12px}.brand-lockup{justify-self:start}.topbar-main nav{align-items:stretch;width:100%;height:48px;overflow-x:auto}.topbar-main nav button{min-width:max-content;height:48px;padding:8px 12px 0}.resources-hero{grid-template-columns:1fr;gap:20px}.resources-hero>aside{max-width:580px}.resource-directory{position:static;overflow-x:auto}.resource-directory a{min-width:max-content}.resource-hub>div,.signal-grid{grid-template-columns:repeat(2,1fr)}.foundation-disclosure>summary{grid-template-columns:140px 220px 1fr}.foundation-disclosure>ol,.foundation-disclosure>.teacher-note,.foundation-disclosure>.resource-download{margin-left:160px}.search-results>a{grid-template-columns:130px 1fr}.search-results>a>small{white-space:normal;grid-column:2}.official-resource-links>div>a{grid-template-columns:150px 1fr}.official-resource-links>div>a small{grid-column:2}.board-help-grid{grid-template-columns:1fr}.board-help-grid>img{height:360px}.hardware-profile dl{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware-profile dl div:nth-child(3){border-left:0;border-top:1px solid var(--border-default);padding-left:0}.hardware-profile dl div:nth-child(4){border-top:1px solid var(--border-default)}}@media (min-width:601px) and (max-width:900px){.official-resource-links>div>a{grid-template-columns:190px minmax(0,1fr)}}@media (max-width:600px){.resource-hub,.resource-section{padding:32px 0}.resource-search,.classroom-downloads,.official-resource-links{padding:22px}.resource-hub>div,.signal-grid,.concept-guide>ol,.classroom-downloads>div,.component-groups{grid-template-columns:1fr}.board-help-grid>img{height:250px}.resource-directory{grid-template-columns:repeat(2,1fr);display:grid}.resource-directory>span{grid-column:1/-1}.resource-directory a{min-width:0}.resource-actions{display:grid}.resource-actions .button{width:100%}.search-results>a,.official-resource-links>div>a{grid-template-columns:1fr;gap:5px}.search-results>a>small,.official-resource-links>div>a small{grid-column:1}.foundation-disclosure>summary{grid-template-columns:1fr;gap:5px}.foundation-disclosure>ol,.foundation-disclosure>.teacher-note,.foundation-disclosure>.resource-download{margin-left:0}.sketch-foundation-detail{grid-template-columns:1fr;padding-left:0}.sketch-foundation-detail>a{grid-column:1}.standards>summary{align-items:flex-start}.standards[open]>.standards-grid{margin-left:14px;margin-right:14px}.hardware-profile{padding:22px}.hardware-profile>header,.hardware-profile>footer,.component-browser>header{display:grid}.hardware-profile dl{grid-template-columns:1fr}.hardware-profile dl div,.hardware-profile dl div+div,.hardware-profile dl div:nth-child(3){border-left:0;border-top:1px solid var(--border-default);padding:13px 0}.hardware-profile dl div:first-child{border-top:0}.hardware-profile>footer a{white-space:normal}.component-browser>nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-browser>nav button:first-child{grid-column:1/-1}.component-groups>section{padding:20px}.future-hardware{padding:24px}.future-hardware>span{margin-top:18px;position:static}.component-groups>section>header{grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.component-groups header>span{width:max-content}}@media print{.resources-page{width:100%;padding:0}.resources-page .guide-notice,.resource-search,.resource-directory,.resource-actions,.topbar,.site-footer{display:none!important}.resource-hub,.resource-section{break-inside:avoid;border-color:#bbb;margin:12px 0;padding:18px}.teacher-note{display:block}.teacher-note>summary{list-style:none}.board-help-grid>img{height:300px}.resources-hero{grid-template-columns:1fr}.resources-hero>aside{display:none}}.lesson-page{width:min(1240px,100%);display:block}.lesson-layout{margin-top:18px}.lesson-content{gap:18px;display:grid}.lesson-content>.lesson-grid,.lesson-content>.reference-specs,.lesson-content>.concept-lessons,.lesson-content>.code-section,.lesson-content>.experiment-grid,.lesson-content>.standards,.lesson-content>.transfer-card{margin:0}.lesson-record h2{margin:0 0 8px;font-size:22px}.lesson-record header>p:last-child{color:var(--text-secondary);margin-bottom:0}.lesson-map{border-block:1px solid var(--border-default);padding:26px 28px}.lesson-map>header{grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);align-items:end;gap:32px;display:grid}.lesson-map>header h2{margin:0;font-size:22px}.lesson-map>header>p{color:var(--text-secondary);margin:0;line-height:1.6}.lesson-map>ol{border-block:1px solid var(--border-default);grid-template-columns:repeat(8,minmax(0,1fr));margin:24px 0 0;padding:0;list-style:none;display:grid}.lesson-map>ol li{gap:5px;min-width:0;padding:14px 10px 14px 14px;display:grid;position:relative}.lesson-map>ol li:not(:last-child):after{content:"→";color:var(--text-tertiary);z-index:1;position:absolute;top:21px;right:-5px}.lesson-map>ol b{color:var(--teal);font:600 12px Roboto Mono}.lesson-map>ol span{overflow-wrap:anywhere;font-size:12px;font-weight:700}.lesson-map>details{margin-top:14px}.lesson-map>details summary{color:var(--teal);cursor:pointer;font-size:12px;font-weight:700}.lesson-map>details>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:16px;display:grid}.lesson-map>details article{border-top:1px solid var(--border-default);padding:12px 0}.lesson-map>details article b{font-size:12px}.lesson-map>details article p{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.5}.individual-move-downloads{border:1px solid var(--border-default);background:var(--surface-card);padding:18px 22px}.individual-move-downloads>summary{cursor:pointer;font-weight:700}.individual-move-downloads>p{max-width:760px;color:var(--text-secondary);font-size:12px;line-height:1.55}.individual-move-downloads>div{background:var(--border-default);border:1px solid var(--border-default);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.individual-move-downloads article{background:var(--surface-card);grid-template-columns:28px 1fr;gap:4px 8px;padding:12px;display:grid}.individual-move-downloads article>b{color:var(--teal);font:600 12px Roboto Mono}.individual-move-downloads article>span{font-size:12px;font-weight:700}.individual-move-downloads .step-actions{grid-column:2}.individual-move-downloads button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.lesson-record{background:var(--surface-card);border:1px solid var(--border-default);padding:28px}.lesson-record>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.lesson-record .optional-notebook{align-self:start;margin:0}.topbar-main nav button{overflow-wrap:normal;word-break:normal}.resources-hero>aside,.resources-hero>aside .pill{min-width:0;max-width:100%}.resources-hero>aside .pill{white-space:normal;overflow-wrap:break-word;text-wrap:pretty;width:100%;display:flex}.resources-hero>aside .pill:before{flex:0 0 6px}@media (max-width:1100px){.lesson-map>ol{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-map>ol li:nth-child(4):after{display:none}.individual-move-downloads>div{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-main nav button{padding-left:9px;padding-right:9px;font-size:12px}}@media (max-width:900px){.lesson-map>header{grid-template-columns:1fr;gap:10px}}@media (max-width:680px){.lesson-record>div{grid-template-columns:1fr}.lesson-record{padding:20px}.lesson-map{padding:22px 18px}.lesson-map>ol{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-map>ol li:nth-child(2n):after{display:none}.lesson-map>details>div,.individual-move-downloads>div{grid-template-columns:1fr}}.brand-lockup{max-width:100%}.transfer-card.capability-transfer>.application-grid{display:grid}@media (max-width:1100px){.hero,.project-hero{grid-template-columns:1fr;gap:36px}.hero{min-height:0;padding:52px 0}.hero-panel{max-width:620px}.capability-transfer{flex-direction:column;align-items:stretch}.capability-transfer>div:first-child{max-width:760px}.capability-transfer>.application-grid{width:100%}}@media (max-width:680px){.brand-lockup{width:100%}.topbar-tagline{max-width:100%;line-height:1.4}.lesson-title{flex-direction:column;align-items:flex-start;gap:16px}.title-badges{justify-content:flex-start;width:100%}.capability-transfer>.application-grid{grid-template-columns:1fr}}.topbar-navigation{align-self:stretch;min-width:0}.topbar-navigation nav{order:0;min-width:0}.section-nav{border-bottom:1px solid var(--border-default);justify-content:flex-start;align-items:center;width:min(1088px,100% - 92px);min-height:44px;margin:0 auto;padding:0;display:flex}.section-nav>div{align-self:stretch;display:flex}.section-nav button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-right:22px;padding:2px 18px 0 0;font-size:12px;font-weight:600}.section-nav button:hover,.section-nav button.active{color:var(--teal);border-bottom-color:var(--teal)}.section-nav+#main-content main{padding-top:18px}.section-nav+#main-content .about-intro{padding-top:0}.home-resource-invitation{border-block:1px solid var(--border-default);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;margin-top:58px;padding:30px 0;display:grid}.home-resource-invitation h2{margin:0 0 7px;font-size:24px}.home-resource-invitation p:last-child{max-width:720px;color:var(--text-secondary);margin-bottom:0}.motion-lessons{border-top:1px solid var(--border-default);margin-top:26px}.motion-lessons>details{border-bottom:1px solid var(--border-default);scroll-margin-top:150px}.motion-lessons>details>summary{cursor:pointer;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:19px 0;list-style:none;display:grid}.motion-lessons>details>summary>b{color:var(--teal);font:600 12px Roboto Mono}.motion-lessons>details>summary>span{gap:4px;display:grid}.motion-lessons>details>summary h3{margin:0;font-size:16px}.motion-lessons>details>summary small{max-width:880px;color:var(--text-secondary);line-height:1.5}.motion-lesson-detail{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:26px;padding:2px 0 28px 54px;display:grid}.motion-lesson-detail>ol{margin:0;padding-left:20px}.motion-lesson-detail li{color:var(--text-secondary);margin:0 0 10px;font-size:12px;line-height:1.55}.motion-lesson-detail>aside{background:var(--surface-accent);padding:18px}.motion-lesson-detail>aside strong{color:var(--teal);font:600 12px Roboto Mono}.motion-lesson-detail>aside p{color:var(--text-secondary);margin:5px 0 16px;font-size:12px;line-height:1.55}.motion-lesson-detail>aside p:last-child{margin-bottom:0}.motion-sources{flex-wrap:wrap;grid-column:1/-1;gap:10px 18px;display:flex}.practice-page{width:min(1088px,100% - 92px);margin:0 auto;padding:18px 0 80px}.practice-intro{max-width:820px}.practice-intro h1,.practice-results>header h1{max-width:900px;margin:8px 0 16px;font-size:clamp(34px,4.4vw,58px);line-height:1.05}.practice-intro>p:last-child,.practice-results>header>p:last-child{max-width:760px;color:var(--text-secondary);font-size:16px;line-height:1.65}.practice-disclosure{border-left:2px solid var(--amber);background:var(--surface-warning);margin:24px 0 30px;padding:15px 18px;font-size:12px;line-height:1.55}.practice-disclosure span{color:var(--text-secondary)}.practice-disclosure strong{color:var(--text-primary)}.notebook-capacity{color:var(--text-secondary);margin:-8px 0 24px;font-size:12px}.skill-library-page,.skill-lesson-page{width:min(1088px,100% - 92px);padding-left:0;padding-right:0}.skill-library-page>header{max-width:780px}.skill-library-page>header h1,.skill-lesson-hero h1{margin:0 0 12px;font-size:clamp(36px,5vw,58px);line-height:1.05}.skill-library-page>header p,.skill-lesson-hero>div>p{color:var(--text-secondary);font-size:15px}.lesson-catalog-controls{border-block:1px solid var(--border-default);margin:30px 0 0;padding:24px 0}.lesson-catalog-search{gap:7px;max-width:680px;display:grid}.lesson-catalog-search>span,.lesson-catalog-filters label>span,.lesson-more-filters label>span,.lesson-catalog-results>header label>span{font-size:12px;font-weight:700}.lesson-catalog-search>div{border:1px solid var(--border-default);background:var(--surface-card);border-radius:4px;align-items:center;gap:10px;min-height:46px;padding:0 13px;display:flex}.lesson-catalog-search svg{color:var(--text-secondary);flex:none}.lesson-catalog-search input{width:100%;color:var(--text-primary);background:0 0;border:0;outline:0}.lesson-catalog-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.lesson-catalog-filters label,.lesson-more-filters label,.lesson-catalog-results>header label{gap:7px;display:grid}.lesson-catalog-filters select,.lesson-more-filters select,.lesson-catalog-results>header select{border:1px solid var(--border-default);background:var(--surface-page);width:100%;min-height:42px;color:var(--text-primary);border-radius:4px;padding:8px 32px 8px 10px}.lesson-more-filters{border-top:1px solid var(--border-default);margin-top:18px}.lesson-more-filters>summary{width:max-content;color:var(--teal);cursor:pointer;align-items:center;gap:7px;padding:13px 0 3px;font-size:12px;font-weight:700;list-style:none;display:flex}.lesson-more-filters>summary::-webkit-details-marker{display:none}.lesson-more-filters>label{max-width:250px;margin-top:12px}.lesson-catalog-results>header{justify-content:space-between;align-items:end;gap:24px;padding:18px 0;display:flex}.lesson-catalog-results>header p{color:var(--text-secondary);margin:0;font-size:13px}.lesson-catalog-results>header p strong{color:var(--text-primary);font-size:18px}.lesson-catalog-results>header>div{align-items:end;gap:22px;display:flex}.lesson-catalog-results>header .text-button:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.55;text-decoration:none}.lesson-catalog-results>header label{grid-template-columns:auto 170px;align-items:center}.lesson-catalog-results>header label>span{white-space:nowrap}.lesson-catalog-list{border-top:1px solid var(--border-default)}.lesson-catalog-row{border-bottom:1px solid var(--border-default);grid-template-columns:112px minmax(0,1fr) 205px 118px;align-items:start;gap:22px;padding:22px 0;scroll-margin-top:170px;display:grid}.lesson-catalog-kind{gap:10px;display:grid}.lesson-catalog-kind>span{color:var(--text-secondary);font:600 12px Roboto Mono}.lesson-catalog-main h2{margin:0 0 5px;font-size:21px}.lesson-catalog-main>p{max-width:660px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.lesson-catalog-main dl{flex-wrap:wrap;gap:8px 22px;margin:13px 0 0;display:flex}.lesson-catalog-main dl>div{gap:6px;min-width:0;display:flex}.lesson-catalog-main dt{color:var(--teal);white-space:nowrap;flex:none;font:600 12px Roboto Mono}.lesson-catalog-main dd{min-width:0;color:var(--text-secondary);margin:0;font-size:12px}.lesson-catalog-csta{gap:5px;padding-top:2px;display:grid}.lesson-catalog-csta strong{color:var(--teal);font:600 12px Roboto Mono}.lesson-catalog-csta span{color:var(--text-secondary);font:500 12px/1.5 Roboto Mono}.lesson-card-link{width:max-content;color:var(--teal);cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:7px;padding:3px 0;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.lesson-card-link:hover{text-underline-offset:4px;text-decoration:underline}.lesson-catalog-row>.concept-card-detail{grid-column:2/-1;margin-top:0;padding-top:14px}.lesson-catalog-empty{border-block:1px solid var(--border-default);padding:50px 0}.lesson-catalog-empty h2{margin:0 0 8px}.lesson-catalog-empty p{color:var(--text-secondary)}.concept-card-detail{border-top:1px solid var(--border-default);margin-top:auto}.concept-card-detail>summary{color:var(--amber);cursor:pointer;justify-content:space-between;gap:18px;padding-top:12px;font-weight:700;list-style:none;display:flex}.concept-card-detail>summary::-webkit-details-marker{display:none}.concept-card-detail[open]>summary span{transform:rotate(45deg)}.concept-card-detail ul{padding-left:20px}.concept-card-detail li{color:var(--text-secondary);margin-bottom:9px;font-size:13px;line-height:1.5}.concept-card-detail aside{border-left:2px solid var(--amber);background:var(--surface-warning);margin-top:14px;padding:14px}.concept-card-detail aside p{min-height:0;margin-bottom:0;font-size:13px}.concept-card-examples{gap:10px;display:grid}.concept-card-examples>div{border-top:1px solid var(--border-default);padding-top:10px}.concept-card-examples code{color:var(--teal);margin:5px 0;display:block}.concept-card-examples p{min-height:0;margin:0;font-size:13px}.concept-card-detail footer{flex-direction:column;gap:7px;margin-top:14px;display:flex}.concept-card-detail footer a{color:var(--teal);font-size:13px}.lesson-breadcrumb{margin:0 0 24px}.lesson-breadcrumb ol{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.lesson-breadcrumb li{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.lesson-breadcrumb li+li:before{content:"/";color:var(--text-secondary)}.lesson-breadcrumb a{color:var(--teal);font-weight:700;text-decoration:none}.lesson-breadcrumb a:hover{text-underline-offset:3px;text-decoration:underline}.lesson-breadcrumb [aria-current=page]{color:var(--text-secondary)}.skill-lesson-hero{grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:60px;display:grid}.skill-lesson-hero>aside{border:1px solid var(--border-default);background:var(--surface-card);gap:10px;padding:20px;display:grid}.skill-lesson-hero>aside strong{font-size:18px}.skill-lesson-hero>aside span{color:var(--text-secondary);font-size:12px}.skill-lesson-page>.lesson-export-actions{grid-template-columns:none;margin:28px 0 34px;display:flex}.skill-lesson-overview,.skill-lesson-columns{border-top:1px solid var(--border-default);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skill-lesson-overview article,.skill-lesson-columns article{padding:26px 28px 26px 0}.skill-lesson-page h2{font-size:22px}.skill-lesson-page li{color:var(--text-secondary);margin-bottom:9px;font-size:12px;line-height:1.55}.skill-sequence{background:var(--surface-card);border:1px solid var(--border-default);margin:30px 0;padding:28px}.skill-sequence h2{margin-top:0}.skill-sequence ol{margin:0;padding:0;list-style:none}.skill-sequence li{border-top:1px solid var(--border-default);grid-template-columns:38px 1fr;gap:12px;padding:14px 0;display:grid}.skill-sequence li b{color:var(--teal);font:600 12px Roboto Mono}.skill-sketch{color:#edf5f3;background:#111719;margin:34px 0}.skill-sketch>header{border-bottom:1px solid #35413e;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.skill-sketch h2{margin:0}.skill-sketch button{color:inherit;background:0 0;border:1px solid #60706c;padding:8px 11px}.skill-sketch pre{margin:0;padding:22px;font:500 12px/1.65 Roboto Mono;overflow:auto}.skill-troubleshooting{margin:34px 0}.skill-troubleshooting article{border-top:1px solid var(--border-default);grid-template-columns:240px 1fr;gap:24px;padding:16px 0;display:grid}.skill-troubleshooting h3{margin:0;font-size:14px}.skill-troubleshooting p{color:var(--text-secondary);margin:0;font-size:12px}.skill-support{background:var(--surface-accent);grid-template-columns:1fr 1fr;gap:28px;padding:28px;display:grid}.skill-support h2{margin-top:0}.skill-support a{color:var(--teal);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.skill-support p{color:var(--text-secondary);font-size:12px}.practice-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.practice-modes article{border:1px solid var(--border-default);background:var(--surface-card);padding:28px}.practice-modes h2{margin:7px 0 4px;font-size:26px}.practice-modes article>strong{color:var(--teal);font:600 12px Roboto Mono}.practice-modes article>p:not(.eyebrow){min-height:66px;color:var(--text-secondary);line-height:1.55}.practice-modes article>p a{color:var(--teal);text-underline-offset:3px;font-weight:600}.practice-blueprint{border-top:1px solid var(--border-default);margin-top:54px;padding-top:32px}.practice-blueprint h2{margin:7px 0 22px}.practice-blueprint>div{border:1px solid var(--border-default);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.practice-blueprint>div span{border-right:1px solid var(--border-default);border-bottom:1px solid var(--border-default);justify-content:space-between;gap:12px;padding:14px;font-size:12px;display:flex}.practice-blueprint>div b{color:var(--teal);font-family:Roboto Mono}.practice-blueprint>p,.practice-official-link{color:var(--text-secondary);font-size:12px}.practice-official-link{margin-top:28px}.practice-toolbar{z-index:5;border-bottom:1px solid var(--border-default);background:var(--surface-page);grid-template-columns:1fr auto auto;align-items:center;gap:24px;margin-bottom:22px;padding:14px 0;display:grid;position:sticky;top:0}.practice-toolbar>div{align-items:baseline;gap:14px;display:flex}.practice-toolbar>div span{color:var(--text-secondary);font-size:12px}.practice-toolbar time{font:600 112px Roboto Mono}.practice-question-nav{flex-wrap:wrap;gap:5px;margin-bottom:28px;display:flex}.practice-question-nav button{border:1px solid var(--border-default);background:var(--surface-card);width:31px;height:31px;color:var(--text-secondary);font:600 12px Roboto Mono}.practice-question-nav button.answered{background:var(--surface-accent);color:var(--teal)}.practice-question-nav button.flagged{border-color:var(--amber)}.practice-question-nav button[aria-current]{border:2px solid var(--teal);color:var(--text-primary)}.practice-question{max-width:780px;margin:0 auto}.practice-question>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.practice-question>header div{align-items:center;gap:10px;display:flex}.practice-question>header span{color:var(--teal);letter-spacing:.04em;text-transform:uppercase;font:600 12px Roboto Mono}.practice-question>header small{color:var(--text-secondary)}.practice-question>header button{color:var(--text-secondary);background:0 0;border:0;font-size:12px}.practice-question>header button.active{color:var(--amber)}.practice-question>p{color:var(--text-secondary);margin:28px 0 7px;font:500 12px Roboto Mono}.practice-question>h1{margin:0 0 25px;font-size:clamp(23px,3vw,34px);line-height:1.25}.practice-options{gap:9px;display:grid}.practice-options button{text-align:left;border:1px solid var(--border-default);background:var(--surface-card);width:100%;color:var(--text-primary);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:13px;padding:13px;display:grid}.practice-options button b{background:var(--surface-accent);width:30px;height:30px;color:var(--teal);place-items:center;font:600 12px Roboto Mono;display:grid}.practice-options button[aria-checked=true]{border:2px solid var(--teal);padding:12px}.practice-options button.correct{border-color:var(--teal)}.practice-options button.incorrect{border-color:var(--amber)}.practice-feedback{border-left:2px solid var(--teal);background:var(--surface-accent);margin-top:18px;padding:18px}.practice-feedback.review{border-left-color:var(--amber);background:var(--surface-warning)}.practice-feedback p{color:var(--text-secondary);line-height:1.55}.practice-feedback a{font-size:12px}.practice-question>footer{justify-content:space-between;gap:14px;margin-top:28px;display:flex}.practice-question>footer .button{min-width:130px}.practice-results>header{padding-right:180px;position:relative}.practice-score{color:var(--teal);margin:0;font:600 clamp(42px,6vw,72px) Roboto Mono;position:absolute;top:5px;right:0}.practice-breakdown{margin:36px 0}.practice-breakdown h2,.practice-review>h2{font-size:22px}.practice-breakdown>div{border-bottom:1px solid var(--border-default);grid-template-columns:1fr auto;gap:20px;padding:11px 0;font-size:12px;display:grid}.practice-breakdown b{color:var(--teal);font-family:Roboto Mono}.practice-review{border-top:1px solid var(--border-default);padding-top:24px}.practice-review details{border-bottom:1px solid var(--border-default)}.practice-review summary{cursor:pointer;grid-template-columns:35px minmax(0,1fr);gap:12px;padding:17px 0;display:grid}.practice-review summary>b{color:var(--teal);font:600 12px Roboto Mono}.practice-review summary span{gap:4px;font-size:12px;display:grid}.practice-review summary strong{text-transform:uppercase;color:var(--text-secondary);font-size:12px}.practice-review details>div{background:var(--surface-accent);margin:0 0 20px 47px;padding:17px}.practice-review details p{font-size:12px;line-height:1.5}.practice-review details small{color:var(--text-secondary);margin:12px 0;display:block}.practice-review details a{font-size:12px}.practice-result-actions{gap:12px;margin-top:30px;display:flex}@media (max-width:900px){.topbar-navigation{width:100%}.section-nav{width:calc(100% - 56px)}.motion-lesson-detail{grid-template-columns:1fr}.practice-blueprint>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.topbar-navigation nav{overflow-x:auto}.topbar-navigation nav button{padding-left:7px;padding-right:7px;font-size:12px}.section-nav{scrollbar-width:none;align-items:stretch;width:calc(100% - 40px);min-height:46px;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav>div{gap:12px;width:max-content;min-width:100%}.section-nav button{flex:none;margin:0;padding:2px 0 0;font-size:12px}.section-nav+#main-content main{padding-top:18px}.section-nav+#main-content .about-intro{padding-top:0}.home-resource-invitation{grid-template-columns:1fr;gap:20px;margin-top:42px}.home-resource-invitation .button{width:100%}.motion-lesson-detail{padding-left:0}.worked-examples{grid-template-columns:1fr;margin-left:0}.practice-page,.skill-library-page,.skill-lesson-page{width:calc(100% - 40px)}.skill-lesson-overview,.skill-lesson-columns,.skill-support,.skill-lesson-hero{grid-template-columns:1fr}.skill-lesson-overview article+article,.skill-lesson-columns article+article{border-left:0;padding-left:0}.skill-troubleshooting article{grid-template-columns:1fr;gap:5px}.practice-disclosure,.practice-modes{grid-template-columns:1fr}.practice-modes article>p:not(.eyebrow){min-height:0}.practice-blueprint>div{grid-template-columns:1fr}.practice-toolbar{grid-template-columns:1fr auto;gap:10px}.practice-toolbar .text-button{grid-column:1/-1;justify-self:start}.practice-question>header{flex-direction:column}.practice-question>footer .button{flex:1;min-width:0}.practice-results>header{padding-right:0}.practice-score{margin:10px 0;position:static}.practice-review details>div{margin-left:0}.practice-result-actions{flex-direction:column}}.eyebrow,.pill,.setup-grid label>span,.notebook-fields label>span,.stage-grid dt,.constraint-strip b,.project-columns li b,.standards-grid article>b,.lesson-catalog-main dt,.skill-sequence li b,.practice-question>header span,.practice-question>p{font-size:12px}.guide-notice,.pattern-context small,.role-list,.stage-grid dl,.constraint-strip p,.standards-grid p,.standards-grid small,.standards-notice,.lesson-catalog-main>p,.lesson-catalog-main dd,.skill-lesson-page li,.skill-troubleshooting p,.skill-support a,.skill-support p,.practice-disclosure,.practice-breakdown>div{font-size:13px}.project-hero>div>p:last-child,.architecture>header>p,.pattern-context p{font-size:15px}.architecture{padding-top:36px}.architecture>header{max-width:760px;margin-bottom:18px}.architecture>header h2{margin-bottom:6px}.architecture>header p{color:var(--text-secondary);margin:0}.stage-grid{border-block:1px solid var(--border-default);background:var(--surface-card);gap:0}.stage-grid article{background:0 0;border:0;padding:24px 20px}.stage-grid article+article{border-left:1px solid var(--border-default)}.stage-grid article>span:first-child{font-size:13px;top:22px;right:18px}.stage-grid h3{margin:0 0 4px;font-size:20px}.stage-grid article>strong{font-size:14px}.stage-grid dl{line-height:1.5}.stage-grid dt{letter-spacing:.03em;margin-top:14px}.stage-lessons{border-top:1px solid var(--border-default);gap:0;margin-top:16px;padding-top:8px}.stage-lessons a{border:0;border-bottom:1px solid var(--border-default);color:var(--text-primary);justify-content:space-between;gap:12px;padding:9px 0;font-size:13px;line-height:1.35;text-decoration:none;display:flex}.stage-lessons a:last-child{border-bottom:0}.stage-lessons a:hover{color:var(--teal)}@media (max-width:1000px){.project-heading{align-items:flex-start}.stage-grid article:nth-child(3){border-left:0;border-top:1px solid var(--border-default)}.stage-grid article:nth-child(4){border-top:1px solid var(--border-default)}}@media (max-width:680px){.project-heading{flex-direction:column;align-items:flex-start;gap:12px}.project-hero{padding:28px 0}.pattern-context article,.pattern-context article+article{border-left:0;padding:18px 0}.stage-grid article+article{border-left:0;border-top:1px solid var(--border-default)}}.pattern-library-page>header h1,.about-intro h1,.narrow-page>h1,.resources-hero h1,.skill-library-page>header h1,.skill-lesson-hero h1,.practice-intro h1,.practice-results>header h1,.lesson-title h1,.project-hero h1{margin-top:0;font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1.16}main.resources-page,main.practice-page,main.skill-library-page,main.skill-lesson-page,main.notebook-page{width:min(1088px,100% - 92px);margin:0 auto;padding:18px 0 80px}.resources-hero{align-items:flex-start}@media (max-width:900px){main.resources-page,main.practice-page,main.skill-library-page,main.skill-lesson-page,main.notebook-page{width:calc(100% - 56px)}}@media (max-width:680px){main.resources-page,main.practice-page,main.skill-library-page,main.skill-lesson-page,main.notebook-page{width:calc(100% - 40px);padding-top:18px}}main.learning-home,main.adapter-page{width:min(1088px,100% - 92px);margin:0 auto;padding:18px 0 80px}.adapter-intro h1{max-width:760px;margin:8px 0 18px;font-size:clamp(38px,5.6vw,64px);font-weight:500;line-height:1.04}.adapter-intro>p{max-width:720px;color:var(--text-secondary);font-size:16px;line-height:1.68}.lesson-pathway,.board-pathways,.next-step-choices{border-bottom:1px solid var(--border-default);padding:58px 0}.lesson-pathway{padding-top:28px}.lesson-pathway>header{max-width:900px;margin-bottom:30px}.board-pathways>header,.next-step-choices>header{max-width:760px;margin-bottom:28px}.lesson-pathway h1{max-width:none;margin:5px 0 8px;font-size:clamp(38px,4.5vw,54px);font-weight:500;line-height:1.04}.lesson-pathway h2,.board-pathways h2,.next-step-choices h2{margin:5px 0 8px;font-size:clamp(28px,3.8vw,40px);font-weight:500}.lesson-pathway>header>p:not(.eyebrow){max-width:760px;color:var(--text-secondary);font-size:16px;line-height:1.6}.board-pathways>div,.next-step-choices>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.board-pathways article,.next-step-choices article{border:1px solid var(--border-default);background:var(--surface-card);padding:28px}.board-pathways h3,.next-step-choices h3{margin:20px 0 7px;font-size:25px}.board-pathways article>p,.next-step-choices article>p{color:var(--text-secondary);line-height:1.55}.board-pathways article>small{border-top:1px solid var(--border-default);color:var(--text-secondary);margin-top:18px;padding-top:14px;line-height:1.5;display:block}.next-step-choices article>span{color:var(--teal);font:600 12px Roboto Mono}.library-stage{border-bottom:1px solid var(--border-default);padding:34px 0;scroll-margin-top:130px}.library-stage>header{grid-template-columns:46px minmax(0,1fr);margin-bottom:18px;display:grid}.library-stage>header>span{color:var(--teal);font:600 12px Roboto Mono}.library-stage>header h2{margin:0 0 4px;font-size:28px}.library-stage>header p{color:var(--text-secondary);margin:0}.concept-library{padding-top:48px}.concept-library>header{max-width:740px;margin-bottom:24px}.concept-library>header h2{margin:5px 0;font-size:30px}.concept-library>header>p:last-child{color:var(--text-secondary)}.skill-lesson-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-lesson-columns article:nth-child(3){border-top:1px solid var(--border-default);grid-column:1/-1}.lesson-standards{border:1px solid var(--border-default);background:var(--surface-card);margin:42px 0;padding:28px}.lesson-standards>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.lesson-standards h2{margin:4px 0}.lesson-standards>p{color:var(--text-secondary);font-size:13px}.lesson-standards>div{margin:20px 0}.lesson-standards article{border-top:1px solid var(--border-default);grid-template-columns:140px minmax(220px,.8fr) minmax(260px,1fr);gap:18px;padding:16px 0;display:grid}.lesson-standards article>span{color:var(--teal);font:600 12px Roboto Mono}.lesson-standards article h3{margin:0;font-size:14px;line-height:1.45}.lesson-standards article p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.lesson-standards article small{color:var(--text-secondary);grid-column:2/-1}.lesson-standards>a{font-size:13px}.standards-attribution{color:var(--text-secondary);margin-top:10px;font-size:12px;display:block}.lesson-next{border-block:1px solid var(--border-default);justify-content:space-between;align-items:end;gap:32px;margin-top:34px;padding:28px 0;display:flex}.lesson-next h2{max-width:680px;margin:5px 0 0}.lesson-next>div{flex:none;gap:10px;display:flex}.adapter-intro{border-bottom:1px solid var(--border-default);padding:34px 290px 40px 0;position:relative}.adapter-intro aside{border:1px solid var(--border-default);background:var(--surface-card);width:240px;padding:20px;position:absolute;top:44px;right:0}.adapter-intro aside .text-button{text-align:left;margin-top:14px}.adapter-workspace{grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);align-items:start;gap:38px;padding-top:38px;display:grid}.adapter-form{border:1px solid var(--border-default);background:var(--surface-card);position:sticky;top:92px}.adapter-form fieldset{border:0;border-bottom:1px solid var(--border-default);margin:0;padding:24px}.adapter-form fieldset:last-child{border-bottom:0}.adapter-form legend{align-items:center;gap:10px;width:100%;padding:0 0 16px;font-size:15px;display:flex}.adapter-form legend b{color:var(--teal);font:600 12px Roboto Mono}.adapter-form label{gap:6px;display:grid}.adapter-form label>span,.adapter-form fieldset>small{font-size:12px}.adapter-form label>span{font-weight:700}.adapter-form select,.adapter-form input[type=number]{border:1px solid var(--border-default);background:var(--surface-page);width:100%;color:var(--text-primary);padding:11px}.adapter-form select:disabled{opacity:.8}.adapter-form small{color:var(--text-secondary);line-height:1.45}.adapter-condition{grid-template-columns:1fr 120px;gap:10px;margin-bottom:8px;display:grid}.adapter-options{gap:8px;display:grid}.adapter-options label{border:1px solid var(--border-default);cursor:pointer;grid-template-columns:18px 1fr;align-items:start;padding:12px;display:grid}.adapter-options label.selected{border-color:var(--teal);background:var(--surface-accent)}.adapter-options label>span{gap:3px;display:grid}.adapter-options input{margin-top:3px}.adapter-prerequisite{color:var(--text-secondary);margin:12px 0 0;font-size:12px}.adapter-prerequisite .text-button{padding:0;display:inline}.adapter-result>header{padding:0 0 24px}.adapter-result>header h2{margin:5px 0;font-size:32px}.adapter-result>header>p:last-of-type{color:var(--text-secondary);line-height:1.55}.adapter-result>header>div{gap:9px;margin-top:18px;display:flex}.adapter-result-columns{border-block:1px solid var(--border-default);grid-template-columns:.7fr 1.3fr;display:grid}.adapter-result-columns article{padding:22px 24px 22px 0}.adapter-result h3{font-size:17px}.adapter-result li{color:var(--text-secondary);margin-bottom:8px;font-size:13px;line-height:1.5}.adapter-result .skill-sketch{margin:28px 0}.adapter-result .skill-sketch header>span{color:#a9b9b4;font-size:12px}.adapter-test{background:var(--surface-accent);padding:22px}.adapter-boundary{border-left:2px solid var(--amber);background:var(--surface-warning);margin-top:18px;padding:14px;font-size:12px;line-height:1.55}@media (max-width:900px){main.learning-home,main.adapter-page{width:calc(100% - 56px)}.adapter-workspace{grid-template-columns:1fr}.adapter-form{position:static}.adapter-intro{padding-right:0}.adapter-intro aside{width:auto;margin-top:20px;position:static}}@media (max-width:680px){.topbar-navigation nav,.topbar-main nav{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;display:grid;overflow:visible}.topbar-main nav button,.topbar-navigation nav button{width:100%;min-width:0;height:38px;padding:5px 4px 0;font-size:12px}main.learning-home,main.adapter-page{width:calc(100% - 40px);padding-top:18px}.lesson-pathway h1,.adapter-intro h1{font-size:34px}.lesson-pathway .hero-actions{display:grid}.board-pathways>div,.next-step-choices>div,.adapter-result-columns{grid-template-columns:1fr}.lesson-standards>header,.lesson-next{flex-direction:column;align-items:flex-start}.lesson-standards article{grid-template-columns:1fr}.lesson-standards article small{grid-column:auto}.lesson-next>div,.adapter-result>header>div{flex-direction:column;width:100%}.lesson-next .button,.adapter-result>header .button{width:100%}.adapter-condition{grid-template-columns:1fr}.adapter-result-columns article+article{border-left:0;border-top:1px solid var(--border-default);padding-left:0}}.button{min-height:44px;box-shadow:none;border-radius:5px;justify-content:center;gap:9px;padding:10px 16px;line-height:1.2;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s}.button svg,.text-button svg,.lesson-card-link svg{flex:none}.secondary{background:0 0}.text-button{color:var(--teal);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;font-weight:700;line-height:1.35;display:inline-flex}.text-button:hover{text-underline-offset:4px;text-decoration:underline}.lesson-stage-list{border-top:1px solid var(--border-default);margin:0 0 28px}.lesson-stage-row{border-bottom:1px solid var(--border-default)}.lesson-stage-row>summary{cursor:pointer;grid-template-columns:48px minmax(0,1fr) auto 24px;align-items:center;gap:16px;padding:22px 0;list-style:none;display:grid}.lesson-stage-row>summary::-webkit-details-marker{display:none}.lesson-stage-row>summary:hover h3,.lesson-stage-row[open]>summary h3{color:var(--teal)}.lesson-stage-row .stage-number{color:var(--teal);align-self:start;padding-top:3px;font:600 12px Roboto Mono}.lesson-stage-row h3{margin:0 0 3px;font-size:22px}.lesson-stage-row summary p{min-height:0;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.lesson-stage-row summary>small{color:var(--text-secondary);white-space:nowrap}.stage-chevron{color:var(--teal);transition:transform .18s}.lesson-stage-row[open] .stage-chevron{transform:rotate(180deg)}.stage-lesson-list{margin:4px 0 20px 64px;display:grid}.stage-lesson-list>a{border-top:1px solid var(--border-default);width:100%;color:var(--text-primary);grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);align-items:baseline;gap:22px;padding:14px 0;text-decoration:none;display:grid}.stage-lesson-list>a:hover strong{color:var(--teal)}.stage-lesson-main{grid-template-columns:80px minmax(0,1fr) auto;align-items:baseline;gap:14px;width:100%;display:grid}.stage-lesson-list small{color:var(--teal);font:600 12px Roboto Mono}.stage-lesson-list strong{font-size:15px}.stage-lesson-list em{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-style:normal}.stage-lesson-csta{color:var(--text-secondary);gap:8px;font:500 12px Roboto Mono;display:flex}.stage-lesson-csta b{color:var(--teal);white-space:nowrap;font-weight:600}.skill-lesson-hero>aside{border:0;border-left:1px solid var(--border-default);box-shadow:none;background:0 0;padding:0 0 0 24px}.lesson-csta-strip{border-block:1px solid var(--border-default);margin:26px 0 8px;padding:16px 0}.lesson-csta-strip>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.lesson-csta-strip>header>strong{font-size:14px}.lesson-csta-strip>div{flex-wrap:wrap;gap:8px 24px;display:flex}.lesson-csta-strip>div>span{color:var(--text-secondary);gap:8px;font-size:12px;display:flex}.lesson-csta-strip b{color:var(--teal);font-family:Roboto Mono}.skill-lesson-overview,.skill-lesson-columns{border-top:1px solid var(--border-default);gap:0}.skill-lesson-overview article,.skill-lesson-columns article{background:0 0;border:0;padding:26px 28px 26px 0}.skill-lesson-overview article+article,.skill-lesson-columns article+article{border-left:1px solid var(--border-default);padding-left:28px}.skill-lesson-columns article:nth-child(3){border-top:1px solid var(--border-default)}.skill-sequence{border:0;border-block:1px solid var(--border-default);box-shadow:none;background:0 0;border-radius:0}.skill-sketch{border-radius:0;overflow:hidden}.skill-sketch .code-action{color:inherit;cursor:pointer;background:0 0;border:1px solid #60706c;border-radius:4px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.lesson-standards,.skill-support{border:0;border-radius:0}.lesson-standards{background:0 0;padding-inline:0}.skill-support{border-top:1px solid var(--border-default);background:0 0;padding-inline:0}.adapter-intro aside{border:0;border-left:2px solid var(--teal);background:0 0;border-radius:0;padding:18px 0 18px 20px}.adapter-workspace{gap:52px}.adapter-form{border:0;border-top:1px solid var(--border-default);box-shadow:none;background:0 0;border-radius:0;overflow:visible}.adapter-form fieldset{border-bottom:1px solid var(--border-default);padding:24px 0}.adapter-form select,.adapter-form input[type=number]{background:var(--surface-page);border-radius:5px;min-height:44px;padding:10px 12px}.adapter-options{gap:9px}.adapter-options label{border-color:var(--border-default);background:0 0;border-radius:5px;min-height:62px;padding:13px 14px;transition:background-color .15s,border-color .15s}.adapter-options label:hover{border-color:var(--teal)}.adapter-options label.selected{border-color:var(--teal);background:var(--surface-accent);box-shadow:none}.adapter-prerequisite{border-left:2px solid var(--amber);background:var(--surface-warning);border-radius:0;padding:12px 14px}.adapter-result-columns{border-block:1px solid var(--border-default);gap:0}.adapter-result-columns article{background:0 0;border-radius:0;padding:22px 24px 22px 0}.adapter-result-columns article+article{border-left:1px solid var(--border-default);padding-left:24px}.adapter-test{border-radius:0}.adapter-boundary{border-left:2px solid var(--amber);border-radius:0;padding:16px 18px}.board-pathways article,.next-step-choices article{border:0;border-top:1px solid var(--border-default);box-shadow:none;background:0 0;border-radius:0;padding:24px 28px 24px 0}.board-pathways article+article,.next-step-choices article+article{border-left:1px solid var(--border-default);padding-left:28px}@media (max-width:680px){.lesson-stage-row>summary{grid-template-columns:36px minmax(0,1fr) 20px;gap:10px;padding:18px 8px}.lesson-stage-row summary>small{display:none}.stage-lesson-list{margin:2px 0 18px 36px}.stage-lesson-list>a{grid-template-columns:1fr;gap:6px}.stage-lesson-main{grid-template-columns:1fr;gap:2px}.stage-lesson-csta{gap:2px;display:grid}.stage-lesson-list em{white-space:normal}.skill-lesson-hero{gap:26px}.skill-lesson-hero>aside{border-left:0;border-top:1px solid var(--border-default);padding:18px 0 0}.skill-lesson-overview article+article,.skill-lesson-columns article+article{border-left:0;border-top:1px solid var(--border-default);padding-left:0}.lesson-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-catalog-controls{padding-top:20px}.lesson-catalog-results>header{flex-direction:column;align-items:flex-start}.lesson-catalog-results>header>div{justify-content:space-between;width:100%}.lesson-catalog-results>header label{grid-template-columns:auto minmax(0,1fr)}.lesson-catalog-row{grid-template-columns:1fr;gap:12px;padding:20px 0}.lesson-catalog-kind{justify-content:space-between;align-items:center;display:flex}.lesson-catalog-main dl{gap:6px;display:grid}.lesson-catalog-csta{border-top:1px solid var(--border-default);padding-top:10px}.lesson-catalog-row>.concept-card-detail{grid-column:1}.adapter-result-columns article+article{border-left:0;border-top:1px solid var(--border-default);padding-left:0}.board-pathways article+article,.next-step-choices article+article{border-left:0;padding-left:0}}@media (min-width:681px) and (max-width:980px){.lesson-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-catalog-row{grid-template-columns:100px minmax(0,1fr) 180px}.lesson-catalog-row>.lesson-card-link{grid-column:2}.lesson-catalog-row>.concept-card-detail{grid-column:2/-1}}.page-intro,.pattern-library-page>header,.narrow-page>.eyebrow:first-child~h1,.practice-intro{border-bottom:1px solid var(--border-default);margin:0 0 26px;padding:8px 0 22px}.page-intro h1,.pattern-library-page>header h1,.practice-intro h1{max-width:820px;margin:3px 0 6px;font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1.08}.page-intro>p:last-child,.pattern-library-page>header>p:not(.eyebrow),.practice-intro>p:last-child{max-width:760px;color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.pattern-library-page>header aside{border:0;border-top:1px solid var(--border-default);background:0 0;width:auto;margin-top:14px;padding:10px 0 0;position:static}.adapter-intro{padding:8px 255px 22px 0;position:relative}.adapter-intro h1{font-size:clamp(32px,4vw,44px)}.adapter-intro aside{width:220px;padding:10px 0 10px 18px;top:12px}.adapter-intro aside .text-button{margin-top:8px}.resource-search{border-bottom:1px solid var(--border-default);margin:0;padding:0 0 24px}.resource-search h2{margin:0 0 10px;font-size:18px}.resource-search input{border:1px solid var(--border-default);background:var(--surface-card);border-radius:4px;width:100%;min-height:46px;padding:10px 14px}.help-task-list{border-top:1px solid var(--border-default);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px;display:grid}.help-task-list a{border-bottom:1px solid var(--border-default);color:var(--text-primary);grid-template-columns:34px minmax(0,1fr);gap:2px 14px;padding:16px 8px;text-decoration:none;display:grid}.help-task-list a:nth-child(odd){padding-right:24px}.help-task-list a:nth-child(2n){border-left:1px solid var(--border-default);padding-left:24px}.help-task-list a:hover strong{color:var(--teal)}.help-task-list span{color:var(--teal);grid-row:1/3;font:600 12px Roboto Mono}.help-task-list strong{font-size:15px}.help-task-list small{color:var(--text-secondary);line-height:1.35}.help-boundary{border-left:2px solid var(--amber);color:var(--text-secondary);margin:0 0 36px;padding:12px 0 12px 16px;font-size:12px;line-height:1.45}.resources-page>.hardware-profile,.resources-page>.component-browser,.resources-page>.future-hardware,.resources-page>.resource-section,.resources-page>.classroom-downloads,.resources-page>.official-resource-links{scroll-margin-top:128px}.skill-library-page>.page-intro{margin-bottom:0}.lesson-catalog-filters{grid-template-columns:repeat(5,minmax(0,1fr))}.skill-lesson-hero{padding-top:8px}.skill-lesson-hero h1{font-size:clamp(32px,4vw,44px);line-height:1.08}@media (max-width:900px){.lesson-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.adapter-intro{padding-right:0}.adapter-intro aside{border-left:0;border-top:1px solid var(--border-default);width:auto;margin-top:14px;padding-left:0;position:static}}@media (max-width:680px){.help-task-list{grid-template-columns:1fr}.help-task-list a:nth-child(n){border-left:0;padding-inline:4px}.lesson-catalog-filters{grid-template-columns:1fr}.page-intro h1,.pattern-library-page>header h1,.practice-intro h1{font-size:32px}.topbar-navigation nav,.topbar-main nav{grid-template-columns:repeat(4,minmax(0,1fr))}}