.hardware{--hw-accent: var(--teal);margin:2.5rem 0;padding:1.5rem;border:1px solid var(--night-rule);border-radius:1.5rem;color:var(--night-ink);background:radial-gradient(ellipse at 15% 0,#233d55,transparent 65%),var(--night);box-shadow:0 1rem 2rem #111c3010}.hardware[data-tone=gold]{--hw-accent: #f4ce83}.hardware[data-tone=violet]{--hw-accent: var(--violet)}.hardware .eyebrow{color:var(--hw-accent);margin-bottom:.5rem}.hardware>figcaption{font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.35;font-weight:650}.hardware-summary,.hardware-note{color:var(--night-muted);font-size:.875rem;line-height:1.65}.hardware-summary{margin-block:1rem}.hardware-board{position:relative;isolation:isolate;padding:1rem .75rem;margin-block:1rem;border:1px solid var(--night-rule);border-radius:1rem;background:linear-gradient(#94b9ff08 1px,transparent 1px),linear-gradient(90deg,#94b9ff08 1px,transparent 1px),#101b2a;background-size:24px 24px;transform-origin:center}.hardware-group{position:relative;z-index:1;margin-bottom:1.25rem}.hardware-group:last-child{margin-bottom:0}.hardware-group h3{margin:0 0 .625rem;color:var(--night-muted);font:600 .6875rem/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase}.hardware-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1.25rem}.hardware-components[data-dense]{grid-template-columns:repeat(4,minmax(0,1fr))}.hardware-node{position:relative;min-width:0;min-height:5.5rem;padding:.75rem;border:1px solid #466079;border-radius:.625rem;color:var(--night-ink);background:linear-gradient(145deg,#233b55,#15263b);text-align:left;font:inherit;cursor:pointer;box-shadow:inset 0 1px #ffffff0c}.hardware-node:disabled{cursor:default;opacity:1}.hardware-node strong,.hardware-node small{display:block;overflow-wrap:anywhere}.hardware-node strong{font-size:.9375rem;line-height:1.35}.hardware-node small{color:var(--night-muted);font-size:.75rem;line-height:1.45;margin-top:.35rem}.hardware-node svg{width:1.65rem;height:1.65rem;display:block;margin-bottom:.5rem;fill:none;stroke:var(--hw-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hardware-node[aria-pressed=true],.hardware-node:hover:not(:disabled){border-color:var(--hw-accent);background:linear-gradient(145deg,#314d64,#1c3148);box-shadow:0 0 0 1px var(--hw-accent),0 0 1.1rem #7ae0cd15}.hardware-node:focus-visible,.hardware button:focus-visible,.hardware summary:focus-visible{outline:3px solid var(--hw-accent);outline-offset:4px}.hardware-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.hardware-wires path{stroke:#55708c;fill:none;stroke-width:1.4;opacity:.7}.hardware-wires path[data-active=true]{stroke:var(--hw-accent);opacity:1;stroke-width:2.2}.hardware-wires circle{fill:var(--hw-accent);stroke:var(--night);stroke-width:2;visibility:hidden}.hardware-board[data-autoplay-state=playing] .hardware-wires circle{visibility:visible}.hardware-inspector{min-height:9.5rem;padding:1rem;border-left:3px solid var(--hw-accent);background:#243a4e;border-radius:0 .5rem .5rem 0}.hardware-inspector strong{display:block;color:var(--hw-accent);margin-bottom:.5rem}.hardware-inspector p{font-size:.9375rem;line-height:1.6;margin-bottom:0}.hardware-key{margin-block:1.25rem}.hardware-key summary{min-height:2.75rem;cursor:pointer;color:var(--hw-accent);font-weight:650}.hardware-key dl{display:grid;gap:1rem;margin-block:.75rem}.hardware-key dt{font-weight:650;color:var(--night-ink)}.hardware-key dd{margin:.25rem 0 0;color:var(--night-muted);font-size:.875rem}.hardware a{color:var(--electric)}.hardware-sources{font-size:.8125rem;padding-left:1.25rem}.hardware-bit-inputs{display:flex;gap:.75rem;flex-wrap:wrap;margin-block:1rem}.hardware-bit-inputs button{padding:.5rem .875rem;min-height:2.75rem;color:var(--night-ink);background:#203651;border:1px solid var(--night-rule);border-radius:.5rem;font:600 .9375rem var(--sans);cursor:pointer}.hardware-bit-inputs button[aria-pressed=true]{border-color:var(--hw-accent);color:var(--hw-accent)}.hardware-bit{position:absolute;top:.625rem;right:.75rem;font:700 1.125rem var(--mono);color:var(--night-muted)}.hardware-node[data-bit-value="1"] .hardware-bit{color:var(--hw-accent)}.hardware-result{display:block;padding:.75rem 0;color:var(--hw-accent);font-weight:650}@media(max-width:600px){.hardware{padding:1rem;border-radius:1rem}.hardware-board{padding:.75rem .5rem}.hardware-components,.hardware-components[data-dense]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.hardware-node{padding:.625rem}.hardware-node strong{font-size:.8125rem}.hardware-node small{font-size:.6875rem}.hardware-inspector{min-height:12rem}}@media(prefers-reduced-motion:reduce),print{.hardware-board{transform:none!important}.hardware-wires circle{display:none}}@media print{.hardware{color:#19232c;background:#fff;box-shadow:none;border-color:#ccd0c9}.hardware *{color:#19232c!important}.hardware-board,.hardware-node,.hardware-inspector{background:#fff;box-shadow:none}.hardware-node{border-color:#515d66;break-inside:avoid}.hardware-wires,.hardware-bit-inputs{display:none}.hardware-key::details-content{content-visibility:visible}.hardware-inspector{min-height:0}}