@font-face{font-family:Aino;src:url('/fonts/Aino-Regular.woff2')}@font-face{font-family:Aino;src:url('/fonts/Aino-Bold.woff2');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#edece6;color:#29342e;font:15px Aino,system-ui,sans-serif}header,footer{display:flex;justify-content:space-between;align-items:center;padding:26px 4vw;border-bottom:1px solid #c9cec5}a{color:inherit}header a{text-decoration:none;font-weight:700;font-size:20px}header a span{font-weight:400;color:#6d756e;font-size:14px}.edition,.eyebrow{font:10px ui-monospace,monospace;letter-spacing:1.7px}.intro{display:flex;align-items:end;justify-content:space-between;padding:50px 0 32px;gap:20px}main{padding:0 4vw}h1{font-size:clamp(42px,5vw,78px);line-height:1.04;font-weight:400;letter-spacing:-3px;margin:15px 0 0}h1 em{font-family:Georgia,serif;font-weight:400}.lede{color:#647066;line-height:1.7;margin-bottom:3px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid #bbc3b6;background:#e2e6dc;min-height:640px}.viewport{position:relative;min-width:0;min-height:640px;overflow:hidden}#stage{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.viewbar{position:absolute;top:20px;left:20px;right:20px;display:flex;gap:5px;z-index:2;flex-wrap:wrap}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #c1c8b9;background:#f0f1e9;padding:10px 12px;border-radius:3px}button:hover{background:#fff}button[aria-pressed=true]{background:#2d4839;color:#f3f4e9;border-color:#2d4839}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ad622e;outline-offset:3px}.viewbar button{font-size:11px}.stage-footer{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#56624f;gap:10px}.stage-footer button{padding:6px 10px;font-size:11px}.proxy-badge{position:absolute;bottom:62px;left:22px;font:9px ui-monospace,monospace;letter-spacing:1px;color:#66725e}#loading{position:absolute;top:45%;left:10%;max-width:75%;background:#eff0e8;padding:16px}aside{background:#f5f4ee;border-left:1px solid #bbc3b6;padding:26px 23px}h2{font-size:24px;font-weight:400;letter-spacing:-.6px;margin:14px 0}.aside-note,aside p{font-size:12px;line-height:1.65;color:#647066}.legend{display:flex;gap:14px;font-size:10px;margin:22px 0 16px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.eth{background:#278886}.power{background:#bd693b}.ac{background:#5e6460}#cables{display:grid;gap:5px}#cables button{text-align:left;padding:10px;font-size:11px;display:flex;align-items:center;gap:9px;background:transparent}#cables button i{width:16px;height:3px;display:inline-block}#cables button[aria-pressed=true]{background:#e2e8dc;color:#213c2a;border-color:#809477}#clear{font-size:10px;width:100%;margin-top:8px}.toggles{display:grid;gap:12px;margin:22px 0;font-size:11px}.toggles label{display:flex;gap:8px;align-items:center}input{accent-color:#385940}#inspector{border-top:1px solid #cbd0c5;padding-top:15px}#inspector h3{font-size:18px;font-weight:400;overflow-wrap:anywhere}#inspector code{font-size:10px;overflow-wrap:anywhere}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding:34px 0;gap:30px}.facts article+article{border-left:1px solid #c9cec5;padding-left:30px}.facts p:not(.eyebrow){font-size:13px;color:#647066;line-height:1.8}.evidence{border-top:1px solid #c9cec5;padding:22px 0 32px}.evidence summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px}.evidence p{max-width:880px;font-size:13px;line-height:1.8;color:#647066}footer{border-top:1px solid #c9cec5;border-bottom:0;font-size:10px;letter-spacing:1px}footer span{letter-spacing:0;color:#647066}@media(max-width:1000px){.workbench{grid-template-columns:minmax(0,1fr) 280px}.lede{max-width:300px}aside{padding:20px 16px}}@media(max-width:720px){.intro{display:block;padding-top:30px}h1{letter-spacing:-2px}.lede{margin-top:22px;max-width:none}.edition{display:none}.workbench{grid-template-columns:1fr}.viewport{min-height:480px}aside{border-left:0;border-top:1px solid #bbc3b6}#cables{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr;gap:10px}.facts article+article{border-left:0;border-top:1px solid #c9cec5;padding:20px 0 0}.stage-footer span{max-width:190px}.viewbar{left:12px;top:12px;right:12px}.viewbar button{padding:8px}footer span{display:none}}

.component-label{display:block;font-size:11px;margin:14px 0 8px}#component{width:100%;padding:10px 5px;background:#efefe7;border:1px solid #bdc6b7;color:#29342e;font:11px Aino,system-ui}#hide-component,#restore-components{font-size:10px;padding:7px;margin:8px 4px 18px 0}button:disabled{opacity:.4;cursor:default}select:focus-visible{outline:3px solid #ad622e;outline-offset:2px}
@media(min-width:721px){.workbench{height:700px}.viewport{height:698px}aside{overflow:auto;scrollbar-width:thin}}