.hardware-legend{display:flex;flex-wrap:wrap;gap:7px 12px;padding:8px 0 14px;font-size:11px;line-height:1.5}
.hardware-legend>p{width:100%;margin:0 0 3px}.hardware-key{display:inline-flex;align-items:center;gap:6px}.hardware-key:before{content:'';width:10px;height:10px;flex-shrink:0;border-radius:3px;background:var(--hardware-color)}
.hardware-hinges{--hardware-color:#a855f7}.hardware-slides{--hardware-color:#078da6}.hardware-handles{--hardware-color:#d3488c}.hardware-supports{--hardware-color:#269654}.hardware-lifts{--hardware-color:#e27b13}.hardware-dowels{--hardware-color:#c35429}.hardware-screws{--hardware-color:#297bea}.hardware-joints{--hardware-color:#b08a00}.hardware-other{--hardware-color:#7460be}
#assembly-hardware-legend{padding:8px 16px 14px}.assembly-hardware-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #dce3d9;border-radius:8px;font-size:12px;cursor:pointer}.assembly-hardware-toggle:has(input:checked){background:#e6eff9;border-color:#7ea8d0}.assembly-hardware-toggle input{width:18px;height:18px;accent-color:var(--green)}
@media(max-width:900px){.assembly-hardware-toggle{grid-column:1/-1}}