:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:light;--bg: #fff;--text: #1d1d1f;--muted: #626267;--accent: #0066cc;--line: #dedee3;--surface: #f5f5f7;--surface-hover: #ededf1;--nav: rgba(255,255,255,.96);--card: #fff;--button: #0071e3;--button-hover: #0057ad;--button-text: #fff;--focus: #0071e3;--focus-alt: #d08436;--nav-link: #343438;--sidebar-link: #45454a;--current-bg: #eef5fc;--warn-bg: #fffbf2;--warn-border: #b87915;--warn: #875c10;--ok: #23744c;--ok-bg: #edf8f0;--ok-border: #268050;--bad: #b42318;--bad-bg: #fff5ec;--bad-border: #bc662e;--chart-bg: #f9fbfe;--chart-grid: #dfe7ef;--chart-axis: #657385;--fill-soft: #e6f0fd;--code: #263a50;--trace-bg: #e0efff;--trace-fg: #164a80;--trace-bar: #1670c9;--accent-emerald: #23744c;--accent-amber: #875c10;--accent-rose: #b42318;--bg-secondary: var(--surface);--text-muted: var(--muted);--text-main: var(--text);--border-color: var(--line);--code-bg: var(--surface)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #000;--text: #f5f5f7;--muted: #a1a1a6;--accent: #409cff;--line: #3a3a3c;--surface: #1c1c1e;--surface-hover: #2c2c2e;--nav: rgba(0,0,0,.88);--card: #1c1c1e;--button: #0a84ff;--button-hover: #409cff;--button-text: #fff;--focus: #409cff;--focus-alt: #e8a34a;--nav-link: #d2d2d7;--sidebar-link: #d2d2d7;--current-bg: #0d253a;--warn-bg: #2a2216;--warn-border: #e0a04a;--warn: #e8a34a;--ok: #30d158;--ok-bg: #13291c;--ok-border: #30d158;--bad: #ff453a;--bad-bg: #2c1612;--bad-border: #ff9f0a;--chart-bg: #161618;--chart-grid: #2c2c2e;--chart-axis: #8e8e93;--fill-soft: #0d253a;--code: #d2d2d7;--trace-bg: #0d253a;--trace-fg: #7ec2ff;--trace-bar: #409cff;--accent-emerald: #30d158;--accent-amber: #ffd60a;--accent-rose: #ff453a;--bg-secondary: var(--surface);--text-muted: var(--muted);--text-main: var(--text);--border-color: var(--line);--code-bg: var(--surface)}}:root[data-theme=dark]{color-scheme:dark;--bg: #000;--text: #f5f5f7;--muted: #a1a1a6;--accent: #409cff;--line: #3a3a3c;--surface: #1c1c1e;--surface-hover: #2c2c2e;--nav: rgba(0,0,0,.88);--card: #1c1c1e;--button: #0a84ff;--button-hover: #409cff;--button-text: #fff;--focus: #409cff;--focus-alt: #e8a34a;--nav-link: #d2d2d7;--sidebar-link: #d2d2d7;--current-bg: #0d253a;--warn-bg: #2a2216;--warn-border: #e0a04a;--warn: #e8a34a;--ok: #30d158;--ok-bg: #13291c;--ok-border: #30d158;--bad: #ff453a;--bad-bg: #2c1612;--bad-border: #ff9f0a;--chart-bg: #161618;--chart-grid: #2c2c2e;--chart-axis: #8e8e93;--fill-soft: #0d253a;--code: #d2d2d7;--trace-bg: #0d253a;--trace-fg: #7ec2ff;--trace-bar: #409cff;--accent-emerald: #30d158;--accent-amber: #ffd60a;--accent-rose: #ff453a;--bg-secondary: var(--surface);--text-muted: var(--muted);--text-main: var(--text);--border-color: var(--line);--code-bg: var(--surface)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{cursor:pointer}.skip{position:fixed;top:-80px;background:var(--card);padding:12px;z-index:10}.skip:focus{top:0}.topbar{height:64px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--nav);position:sticky;top:0;z-index:5}.wordmark{font-size:17px;font-weight:650;color:var(--text);white-space:nowrap}.wordmark span{font-weight:400;color:var(--muted);font-size:12px;margin-left:12px}.topbar nav{display:flex;gap:30px;font-size:13px}.topbar nav a{color:var(--nav-link)}.home{max-width:1200px;margin:auto;padding:0 32px}.hero{text-align:center;padding:100px 0 110px}.eyebrow{color:var(--muted);font-size:13px;letter-spacing:.06em;font-weight:500}.hero h1{font-size:clamp(52px,6.6vw,88px);letter-spacing:-.06em;line-height:1.13;margin:30px 0}.hero-description{font-size:21px;line-height:1.7;color:var(--muted);margin:28px 0 32px}.button{display:inline-flex;align-items:center;gap:30px;background:var(--button);color:var(--button-text);border-radius:30px;padding:14px 24px;font-size:16px}.text-link{display:block;margin-top:22px;font-size:15px}.overview{border-top:1px solid var(--line);padding:56px 0 36px;display:flex;align-items:end;justify-content:space-between;gap:24px}.overview h2,.lab-banner h2{font-size:36px;letter-spacing:-.04em;line-height:1.25;margin:14px 0}.overview>p{font-size:15px;line-height:1.8;color:var(--muted)}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.roadmap-grid>a{background:var(--surface);padding:32px;border-radius:20px;color:inherit;transition:background .2s}.roadmap-grid>a:hover{background:var(--surface-hover);text-decoration:none}.chapter-number{font-size:14px;color:var(--muted)}.roadmap-grid h3{font-size:24px;letter-spacing:-.03em;margin:42px 0 14px}.roadmap-grid p{font-size:15px;line-height:1.7;color:var(--muted);min-height:52px}.card-link{display:block;margin-top:28px;color:var(--accent);font-size:14px}.lab-banner{display:flex;justify-content:space-between;align-items:center;background:var(--surface);color:inherit;border-radius:24px;padding:56px;margin:32px 0 80px}.lab-banner:hover{text-decoration:none}.lab-banner>span{font-size:64px;font-weight:200;color:var(--accent)}.lab-banner p:last-child{color:var(--muted);font-size:15px}.reader-layout{max-width:1280px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;padding:0 32px}.sidebar{position:sticky;top:64px;height:calc(100dvh - 64px);overflow:auto;padding:36px 12px 40px 0}.search-label{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.sidebar input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:12px}.sidebar h2{font-size:12px;color:var(--muted);margin:30px 10px 10px}.sidebar nav a{display:block;font-size:13px;color:var(--sidebar-link);padding:9px 10px;line-height:1.5;border-radius:6px}.sidebar a[aria-current]{color:var(--accent);background:var(--current-bg);font-weight:600}.reader{max-width:800px;min-width:0;padding:56px 0 80px}.reader>h1{font-size:40px;line-height:1.25;letter-spacing:-.04em;margin:20px 0 44px}.reader article{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.reader article h2{font-size:28px;margin:52px 0 22px;line-height:1.4}.reader article h3{font-size:22px;margin:40px 0 18px;line-height:1.5}.reader article h4{font-size:18px;margin:28px 0 12px}.reader article h5{font-size:16px}.reader article p{margin:16px 0}.reader article li{margin:8px 0}.reader article ul,.reader article ol{padding-left:24px}.reader article strong{font-weight:600}.reader article small{color:var(--muted)}.reader article [id]{scroll-margin-top:90px}.reader article code{background:var(--surface);border-radius:4px;padding:2px 5px;font-size:.88em;white-space:pre-wrap}.tip-box,.warning-box,.practice-task,.milestone-box,.step-card,.quiz{padding:20px 24px;margin:24px 0;background:var(--surface);border-radius:12px}.warning-box{border-left:3px solid var(--warn-border);background:var(--warn-bg)}.resource-grid,.specialisms-grid,.career-paths,.comparison-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resource-card,.specialism-card,.career-card,.column{border:1px solid var(--line);padding:20px;border-radius:10px;margin:8px 0}.resource-card h4{margin-top:0!important}.table-container{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:14px;display:block;overflow-x:auto}td,th{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:100px}th{background:var(--surface);font-weight:600}caption{text-align:left;color:var(--muted);font-size:12px;padding-bottom:8px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:22px 0}summary{cursor:pointer;font-weight:600;line-height:1.6}.knowledge-content{padding:8px 4px}.fe-dl dt{font-weight:600;margin-top:18px}.fe-dl dd{margin:8px 0;color:var(--sidebar-link)}.milestone-list{list-style:none;padding:0!important}.milestone-list label{display:flex;align-items:baseline;gap:10px;cursor:pointer}.milestone-list input{accent-color:var(--accent);width:17px;height:17px;flex-shrink:0}.completed{color:var(--muted);text-decoration:line-through}.flowchart,.flow-diagram{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.flowchart-node,.flow-node{padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.breadboard-graphic{overflow-x:auto;background:var(--surface);padding:18px;font-family:monospace}.band-demo,.band-labels{display:flex;gap:12px;flex-wrap:wrap}.band{width:18px;height:45px;background:currentColor}.chapter-pagination{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:60px;font-size:14px}.chapter-pagination a{flex:1}.chapter-pagination a:last-child{text-align:right}.chapter-pagination small{display:block;color:var(--muted);margin-bottom:8px}.menu-toggle{display:none}footer{border-top:1px solid var(--line);padding:28px max(24px,calc((100vw - 1136px)/2));font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}@media(max-width:900px){.reader-layout{gap:30px;grid-template-columns:210px minmax(0,1fr);padding:0 24px}.resource-grid,.specialisms-grid,.career-paths,.comparison-columns{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.overview{display:block}}@media(max-width:700px){.topbar{padding:0 20px;height:58px}.wordmark span{display:none}.topbar nav{gap:18px;font-size:12px}.home{padding:0 20px}.hero{padding:66px 0 72px}.hero h1{font-size:56px}.eyebrow{font-size:11px}.hero-description{font-size:17px}.roadmap-grid{grid-template-columns:1fr;gap:14px}.roadmap-grid>a{padding:26px}.roadmap-grid h3{margin-top:24px}.roadmap-grid p{min-height:0}.overview h2,.lab-banner h2{font-size:30px}.lab-banner{padding:30px;margin-bottom:48px}.lab-banner>span{font-size:38px}.reader-layout{display:block;padding:0 20px}.menu-toggle{display:block;width:100%;background:var(--card);border:0;border-bottom:1px solid var(--line);padding:16px 0;text-align:left;color:var(--accent)}.sidebar{display:none;position:static;height:auto;padding:20px 0}.sidebar.open{display:block}.reader{padding:32px 0 48px}.reader>h1{font-size:32px;margin-bottom:30px}.reader article{font-size:15px}.reader article h3{font-size:20px}.tip-box,.warning-box,.practice-task,.milestone-box,.step-card,.quiz{padding:16px}.chapter-pagination{gap:18px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.resistor-example{display:flex;gap:16px;flex-wrap:wrap;padding:24px;background:var(--surface);border-radius:12px;margin:24px 0}.resistor-band{min-width:76px;padding:16px 12px;text-align:center;border-radius:5px;font-size:14px;line-height:1.6;color:#fff}.resistor-band.brown{background:#784421}.resistor-band.black{background:#202020}.resistor-band.red{background:#b32b27}.resistor-band.gold{background:#d8b455;color:#29230f}.breadboard-map{margin:24px 0;padding:20px;background:var(--surface);border-radius:12px;overflow-x:auto;font-family:monospace;font-size:13px}.breadboard-map>div{display:flex;align-items:center;gap:16px;min-width:590px;margin:10px 0}.breadboard-map b{background:var(--card);border:1px solid var(--line);padding:10px;font-weight:500;white-space:nowrap}.breadboard-map em{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}.breadboard-map p,.source-note{font-size:12px;color:var(--muted)}.reader article pre{max-width:100%;overflow-x:auto;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;line-height:1.65}.reader article pre code{padding:0;white-space:pre;overflow-wrap:normal;background:none}.article-outline{font-size:14px;color:var(--muted)}.article-outline ol{margin-bottom:0}.milestone-list li{display:flex;align-items:baseline;gap:10px}.milestone-list li>label{flex:1}@media(max-width:700px){.topbar{padding:0 14px;gap:12px}.topbar .wordmark{font-size:14px}.topbar nav{gap:12px;font-size:11px}}@media(max-width:360px){.topbar nav{gap:8px;font-size:10px}.topbar .wordmark{font-size:13px}}.topbar-end{display:flex;align-items:center;gap:24px;min-width:0;overflow-x:auto;scrollbar-width:none}.theme-toggle{-webkit-appearance:none;appearance:none;background:none;border:0;color:var(--muted);font-size:13px;padding:8px 0;min-height:44px;flex-shrink:0}.theme-toggle:hover{color:var(--text)}html,body{background:var(--bg);color:var(--text)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{color:var(--text);background:var(--card);border-color:var(--line)}@media(max-width:700px){.topbar-end{gap:10px}.theme-toggle{font-size:12px}}@media(max-width:360px){.theme-toggle{font-size:10px}}.c-lab{margin:24px 0;padding:20px 24px;background:var(--surface);border-radius:12px}.c-kicker{margin:0;font-size:12px;color:var(--muted)}.c-lab h3{margin:8px 0 16px;font-size:20px;letter-spacing:-.02em}.c-note{margin:14px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}.c-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0 8px}.c-meter{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.c-meter small{display:block;font-size:12px;color:var(--muted)}.c-meter strong{display:block;margin-top:6px;font-size:20px;font-variant-numeric:tabular-nums}.c-meter.warn{border-color:var(--warn-border);background:var(--warn-bg)}.c-slider{display:block;margin:12px 0}.c-slider>span{display:flex;justify-content:space-between;gap:12px;font-size:14px}.c-slider output{font-variant-numeric:tabular-nums;font-weight:600}.c-slider input{display:block;width:100%;accent-color:var(--accent);height:24px;margin-top:6px}.c-check{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:14px}.c-check input{accent-color:var(--accent);width:17px;height:17px}.c-schematic{width:100%;height:auto;display:block;background:var(--card);border:1px solid var(--line);border-radius:10px;margin:8px 0 16px}.c-segment{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.c-segment button{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit;font-size:13px}.c-segment button[aria-pressed=true]{background:var(--accent);color:var(--button-text);border-color:transparent}.c-board{display:flex;flex-direction:column;gap:8px;margin:12px 0;overflow-x:auto}.c-board-row{display:flex;align-items:center;gap:6px;min-width:520px}.c-board-row>span{width:1.2em;color:var(--muted);font-size:12px}.c-board-row>em{font-style:normal;font-size:11px;color:var(--muted);padding:0 6px}.c-hole{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:11px;padding:0}.c-hole.kin{background:var(--current-bg);color:var(--accent);border-color:var(--accent)}.c-hole.on{background:var(--accent);color:var(--button-text);border-color:transparent}.c-resistor{display:flex;align-items:center;gap:0;margin:16px 0;justify-content:center}.c-lead{width:36px;height:4px;background:var(--muted)}.c-body{display:flex;gap:8px;background:#c4a574;padding:18px 16px;border-radius:6px}.c-band{min-width:52px;padding:10px 6px;border:0;border-radius:3px;font:inherit;font-size:13px;font-weight:600;line-height:1.3}.c-band small{display:block;font-size:10px;font-weight:500;opacity:.85}.c-field{stroke-dasharray:7 9;animation:c-dash .9s linear infinite}.c-pulse,.c-cloud{transform-box:fill-box;transform-origin:center}.c-pulse{animation:c-pulse 1.8s ease-out infinite}.c-cloud{fill:var(--accent);opacity:.08;animation:c-cloud 2.4s ease-in-out infinite}.c-atom-orbit{transform-box:view-box;transform-origin:130px 90px;animation:c-spin 3.2s linear infinite}@keyframes c-dash{to{stroke-dashoffset:-32}}@keyframes c-pulse{0%{opacity:.5;transform:scale(.85)}70%{opacity:0;transform:scale(1.45)}to{opacity:0;transform:scale(1.45)}}@keyframes c-cloud{0%,to{transform:scale(.92);opacity:.05}50%{transform:scale(1.12);opacity:.12}}@keyframes c-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.c-field,.c-pulse,.c-cloud,.c-atom-orbit{animation:none!important}}@media(max-width:700px){.c-lab{padding:16px}.c-board-row{gap:4px}.c-hole{width:28px;height:28px}}