.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 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;touch-action:manipulation;box-shadow:0 1px 2px rgba(0,0,0,0.04),0 4px 8px rgba(0,0,0,0.04);position:relative}.hardware-section:hover{border-color:var(--accent);box-shadow:0 2px 4px rgba(0,0,0,0.04),0 8px 20px rgba(0,0,0,0.06);transform:translateY(-2px)}.hardware-section--compact{padding:clamp(0.875rem,1.75vw,1.125rem)}.hardware-header{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(0.5rem,1vw,0.625rem);margin-bottom:clamp(0.75rem,1.5vw,1rem)}.hardware-label{display:flex;align-items:center;gap:0.5rem;font-size:clamp(0.8125rem,1.3vw + 0.1rem,0.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:0.5rem;margin-left:auto}.pill-btn{padding:clamp(0.375rem,0.75vw,0.5rem) clamp(0.625rem,1.25vw,0.875rem);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:clamp(0.6875rem,1vw,0.75rem);font-weight:500;text-decoration:none;transition:border-color 0.2s ease,color 0.2s ease,background-color 0.2s ease;cursor:pointer;min-height:32px;display:flex;align-items:center;justify-content:center;gap:0.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:0.5rem}.hardware-icon-badge svg{width:16px;height:16px}.hardware-content{position:relative}.hardware-description{font-size:clamp(0.6875rem,1.1vw,0.75rem);color:var(--text-muted);margin-top:0.625rem;line-height:1.5}.hardware-stats{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.625rem}.hardware-stat{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.5rem;background:var(--bg-modal);border:1px solid var(--bg-tertiary);border-radius:5px;font-size:0.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),0.3);background:rgba(var(--success-rgb),0.08)}.hardware-stat--success .hardware-stat__value{color:var(--success)}.hardware-stat--warning{border-color:rgba(var(--warning-rgb),0.3);background:rgba(var(--warning-rgb),0.08)}.hardware-stat--warning .hardware-stat__value{color:var(--warning)}.hardware-stat--error{border-color:rgba(var(--error-rgb),0.3);background:rgba(var(--error-rgb),0.08)}.hardware-stat--error .hardware-stat__value{color:var(--error)}