*{box-sizing:border-box}body{margin:0;background:#f5f1e9;color:#3b3530;font:16px/1.65 system-ui,sans-serif}a{color:#805128;text-underline-offset:.18em}button,input,textarea{font:inherit}header,main,footer{max-width:1240px;margin:auto;padding:22px 28px}header{border-bottom:1px solid #b8cdc4;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:23px;font-weight:800;text-decoration:none;color:#3b3530;display:flex;gap:10px;align-items:center}.brand span{padding:0 10px;background:#694629;color:white;border-radius:5px}nav,.footer-links{display:flex;gap:17px;flex-wrap:wrap}nav a{font-size:14px}.hero{max-width:800px;padding:35px 0}.eyebrow{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8e4b20}h1{font:750 clamp(2rem,4.5vw,3.6rem)/1.08 system-ui;letter-spacing:-.04em;margin:12px 0 24px}h2{font-size:22px;line-height:1.3;margin:30px 0 15px}h3{font-size:17px;line-height:1.35}.lede{font-size:20px}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{font-size:12px;border:1px solid #a6c6b8;border-radius:30px;background:#e3ede4;padding:5px 11px}.workbench{display:grid;grid-template-columns:.85fr 1.25fr;gap:24px;align-items:start}.panel{background:#fffef9;border:1px solid #adc7bc;border-top:4px solid #694629;padding:25px;border-radius:10px;min-width:0}.panel h2{margin:0 0 24px}label{display:block;font-weight:750;margin:15px 0 8px}input,textarea{width:100%;min-width:0;padding:12px;border:1px solid #7eaa9e;border-radius:6px;background:white;color:#3b3530;font:16px/1.5 ui-monospace,Consolas,monospace}textarea{resize:vertical}button{border:1px solid #694629;border-radius:6px;background:#694629;color:white;font-size:14px;font-weight:700;padding:11px 16px;cursor:pointer}button.secondary{background:#f7fbf5;color:#694629}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.note{font-size:13px;color:#3c5e56}.error{color:#9b3021;font-weight:700}.model-box{background:#e7efe5;border:1px solid #b0c7ac;border-radius:7px;padding:16px;margin-top:26px;font-size:14px}.model-box h3{margin:0 0 12px}.model-box p{margin:10px 0}.result-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:22px 0 5px}.big-result{font:700 clamp(1.2rem,2.4vw,1.9rem)/1.3 ui-monospace,Consolas,monospace;margin:0 0 25px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:20px 0}.metrics>div{border-top:1px solid #d2ded4;padding:12px 0;min-width:0}dt{font-size:12px;color:#48635b}dd{margin:3px 0 0;font:650 16px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}details{border-top:1px solid #b8cdc4;padding-top:18px;margin-top:20px}summary{font-weight:750;cursor:pointer}.bit-label{font-size:12px;font-weight:700;margin:15px 0 4px}.bits{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:1px;font:11px/1.8 ui-monospace,Consolas,monospace}.bits span{text-align:center}.prefix-bit,.legend-prefix{background:#694629;color:white}.remainder-bit,.legend-remainder{background:#d9e1d5;color:#244a3c}.legend-prefix,.legend-remainder{padding:1px 5px;border-radius:3px}code{background:#e0eade;border-radius:3px;padding:1px 4px;font-size:.92em;overflow-wrap:anywhere}.reading{max-width:820px;margin:40px auto}.reading p{overflow-wrap:anywhere}.reading h1{margin-bottom:30px}footer{border-top:1px solid #b8cdc4;margin-top:40px;font-size:12px;padding-bottom:35px}.skip{position:absolute;left:-1000px}.skip:focus{left:12px;top:12px;z-index:10;background:white;padding:10px}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a25d25;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}header{align-items:flex-start;flex-direction:column;gap:12px}.hero{padding:25px 0}h1{font-size:2.4rem}.lede{font-size:17px}.workbench{grid-template-columns:1fr}.panel{padding:18px}.metrics{gap:0 12px}dd{font-size:14px}.bits{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;font-size:13px}.actions button{flex:1 1 130px}.reading{margin:26px auto}}
select{width:100%;padding:11px;border:1px solid #a49178;background:white;color:#3b3530;border-radius:6px;font:inherit;min-height:44px}.band-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.resistor{position:relative;display:flex;align-items:stretch;justify-content:space-evenly;gap:8px;background:#d4bb8d;border:2px solid #9d835a;border-radius:25px;height:80px;max-width:330px;margin:18px auto 20px;padding:0 25px;box-shadow:inset 0 8px 14px #ffffff48}.stripe{display:block;width:18px;min-width:10px;border:1px solid #0006}.color-black{background:#161616}.color-brown{background:#754226}.color-red{background:#b32c22}.color-orange{background:#e47726}.color-yellow{background:#f4d33f}.color-green{background:#3c7842}.color-blue{background:#245ba2}.color-violet{background:#754782}.color-gray{background:#777}.color-white{background:#fff}.color-gold{background:#b99539}.color-silver{background:#c2c6cb}.roles{list-style:none;padding:0;display:flex;gap:5px 16px;flex-wrap:wrap;font-size:12px}.roles li{border-bottom:1px solid #d6c6b3;padding:3px 0}.formula{font:14px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.big-result{font-size:clamp(1.5rem,3vw,2.3rem)}select:focus-visible{outline:3px solid #a25d25;outline-offset:3px}@media(max-width:650px){.band-inputs{grid-template-columns:1fr;gap:0}.resistor{height:72px;padding:0 18px;max-width:260px}.stripe{width:16px}.roles{gap:4px 12px}}