:root{color-scheme:dark;--ink:#e7f1ff;--muted:#91a9c7;--teal:#2dd8c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071426;color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:86px;display:flex;align-items:center;gap:48px;padding:0 30px;background:#0a192e;border-bottom:1px solid #263951}.brand{display:flex;align-items:center;gap:12px;min-width:235px}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:33px;background:linear-gradient(145deg,#a2c2ff,#4b7afa 60%,#234db9);box-shadow:0 0 22px #4e80ff55}.brand strong{display:block;font-size:21px}.brand small,.side-title small,.panel-head small,.guide small{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;color:#82a0c5;font-weight:bold}nav{display:flex;height:100%;gap:32px;color:#a4b8d0;font-size:14px}nav a{display:grid;place-items:center}nav a:first-child{border-bottom:2px solid var(--teal);color:white}.progress{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:10px;color:#819bb9;letter-spacing:.1em}.progress b{font-size:13px;color:#dbeafd;letter-spacing:0}.progress>span{width:90px;height:5px;background:#29405d;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--teal)}.progress button{margin-left:12px;background:#172b44;border:1px solid #34506f;border-radius:6px;padding:10px 13px;color:#d1e4f4;letter-spacing:0}.workspace{display:grid;grid-template-columns:255px minmax(350px,1fr) 330px;min-height:calc(100vh - 86px)}.sidebar{padding:27px 16px;background:#0b1b30;border-right:1px solid #233750}.side-title{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.side-title>span{color:#7590ae;font-size:20px}.side-title h2{font-size:22px;margin:8px 0 0}.side-title em{font:normal 11px Arial;background:#20374f;color:#9ab1cc;padding:4px 7px;border-radius:20px}.sidebar>p{font-size:13px;color:#899fba;line-height:1.4;margin:12px 8px 20px}.lessons{display:grid;gap:4px;max-height:calc(100vh - 280px);overflow:auto;scrollbar-width:thin;scrollbar-color:#3a526e transparent}.lesson{display:flex;align-items:center;gap:10px;padding:10px 8px;text-align:left;color:#afc2da;border:1px solid transparent;border-radius:8px;background:transparent}.lesson:hover{background:#142b42}.lesson.active{background:#19354b;border-color:#2c5965;color:white}.num{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:7px;background:#1c344e;color:#92abc7;font-size:12px;font-weight:bold}.lesson.active .num{background:#2bd0c1;color:#073533}.lesson strong{font-size:12px;line-height:1.2}.lesson small{display:block;font-size:10px;color:#849dbb;font-weight:normal;margin-top:4px}.check{margin-left:auto;color:var(--teal)}.side-foot{margin:20px 8px 0;padding-top:16px;border-top:1px solid #263c55;color:#aec4dd;font-size:12px;line-height:1.6}.side-foot small{color:#718ba9}.stage{position:relative;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#193b62,#102841 42%,#09192d 82%)}.stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#accfff0a 1px,transparent 1px),linear-gradient(90deg,#accfff0a 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}#canvas-wrap{position:absolute;inset:0;touch-action:none}canvas{width:100%;height:100%;display:block}#canvas-note{position:absolute;top:45%;width:100%;text-align:center;color:#9db5d0}.stage-top{position:absolute;z-index:1;top:28px;left:30px;color:#95acc8;font-size:10px;letter-spacing:.13em;font-weight:bold}.stage-top:first-letter{color:var(--teal)}.stage-label{position:absolute;top:69px;left:30px;pointer-events:none}.stage-label small{color:var(--teal);font-size:10px;letter-spacing:.15em;font-weight:bold}.stage-label h1{font-size:29px;margin:9px 0 5px}.stage-label p{font-size:13px;color:#9db3ce;margin:0}.view-controls{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#10243ded;border:1px solid #3c5875;border-radius:9px;padding:5px}.view-controls button,.panel-head button{background:none;border:0;color:#c7d9ed;border-radius:5px;width:34px;height:32px;font-size:18px}.view-controls button:hover,.panel-head button:hover{background:#2b4762}.view-controls i{height:18px;border-left:1px solid #3b536e;margin:0 4px}.hint{position:absolute;bottom:32px;width:100%;text-align:center;color:#819bb9;font-size:9px;font-weight:bold;letter-spacing:.14em}.details{background:#0a192d;border-left:1px solid #233750;padding:20px 16px;display:flex;flex-direction:column;gap:15px}.panel{border:1px solid #2d445e;background:#102139;border-radius:10px;overflow:hidden}.tabs{display:flex;padding:6px;border-bottom:1px solid #2d445e}.tabs button{flex:1;background:none;border:0;border-radius:5px;padding:10px 2px;color:#98afca;font-size:11px}.tabs button.active{background:#29445d;color:white}.info{padding:23px 20px;min-height:250px}.info h2{font-size:23px;margin:12px 0}.info p{color:#a5bad1;font-size:13px;line-height:1.6}.badge{font-size:9px;letter-spacing:.13em;color:#49ded0;border:1px solid #32665f;background:#153b41;padding:5px 7px;border-radius:4px}.facts{border-top:1px solid #2d435c;margin-top:20px;padding-top:14px;color:#9ab1ca;font-size:11px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px}.panel-head h2{font-size:18px;margin:5px 0 0}.panel-head .run{width:auto;padding:0 12px;background:#2ed4c4;color:#082f32;font-size:12px;font-weight:bold}.file{padding:10px 16px;background:#0c1b2d;border-block:1px solid #2a4059;color:#b8cee4;font-size:11px}.file span{float:right;color:#7891ae;font-size:9px}pre{margin:0;background:#09182a;padding:17px;min-height:195px;overflow:auto;color:#b9d9ed;font:12px/1.7 ui-monospace,monospace}.console{border-top:1px solid #293f59;padding:13px 16px;color:#36d8c5;font-size:9px;letter-spacing:.1em}.console span{float:right;color:#8da7c4}.console p{color:#829ab6;font:11px/1.5 ui-monospace,monospace;letter-spacing:0;margin:12px 0 0}.help{display:flex;gap:12px;padding:15px;color:#52dfd2;font-size:20px}.help div{font-size:12px;color:#bdcfe1}.help p{color:#849db9;margin:5px 0}.guide{padding:95px 30px;background:#091a2d;border-top:1px solid #263b53}.guide>div{max-width:1060px;margin:auto}.guide h2{font-size:42px;margin:12px 0}.lead{font-size:18px;color:#9db3ce}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.guide article{border-top:1px solid #3a536d;padding-top:22px}.guide article span{color:var(--teal);font-size:12px}.guide article h3{font-size:19px}.guide article p{color:#97adc6;font-size:14px;line-height:1.6}.guide-note{margin-top:50px;color:#86a2bf;font-size:13px}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 30px;border-top:1px solid #263b53;color:#809ab6;font-size:12px}footer a{color:var(--teal)}.toast{position:fixed;right:25px;bottom:25px;background:#d6fbf3;color:#123d39;padding:12px 18px;border-radius:7px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(300px,1fr)}.details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.help{display:none}.stage{min-height:650px}header{gap:15px}.brand{min-width:210px}}@media(max-width:700px){header{height:70px;padding:0 16px}.brand{min-width:0}.brand strong{font-size:18px}.logo{width:38px;height:38px}nav,.progress>span,.progress button{display:none}.workspace{display:flex;flex-direction:column}.stage{order:0;min-height:470px}.stage-top{top:20px;left:18px}.stage-label{top:53px;left:18px}.stage-label h1{font-size:24px}.sidebar{order:1;border-right:0}.lessons{display:flex;overflow-x:auto;max-height:none}.lesson{flex:0 0 185px;background:#10243b}.side-foot{display:none}.details{order:2;display:flex;border:0}.info{min-height:0}.guide{padding:60px 20px}.guide h2{font-size:34px}.guide-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}footer{flex-wrap:wrap}}
.part-tag{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;padding:7px 9px;border-radius:5px;border:1px solid #597896;background:#132d48eF;color:#dcefff;font-size:10px;box-shadow:0 4px 12px #07132380}.part-tag:hover,.part-tag.selected{border-color:#38dac8;color:#64e5d7;background:#173c4a}.part-tag[hidden]{display:none}@media(max-width:700px){.part-tag{font-size:8px;padding:5px}.progress{letter-spacing:0;white-space:nowrap}.progress b{white-space:nowrap}}
/* The reference's loaded lab uses light cards against the dark shell. */
.workspace{padding:18px 17px 14px;gap:12px;min-height:calc(100vh - 102px);background-color:#09182c;background-image:linear-gradient(#304a6b33 1px,transparent 1px),linear-gradient(90deg,#304a6b33 1px,transparent 1px);background-size:38px 38px}.sidebar{border:1px solid #354b69;border-radius:16px;background:linear-gradient(150deg,#243650,#0c1c32);padding:20px 12px}.side-title h2{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#afc5de}.side-title h2 em,.side-title>span,.sidebar>p{display:none}.side-title small{display:none}.lessons{margin-top:14px;max-height:calc(100vh - 240px)}.lesson{background:#ffffff0b;border:1px solid #ffffff13;text-transform:uppercase;min-height:60px}.lesson.active{background:#496cae;border-color:#7ea4ff;box-shadow:inset 3px 0 #54d8f1}.lesson .num{background:#e9eef4;color:#163154;width:42px;flex-basis:42px;height:42px;font-size:16px}.lesson.active .num{background:#edf5ff;color:#315bc2}.lesson strong{font-size:11px}.lesson small{color:#abc0dd;text-transform:none}.stage{min-height:0;border:2px solid #b4c7e3;border-radius:20px;background:#f7faff;box-shadow:inset 0 5px 12px #1e3c6130}.stage:before{background-image:linear-gradient(#b9d3ee55 1px,transparent 1px),linear-gradient(90deg,#b9d3ee55 1px,transparent 1px);mask-image:none}.stage-top{top:12px;left:15px;background:#34475f;color:white;border-radius:20px;padding:8px 11px;font-size:9px;box-shadow:0 3px 8px #273c5b55}.stage-label{top:13px;left:auto;right:15px;border:1px solid #c5d7ee;background:white;border-radius:20px;padding:7px 12px;box-shadow:0 3px 8px #49627f44}.stage-label small{color:#2e5fbd;font-size:9px}.stage-label h1,.stage-label p{display:none}.view-controls{background:#fff;border-color:#dae5f1;box-shadow:0 5px 15px #45658630}.view-controls button{color:#314464}.view-controls button:hover{background:#e8eff9}.view-controls i{border-color:#cbd9e9}.hint{color:#6883a1}.part-tag{background:#fff;color:#162b49;border-color:#e2e9f1;padding:10px 12px;box-shadow:0 5px 15px #3654732b;font-size:10px;font-weight:bold}.part-tag:hover,.part-tag.selected{background:#eff7ff;color:#285ab2;border-color:#7ea6e5}.details{padding:12px 0 0;border:0;background:transparent;gap:12px}.panel{background:#fff;border:2px solid #d4e0f1;border-radius:17px;color:#192f50}.tabs{background:#eaf1fa;margin:8px;border:0;border-radius:9px}.tabs button{color:#6682a7;text-transform:uppercase;font-weight:bold;font-size:9px}.tabs button.active{background:#3d6eed;color:#fff;box-shadow:0 3px 7px #3d6eed50}.info{padding:8px 12px 22px;min-height:235px}.info h2{font-size:20px;text-transform:uppercase}.info p{color:#5b6778;font-size:14px}.badge{color:#345db3;background:#eef4ff;border-color:#dbe7fa}.facts{border-color:#dce7f3;color:#6680a2}.panel-head{padding:12px}.panel-head small{color:#3b567b}.panel-head h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.panel-head button{color:#34517a}.panel-head .run{background:#416fec;color:white}.file{background:#eef3fa;color:#58708c;border-color:#dce6f3}.file span{color:#859cb6}pre{margin:0 10px;border-radius:8px;min-height:260px}.console{margin:0 10px;color:#16a292;border-color:#30445d;background:#0a192d;border-radius:0 0 8px 8px}.help{display:none}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(300px,1fr)}.details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.stage{min-height:650px}}@media(max-width:700px){.workspace{padding:10px;gap:10px}.stage{min-height:470px;order:0}.stage-label{top:13px;right:10px;left:auto}.stage-top{top:13px;left:10px;font-size:8px}.sidebar{order:1}.lessons{margin-top:12px}.details{order:2;display:flex;padding:0}.lesson{min-height:60px}.side-title h2{font-size:13px}.info{min-height:0}pre{min-height:195px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.code-editor{display:block;resize:vertical;width:calc(100% - 20px);min-height:260px;margin:0 10px;padding:17px;border:0;border-radius:8px;background:#09182a;color:#b9d9ed;font:12px/1.7 ui-monospace,monospace;tab-size:2}.code-editor:focus{outline:2px solid #5b89ec;outline-offset:-2px}.code-editor:disabled{opacity:1;color:#b9d9ed}.supported{color:#647a99;font-size:10px;line-height:1.4;margin:8px 12px}.console p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:90px;overflow:auto}@media(max-width:700px){.code-editor{min-height:195px}}
.wiring{position:absolute;z-index:3;top:60px;left:16px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:calc(100% - 32px);padding:9px;background:#fff;border:1px solid #d9e5f4;border-radius:9px;box-shadow:0 4px 12px #36547324;color:#183151}.wiring[hidden]{display:none}.wiring div{padding:0 7px}.wiring b,.wiring span{display:block}.wiring b{font-size:9px;letter-spacing:.1em}.wiring span{font-size:10px;color:#6e829d;margin-top:3px}.wiring button{border:1px solid #bed0e8;background:#f2f6fd;border-radius:5px;color:#34557f;padding:8px;font-size:10px;font-weight:bold}.wiring button[aria-pressed=true]{background:#d9f6ef;color:#08776c;border-color:#82d5c4}.wiring small{color:#5d7795;font-size:10px;padding:0 5px}@media(max-width:700px){.wiring{top:52px;gap:4px}.wiring div{width:100%;padding:0}.wiring button{padding:6px}.wiring span{display:none}}
.pot-lab input[type=range]{width:130px;accent-color:#3a72ed}.pot-lab label,.pot-lab output{font-size:10px;font-weight:bold;color:#34557f}.pot-lab output{min-width:27px}@media(max-width:700px){.pot-lab input[type=range]{width:100px}}
.rgb-lab{max-width:calc(100% - 32px);gap:8px}.rgb-lab .rgb-title{padding-right:6px}.rgb-lab label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:bold;color:#34557f}.rgb-lab input{width:65px;accent-color:#4d77e6}.rgb-lab output{min-width:25px;font-size:9px}.rgb-swatch{display:inline-block;width:18px;height:18px;border:1px solid #8ca4be;border-radius:50%;background:#000}.rgb-lab small{white-space:nowrap}@media(max-width:700px){.rgb-lab .rgb-title{width:100%}.rgb-lab input{width:52px}.rgb-lab label{font-size:9px}.rgb-lab{gap:5px}.rgb-lab small{font-size:9px}}
.light-lab input[type=range]{width:130px;accent-color:#d99a32}.light-lab label,.light-lab output{font-size:10px;font-weight:bold;color:#34557f}.light-lab output{min-width:27px}@media(max-width:700px){.light-lab input[type=range]{width:100px}}
.distance-lab input[type=range]{width:100px;accent-color:#3d7bcc}.distance-lab label,.distance-lab output{font-size:10px;font-weight:bold;color:#34557f}.distance-lab .no-echo{display:flex;align-items:center;gap:3px;white-space:nowrap}.distance-lab .no-echo input{accent-color:#3d7bcc}@media(max-width:700px){.distance-lab input[type=range]{width:80px}.distance-lab small{width:100%}}
.buzzer-lab small{white-space:normal}.buzzer-lab #audio-status{color:#7488a1}.buzzer-lab button{min-width:86px}
.piano-lab{max-width:calc(100% - 32px);gap:7px}.piano-lab .piano-head{width:100%}.piano-lab .piano-keys{display:flex;gap:3px;padding:0}.piano-lab .piano-keys button{min-width:35px;height:42px;padding:3px;border-radius:4px;background:#f8fbff;color:#2b466a;touch-action:none}.piano-lab .piano-keys button[aria-pressed=true]{background:#d4ecff;color:#1358aa;border-color:#558ce0}.piano-lab .piano-keys button b,.piano-lab .piano-keys button small{display:block;font-size:10px}.piano-lab .piano-keys button small{color:#7890aa;margin-top:4px}.piano-lab>small{white-space:nowrap}@media(max-width:700px){.piano-lab .piano-keys{width:100%;gap:2px}.piano-lab .piano-keys button{min-width:0;flex:1;height:38px}.piano-lab{gap:4px}}
.motor-lab input[type=range]{width:105px;accent-color:#3c78d8}.motor-lab label,.motor-lab output{font-size:10px;font-weight:bold;color:#34557f}.motor-lab output{min-width:26px}.motor-lab button[aria-pressed=false]{background:#f4e5e5;border-color:#d9b4b4;color:#8f4545}@media(max-width:700px){.motor-lab input[type=range]{width:85px}.motor-lab small{width:100%}}
.temperature-lab input[type=range]{width:115px;accent-color:#dd7958}.temperature-lab label,.temperature-lab output{font-size:10px;font-weight:bold;color:#34557f}.temperature-lab output{min-width:36px}@media(max-width:700px){.temperature-lab input[type=range]{width:90px}.temperature-lab small{width:100%}}
.servo-lab input[type=range]{width:105px;accent-color:#3c78d8}.servo-lab label,.servo-lab output{font-size:10px;font-weight:bold;color:#34557f}.servo-lab output{min-width:26px}.servo-lab button[aria-pressed=false]{background:#f4e5e5;border-color:#d9b4b4;color:#8f4545}@media(max-width:700px){.servo-lab input[type=range]{width:85px}.servo-lab small{width:100%}}

.soil-lab input[type=range]{width:100px;accent-color:#3c78d8}.soil-lab label,.soil-lab output{font-size:10px;font-weight:bold;color:#34557f}.soil-lab #soil-display{white-space:pre-wrap;max-width:150px;max-height:55px;overflow:auto;background:#102237;color:#9ce7ff;padding:4px 7px;border-radius:3px;font-family:monospace}.soil-lab #soil-display:empty{display:none}@media(max-width:700px){.soil-lab input[type=range]{width:85px}.soil-lab small{width:100%}}

.force-lab input[type=range]{width:100px;accent-color:#3c78d8}.force-lab label,.force-lab output{font-size:10px;font-weight:bold;color:#34557f}.force-lab button[aria-pressed=true]{background:#f4e5e5;border-color:#d9b4b4;color:#8f4545}@media(max-width:700px){.force-lab input[type=range]{width:85px}.force-lab small{width:100%}}

.traffic-lab input[type=range]{width:95px;accent-color:#3c78d8}.traffic-lab label,.traffic-lab output{font-size:10px;font-weight:bold;color:#34557f}@media(max-width:700px){.traffic-lab input[type=range]{width:85px}.traffic-lab small{width:100%}}
.guide-link{display:inline-block;color:#3b66cf;font-size:12px;font-weight:bold;margin-top:20px}.guide-link:hover{text-decoration:underline}
.article-page{background:#f6f8fc;color:#182943;color-scheme:light}.article-header{height:76px;background:#fff;color:#172a44;border-bottom:1px solid #dfe6ef;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));gap:20px}.article-brand{font-size:20px;color:#17335c;white-space:nowrap}.article-header nav{display:flex;align-items:center;gap:28px;color:#385471;font-size:14px}.article-header nav a:last-child,.article-cta{background:#315fce;color:white;padding:11px 16px;border-radius:7px;font-weight:bold}.article-layout{max-width:1120px;margin:0 auto;padding:52px 24px 90px;display:grid;grid-template-columns:minmax(0,740px) 280px;gap:64px}.article-content{min-width:0}.article-content h1{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 22px;color:#102641}.article-content h2{font-size:24px;line-height:1.3;margin:42px 0 12px;color:#142c4d}.article-content p{font-family:Arial,sans-serif;font-size:17px;line-height:1.75;color:#40546d}.article-content .article-lead{font-size:21px;line-height:1.6;color:#334b67}.article-content .article-kicker,.article-kicker{font:700 11px Arial,sans-serif;letter-spacing:.14em;color:#4268c8;margin:28px 0 0}.breadcrumbs{font:13px Arial,sans-serif;color:#6a7d95}.breadcrumbs a:hover,.course-list a:hover{color:#315fce;text-decoration:underline}.article-callout{margin:30px 0;padding:22px 24px;border:1px solid #c5d9ef;border-radius:10px;background:#eaf2ff;display:flex;justify-content:space-between;align-items:center;gap:20px}.article-callout p{font-size:14px;margin:0;line-height:1.5}.article-cta{display:inline-block;white-space:nowrap;font-size:13px}.article-side{align-self:start;position:sticky;top:24px;background:white;border:1px solid #e1e7f0;border-radius:12px;padding:22px;color:#344f70}.article-side h2{font-size:18px;color:#182e4e;margin:8px 0 16px}.article-side p{line-height:1.5;font-size:14px}.article-side .article-kicker{margin:0;font-size:10px}.course-list{list-style:none;padding:0;margin:0}.course-list li a{display:block;padding:10px 2px;border-bottom:1px solid #eef2f7;font-size:13px;line-height:1.35}.article-content .course-list li a{padding:17px 12px;font-size:16px}.course-list li.current a{color:#2b61d1;font-weight:bold}.article-pagination{border-top:1px solid #d9e3ef;margin-top:42px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:#315fce;font-size:14px;font-weight:bold}.article-footer{background:#0a192e;color:#b3c4dc;min-height:110px;padding:35px max(24px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;gap:20px}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;color:#123;padding:10px;z-index:100}.skip-link:focus{top:8px}@media(max-width:800px){.article-layout{display:block;padding-top:32px}.article-side{position:static;margin-top:42px}.article-header{padding:0 18px}.article-header nav{gap:13px}.article-header nav a:last-child{padding:9px}.article-footer{flex-wrap:wrap}.article-callout{align-items:flex-start;flex-direction:column}}
.article-page nav{height:auto}.article-page nav a{display:inline-block}.article-page nav a:first-child{border:0;color:inherit}.article-page .article-header nav a:last-child{color:#fff}.article-page .article-pagination a:first-child{color:#315fce}
.pinout-table,.article-pinout{width:100%;border-collapse:collapse;text-align:left}.pinout-table{font-size:11px;color:#405772}.pinout-table th,.pinout-table td{padding:8px 5px;border-bottom:1px solid #e1e8f2;vertical-align:top}.pinout-table th{color:#193758}.pinout-note{font-size:10px!important;color:#667e99!important}.article-pinout{margin:22px 0 10px;background:white;border:1px solid #dce5ef;color:#344d69;font:15px Arial,sans-serif}.article-pinout caption{text-align:left;font-size:12px;color:#687f99;padding-bottom:9px}.article-pinout th,.article-pinout td{padding:14px;border-bottom:1px solid #e4ebf3;vertical-align:top;line-height:1.4}.article-pinout thead{background:#edf3fa;color:#1e3b5d}.article-pinout tbody th{white-space:nowrap;text-align:left}.article-content .article-note{font-size:13px;color:#6a7f98}
.component-list{display:grid;gap:7px;margin-top:18px}.component-list button,.component-back{border:1px solid #d6e2f0;border-radius:7px;color:#23476f;background:#f3f7fd;padding:10px 12px;font-size:12px;text-align:left;font-weight:bold}.component-list button{display:flex;justify-content:space-between;align-items:center}.component-list button:hover,.component-back:hover{border-color:#779ae4;background:#e9f1ff}.component-back{margin-top:14px;color:#345ec6}
.draft-status{color:#7791ac;font-size:10px;margin:8px 12px 0}.draft-status:empty{display:none}
.article-code-panel{background:#0a1b32;color:#cde0fa;border:1px solid #223956;border-radius:10px;overflow:hidden}.article-code-head{display:flex;align-items:center;justify-content:space-between;background:#142944;color:#91a9c7;padding:10px 14px;font:12px monospace}.article-code-head button{border:1px solid #526f90;background:#223e60;color:#e9f1ff;padding:6px 9px;border-radius:5px;font:12px Arial,sans-serif}.article-code-panel pre{margin:0;padding:20px;overflow:auto;max-height:600px;font:13px/1.65 monospace;tab-size:2;white-space:pre}.article-content .article-copy-status{font-size:12px;color:#b5cbe5;margin:0 16px 10px}.article-copy-status:empty{display:none}