*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#263b50;background:#f4f7fb}header{display:flex;align-items:center;gap:20px;padding:14px 28px;background:white;border-bottom:1px solid #d8e2ec}header img{width:155px;height:52px;object-fit:contain}header small{display:block;color:#617489}header>.button{margin-left:auto}main{display:grid;grid-template-columns:290px minmax(0,850px);gap:32px;max-width:1260px;margin:auto;padding:28px}nav{max-height:calc(100vh - 125px);overflow:auto;position:sticky;top:20px}nav h2{font-size:16px;margin:22px 0 8px}.lesson-link{display:block;border:0;background:none;color:#40566c;text-align:left;width:100%;padding:9px 12px;border-radius:7px;cursor:pointer;font:inherit;font-size:14px}.lesson-link[aria-current=step]{background:#e0eaf7;color:#204c7d;font-weight:700}article{padding:32px;background:white;border:1px solid #dde5ed;border-radius:12px}h1{font-size:32px;line-height:1.2;margin:10px 0 18px}article h2{font-size:20px;margin:28px 0 8px}article p{margin:8px 0 18px}.eyebrow{font-size:14px;color:#60738b}.goal{font-size:19px}.small{font-size:14px;color:#60738b}.button,button:not(.lesson-link){display:inline-block;padding:10px 16px;border:1px solid #becdde;border-radius:7px;background:white;color:#245280;text-decoration:none;font:inherit;cursor:pointer}.primary{background:#2b6096;color:white;border-color:#2b6096}.lesson-preview{margin:24px 0;padding:16px;background:#f2f6fa;border-radius:10px}.teaching-preview{width:100%;height:260px;pointer-events:none}.lesson-preview label{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lesson-preview input[type=range]{flex:1;min-width:120px}.lesson-preview output{min-width:65px}.lesson-preview p{margin:8px 0 0;font-weight:600}.lesson-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.equation{padding:16px;background:#eef4fa;border-radius:8px;margin:20px 0}details{padding:14px;border:1px solid #d9e2ec;border-radius:8px}summary{cursor:pointer;color:#2b6096}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #397abd;outline-offset:2px}@media(max-width:760px){header{flex-wrap:wrap;padding:12px}header>.button{margin-left:0}main{display:block;padding:12px}nav{position:static;max-height:240px;margin-bottom:18px}article{padding:20px}h1{font-size:26px}}

#lesson-authoring{font-size:14px;margin:16px 0}#lesson-authoring details{padding:10px}#lesson-authoring button{font-size:13px;margin:4px 0}#lesson-authoring label{display:block}#lesson-authoring input{max-width:100%}
#lesson-edit-dialog{width:min(850px,95vw);max-height:92vh;overflow:auto;border:1px solid #bbcbdc;border-radius:12px;padding:24px;color:#263b50}#lesson-edit-dialog::backdrop{background:#20364b99}#lesson-edit-dialog label{display:block;font-weight:600;margin:16px 0}#lesson-edit-dialog input,#lesson-edit-dialog textarea{display:block;width:100%;font:16px/1.5 system-ui;padding:10px;border:1px solid #9aafc5;border-radius:6px;font-weight:400}#lesson-edit-dialog textarea{resize:vertical}.edition-badge{color:#725710;background:#fff2c9;padding:5px 10px;border-radius:5px;font-size:14px}article p{white-space:pre-line}article .equation{overflow-x:auto}.lesson-preview{clear:both}textarea:focus-visible{outline:3px solid #397abd;outline-offset:2px}

.breadboard-guide{background:#f3f7fb;border:1px solid #d6e1ed;padding:16px;border-radius:10px}.board-cutaway{display:grid;grid-template-columns:repeat(4,minmax(45px,1fr));gap:5px;max-width:420px;margin:auto}.board-cutaway button{padding:3px!important;font-size:14px!important}.board-cutaway button.connected{background:#c8e4ff;border-color:#2465a1;color:#113858}.board-cutaway span{text-align:center;font-size:13px;padding:8px}.board-connection{font-size:14px}

.breadboard-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.breadboard-type-cards>div{border:1px solid #cad8e4;border-radius:9px;padding:12px;background:#f6f9fc}.breadboard-type-cards h3{font-size:16px}.breadboard-type-cards svg{width:100%;height:180px}.breadboard-type-cards p{font-size:14px}@media(max-width:650px){.breadboard-type-cards{grid-template-columns:1fr}}

.lesson-symbol{font-family:KaTeX_Main,"Times New Roman",serif;white-space:nowrap}.lesson-symbol i{font-family:KaTeX_Math,"Times New Roman",serif}.lesson-symbol sub{font-size:.72em;vertical-align:-.25em;line-height:0}

.lesson-code{background:#142b3d;color:#e5f0f7;padding:18px;border-radius:8px;overflow:auto;font:14px/1.6 monospace;white-space:pre;tab-size:2}.lesson-code .syntax-keyword{color:#c3a1ff}.lesson-code .syntax-builtin{color:#71d4e3}.lesson-code .syntax-constant{color:#ffbe73}.lesson-code .syntax-number{color:#b9df91}.lesson-code .syntax-comment{color:#94adba}