*{box-sizing:border-box}[hidden]{display:none!important}:root{color-scheme:dark;--bg:#101217;--panel:#1b1e25;--line:#363b46;--pink:#ee8db8;--muted:#adb4c2}body{margin:0;background:var(--bg);color:#f5f5f8;font:16px/1.55 system-ui,sans-serif}a{color:var(--pink)}header,main,footer{max-width:1400px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{color:#fff;font-weight:800;font-size:25px;text-decoration:none;white-space:nowrap;flex:0 0 auto;line-height:1.15;letter-spacing:0}.brand em{font-style:normal;color:var(--pink)}nav{display:flex;gap:12px;align-items:center}button,.pill{border:1px solid var(--line);border-radius:9px;padding:10px 15px;color:inherit;background:#262a33;font:inherit;text-decoration:none;cursor:pointer}button[aria-pressed=true]{border-color:var(--pink);color:var(--pink)}h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.035em;margin:30px 0 10px}h2{font-size:25px;margin:0}.intro{max-width:850px;color:var(--muted)}.jump{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.card{padding:26px;margin:22px 0 36px;background:var(--panel);border:1px solid var(--line);border-radius:18px;scroll-margin-top:20px}.heading{display:flex;align-items:center;gap:14px}.number{color:var(--pink);border:1px solid #83516b;border-radius:10px;padding:6px 10px}.lead{color:var(--muted);margin:16px 0 25px}.diagram{display:flex;align-items:center;gap:0;background:#12151b;padding:26px 12px;border:1px solid var(--line);border-radius:12px;overflow-x:auto}.node{min-width:120px;flex:1;text-align:center}.node svg{display:block;margin:auto;width:100%;max-width:160px;height:122px;fill:#252c37;stroke:#c5cedd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.node b{display:block;font-size:14px;overflow-wrap:normal}.node small{display:block;color:var(--muted);font-size:11px;max-width:145px;margin:auto;min-height:30px}.wire{flex:.75;min-width:90px;text-align:center;align-self:center;margin-bottom:20px}.wire span{display:block;font-size:11px;color:#b8cadc;min-height:34px;max-width:145px;margin:auto}.wire i{display:block;border-top:2px dashed #8aa6c7;position:relative;margin:8px 5px}.wire i:after{content:'↔';position:absolute;left:calc(50% - 10px);top:-15px;background:#12151b;padding:0 3px;color:#8aa6c7}.usb i{border-style:solid;border-color:#c7cbd4}.rf i{border-style:dotted;border-width:4px;border-color:var(--pink)}ol{margin:24px 0;padding-left:24px}li{padding:5px 0}.status{border-left:3px solid #c29b59;color:#d2c1a3;padding-left:13px;font-size:14px}.notice{padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}footer{color:var(--muted);font-size:13px}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}@media(max-width:700px){header,main,footer{padding:18px}header{flex-wrap:wrap}nav{flex-wrap:wrap}.card{padding:18px}.diagram{flex-direction:column;padding:20px}.node{flex:none;width:100%;max-width:220px}.node svg{height:112px}.node small{min-height:0}.wire{flex:none;min-height:55px;width:180px;margin:12px 0}.wire i{width:45px;transform:rotate(90deg);margin:21px auto}.wire span{min-height:0}.heading{align-items:flex-start}h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}