:root{--ink:#211b22;--muted:#655b63;--paper:#fff9f1;--panel:#fffdf8;--plum:#321c36;--plum2:#4b2750;--copper:#c85b1f;--amber:#e99a24;--sage:#5d765f;--line:#e6d7c8;--shadow:0 14px 40px rgba(50,28,54,.12);--radius:20px;--max:1450px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff9f1 0,#fffdf8 45%,#f7efe5 100%);color:var(--ink);font:17px/1.68 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{color:#8f3514;text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:#5d1d09}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:100;background:white;padding:.8rem 1rem;border:2px solid var(--copper)}.wrap{width:min(calc(100% - 2rem),var(--max));margin:auto}.site-header{background:var(--plum);color:white;border-bottom:4px solid var(--amber);position:relative;overflow:hidden}.site-header:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 94%,rgba(255,255,255,.07) 94%),linear-gradient(transparent 94%,rgba(255,255,255,.06) 94%);background-size:34px 34px;mask-image:linear-gradient(to left,#000,transparent 70%);pointer-events:none}.brand-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:.8rem;color:white;text-decoration:none}.mark{width:48px;height:48px;border-radius:12px;background:var(--amber);display:grid;place-items:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}.brand strong{display:block;font-size:1.15rem;letter-spacing:.01em}.brand small{display:block;color:#f3d9b4;font-size:.83rem}.nav-toggle{display:none;margin-left:auto;background:#fff1;border:1px solid #fff5;color:white;border-radius:10px;padding:.65rem .8rem}.topnav{margin-left:auto;display:flex;flex-wrap:wrap;gap:.25rem;position:relative;z-index:2}.topnav a{color:white;text-decoration:none;padding:.62rem .72rem;border-radius:10px;font-size:.94rem}.topnav a:hover,.topnav a[aria-current="page"]{background:#ffffff18}.hero{background:radial-gradient(circle at 85% 20%,#f5b34238,transparent 25%),linear-gradient(135deg,var(--plum) 0,var(--plum2) 60%,#6b321e 100%);color:white;padding:4rem 0 3.6rem;border-bottom:1px solid #d7b385}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:2.5rem;align-items:center}.eyebrow{display:inline-block;color:#ffe4a8;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:800}.hero h1{font-size:clamp(2.35rem,5vw,5rem);line-height:1.02;margin:.45rem 0 1rem;max-width:15ch}.hero p{font-size:1.15rem;color:#f5e9ed;max-width:64ch}.buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.btn{display:inline-block;background:var(--amber);color:#2d1710!important;text-decoration:none;font-weight:800;padding:.82rem 1.05rem;border-radius:12px;border:0;cursor:pointer}.btn.alt{background:white;color:var(--plum)!important}.circuit-card{background:#160f18aa;border:1px solid #fff3;border-radius:24px;padding:1.2rem;box-shadow:var(--shadow)}.page-head{background:linear-gradient(135deg,var(--plum),#5b2d42);color:white;padding:2.6rem 0;border-bottom:4px solid var(--amber)}.breadcrumbs{font-size:.88rem;color:#ead9e4}.breadcrumbs a{color:#ffe0ae}.page-head h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;margin:.55rem 0}.page-head p{max-width:70ch;color:#f2e6ed;font-size:1.08rem}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;padding:2.5rem 0 4rem}.content{min-width:0}.content h2{font-size:1.65rem;line-height:1.2;margin-top:2.1rem;color:var(--plum)}.content h3{font-size:1.2rem;color:#6d2d24;margin-top:1.6rem}.content p,.content li{max-width:82ch}.content table{border-collapse:collapse;width:100%;margin:1.2rem 0;background:white}.content th,.content td{padding:.72rem;border:1px solid var(--line);text-align:left;vertical-align:top}.content th{background:#f7e6d4;color:var(--plum)}.lead{font-size:1.16rem;color:#493e48}.callout{border-left:5px solid var(--copper);background:#fff2df;padding:1rem 1.1rem;border-radius:0 14px 14px 0;margin:1.5rem 0}.safety{border-left-color:#a12d2d;background:#fff0ef}.formula{font-size:1.12rem;font-weight:800;background:#2d2030;color:white;padding:1rem;border-radius:14px;overflow:auto}.sidebar{align-self:start;position:sticky;top:1rem}.sidebox{background:white;border:1px solid var(--line);border-radius:16px;padding:1.05rem;margin-bottom:1rem;box-shadow:0 8px 24px #3d20300d}.sidebox h2{font-size:1.05rem;margin:.1rem 0 .7rem}.sidebox ul{margin:.4rem 0;padding-left:1.15rem}.sidebox li{margin:.35rem 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:0 8px 28px rgba(50,28,54,.06)}.card h2,.card h3{margin-top:.1rem}.card .tag{display:inline-block;background:#f4dfc5;color:#6a2f1b;padding:.22rem .5rem;border-radius:999px;font-size:.78rem;font-weight:800}.section{padding:3.2rem 0}.section.alt{background:#f6eadc;border-block:1px solid #ead9c7}.section-title{max-width:800px;margin-bottom:1.4rem}.section-title h2{font-size:clamp(1.8rem,3vw,2.8rem);color:var(--plum);margin:.2rem 0}.tool{background:white;border:1px solid var(--line);border-radius:20px;padding:1.3rem;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field label{display:block;font-weight:750;margin-bottom:.3rem}.field input,.field select,.field textarea{width:100%;padding:.76rem;border:1px solid #bda99b;border-radius:10px;background:#fffdf9;font:inherit}.field textarea{min-height:110px}.result{background:#f7e6d4;border:1px solid #ddb98e;border-radius:14px;padding:1rem;margin-top:1rem}.result strong{font-size:1.2rem;color:var(--plum)}.mini{font-size:.9rem;color:var(--muted)}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem}.site-footer{background:#201622;color:#e9dfe7;padding:2.6rem 0 1.5rem;border-top:5px solid var(--copper)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.site-footer a{color:#ffd79f}.legal-links{display:flex;flex-wrap:wrap;gap:.7rem 1rem;margin-top:1rem}.fine{font-size:.85rem;color:#bfafb9;margin-top:1.5rem}.not-found{font-size:7rem;font-weight:900;color:var(--copper);line-height:1}.resistor{height:46px;border-radius:25px;background:#d5b58c;border:3px solid #7d5c3c;display:flex;justify-content:center;gap:8px;align-items:stretch;padding:0 32px;margin:1rem auto;max-width:420px}.band{width:20px;background:#111}.toc{columns:2;column-gap:2rem}.toc li{break-inside:avoid}.print-only{display:none}@media(max-width:1000px){.hero-grid,.main-grid{grid-template-columns:1fr}.sidebar{position:static}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand small{display:none}}@media(max-width:720px){body{font-size:16px}.brand-row{flex-wrap:wrap}.nav-toggle{display:block}.topnav{display:none;width:100%;margin-left:0}.topnav.open{display:grid;grid-template-columns:1fr 1fr}.hero{padding:3rem 0}.hero-grid{gap:1.5rem}.grid,.form-grid,.footer-grid{grid-template-columns:1fr}.toc{columns:1}.main-grid{padding-top:1.5rem}}@media print{.site-header,.site-footer,.sidebar,.buttons,.nav-toggle{display:none!important}.page-head{background:white;color:black;border:0;padding:1rem 0}.page-head p,.breadcrumbs{color:#333}.main-grid{display:block}.print-only{display:block}body{background:white;color:black}.tool,.card{box-shadow:none}}