.hardware-section{position:relative;z-index:1}.hardware-section:has(.is-open){z-index:100;border-color:var(--accent)}.hardware-row-dual{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.25rem)}@media(min-width:640px){.hardware-row-dual{grid-template-columns:1fr 1fr}}.hardware-row-triple{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.25rem)}@media(min-width:480px){.hardware-row-triple{grid-template-columns:1fr 1fr}}@media(min-width:768px){.hardware-row-triple{grid-template-columns:1fr 1fr 1fr}}.hardware-row-dynamic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,1.25rem)}@media(max-width:479px){.hardware-row-dynamic{grid-template-columns:1fr}}.hardware-section{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:clamp(1rem,2.25vw,1.5rem);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;touch-action:manipulation;box-shadow:0 1px 2px #0000000a,0 4px 8px #0000000a;position:relative}.hardware-section:hover{border-color:var(--accent);box-shadow:0 2px 4px #0000000a,0 8px 20px #0000000f;transform:translateY(-2px)}.hardware-section--compact{padding:clamp(.875rem,1.75vw,1.125rem)}.hardware-header{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.5rem,1vw,.625rem);margin-bottom:clamp(.75rem,1.5vw,1rem)}.hardware-label{display:flex;align-items:center;gap:.5rem;font-size:clamp(.8125rem,1.3vw + .1rem,.9375rem);font-weight:600;color:var(--text-primary)}.hardware-label svg{color:var(--text-muted);flex-shrink:0;width:18px;height:18px}.hardware-pills{display:flex;gap:.5rem;margin-left:auto}.pill-btn{padding:clamp(.375rem,.75vw,.5rem) clamp(.625rem,1.25vw,.875rem);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:clamp(.6875rem,1vw,.75rem);font-weight:500;text-decoration:none;transition:border-color .2s ease,color .2s ease,background-color .2s ease;cursor:pointer;min-height:32px;display:flex;align-items:center;justify-content:center;gap:.375rem;touch-action:manipulation}.pill-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-tertiary)}.pill-btn:active{background:var(--border)}.pill-btn svg{width:12px;height:12px}.pill-btn--link{background:transparent;border-color:transparent;color:var(--text-muted);font-weight:500}.pill-btn--link:hover{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}.hardware-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);margin-right:.5rem}.hardware-icon-badge svg{width:16px;height:16px}.hardware-content{position:relative}.hardware-description{font-size:clamp(.6875rem,1.1vw,.75rem);color:var(--text-muted);margin-top:.625rem;line-height:1.5}.hardware-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem}.hardware-stat{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--bg-modal);border:1px solid var(--bg-tertiary);border-radius:5px;font-size:.6875rem;color:var(--text-secondary)}.hardware-stat__label{color:var(--text-muted)}.hardware-stat__value{color:var(--text-primary);font-weight:600}.hardware-stat--success{border-color:rgba(var(--success-rgb),.3);background:rgba(var(--success-rgb),.08)}.hardware-stat--success .hardware-stat__value{color:var(--success)}.hardware-stat--warning{border-color:rgba(var(--warning-rgb),.3);background:rgba(var(--warning-rgb),.08)}.hardware-stat--warning .hardware-stat__value{color:var(--warning)}.hardware-stat--error{border-color:rgba(var(--error-rgb),.3);background:rgba(var(--error-rgb),.08)}.hardware-stat--error .hardware-stat__value{color:var(--error)}