*{box-sizing:border-box}body{margin:0;background:var(--island-bg-eaf3f7-100,#eaf3f7);color:var(--island-fg-173749-100,#173749);font:17px/1.8 system-ui,"Yu Gothic",sans-serif}a{color:var(--island-fg-096e92-100,#096e92)}header{display:flex;justify-content:space-between;padding:16px max(20px,calc((100% - 1200px)/2));border-bottom:1px solid #92adbb;background:var(--island-bg-ffffff-100,#fff)}main{max-width:1200px;margin:auto;padding:28px 20px}.intro{max-width:760px}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:800}h1{font-size:clamp(34px,5vw,55px);line-height:1.2;margin:16px 0}h2{font-size:28px;line-height:1.4;margin:6px 0}h3{font-size:18px;margin:0 0 10px}button{font:inherit;cursor:pointer;min-height:46px;border:1px solid #8ba8b8;border-radius:10px;padding:9px 16px;background:var(--island-bg-ffffff-100,#fff);color:inherit}button:hover{box-shadow:0 0 0 2px #3391ad}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d67b18;outline-offset:4px}button:disabled{opacity:.45;cursor:default}#steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:26px 0}#steps button{font-size:14px;text-align:left}#steps button[aria-current=step]{background:#155a73;color:#fff;border-color:#155a73}#steps small{display:block}#lesson,.after{border:1px solid var(--island-line-cbdbe4-100,#cbdbe4);border-radius:20px;background:var(--island-bg-ffffff-100,#fff);padding:24px;margin:24px 0}.lesson-head{max-width:850px}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:28px;margin-top:24px}.experiment{min-width:0}.diagram-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.diagram-top button{font-size:12px;padding:6px 10px}#diagram{margin-top:12px;background:#f5f9fc;border:1px solid #bbcdd8;border-radius:14px;overflow:hidden}svg{width:100%;height:auto;display:block}svg text{fill:#183f52;font-family:system-ui,sans-serif;font-size:20px}svg .wire{fill:none;stroke:#728c9d;stroke-width:3}svg .hot{stroke:#bd5b0d;stroke-width:5}svg .symbol{fill:#fff;stroke:#244c62;stroke-width:2}svg .active{fill:#ffdfae;stroke:#aa5008;stroke-width:3}.legend,.caption{font-size:12px;line-height:1.65}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.controls button[aria-pressed=true]{background:#155a73;color:white}.state{padding:16px;border-left:4px solid #cd751c;background:var(--island-bg-f3f6f8-100,#f3f6f8);min-height:98px}.explain p{margin-top:0}.try{border-left:3px solid #259187;padding-left:16px;margin:24px 0}details{border-top:1px solid #bdcfd8;padding:16px 0}summary{cursor:pointer;font-weight:750}details p{margin:12px 0}.quiz{border-top:1px solid #bdcfd8;margin-top:24px;padding-top:20px}.quiz #feedback{min-height:30px;font-weight:700}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px}#progress{font-size:13px}.after li{margin:12px 0}footer{text-align:center;padding:25px;font-size:13px}@media(max-width:800px){.layout{grid-template-columns:1fr}#steps{grid-template-columns:repeat(3,1fr)}main{padding:18px 12px}#lesson,.after{padding:18px}h2{font-size:24px}.pager button{font-size:14px;padding:8px}body{font-size:16px}.diagram-top strong{font-size:15px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
.catalog{margin:20px 0}.function-diagram{padding:18px;color:#183f52}.logic-box{padding:14px;border:2px solid #6c8796;background:white;border-radius:10px;text-align:center}.functional-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:15px 0;padding:12px 6px;border:1px solid #98aebb;border-radius:10px;font-size:14px}.functional-row span{text-align:center}.functional-row.running{border:3px solid #b65710;background:#fff0d8}.function-diagram .caption{color:#183f52}#history{white-space:pre-wrap;font:13px/1.8 system-ui}#steps button small{color:inherit}.catalog summary{font-size:16px}

.circuit-recipe{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.9 system-ui;background:#fff;padding:14px;border-left:4px solid #247a91}